@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
#help-panel{width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 18px 70px #263a3633}#help-panel::backdrop{background:#263a3680}.market-help{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.help-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px;line-height:1.65;overflow-wrap:anywhere}.help-body h2{font:800 24px/1.25 'Manrope',sans-serif;margin:0 0 14px}.help-body h3{font-size:15px;margin:22px 0 8px}.help-body p,.help-steps{font-size:14px}.help-state{padding:12px;border-radius:9px;background:#eaf0e7;color:var(--green)}.help-steps{padding-left:22px}.help-steps li{padding-left:4px;margin:12px 0}.help-body .help-keys{font-size:12px;color:var(--muted)}.help-full-guide{display:inline-flex;align-items:center;min-height:44px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.help-actions{flex:0 0 auto;border-top:1px solid var(--line);padding:14px 22px;background:var(--paper)}.help-actions button{width:100%;min-height:44px;font-size:14px;white-space:normal}@media(max-width:500px){.help-body{padding:16px}.help-actions{padding:12px 16px}.help-body h2{font-size:22px}}
.opening-copy{flex:1;min-width:190px}.opening .opening-condition{font-size:10px;line-height:1.5;margin-top:8px;color:var(--green)}.opening-condition strong{font-weight:800}.opening-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.opening-actions button{min-height:44px;white-space:nowrap}
.rule-impact{font-size:10px;line-height:1.5;color:#617952;margin:0 0 6px}.shop,.result{scroll-margin-top:76px}
:root{color-scheme:light;--paper:#fbf7ef;--ink:#263a36;--muted:#73817a;--line:#dedfd3;--green:#346e55;--berry:#cf5d6e;--gold:#e4b553}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--berry);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1220px;margin:auto;padding:24px 38px 44px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{font:800 16px 'Manrope',sans-serif;letter-spacing:2px}.brand span{color:var(--berry)}.utilities{display:flex;gap:8px}.utilities button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:12px;font-weight:700}.utilities button:disabled{opacity:.45}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;margin:0 0 12px;color:var(--green)}h1{font:800 clamp(38px,5vw,62px)/1.05 'Manrope',sans-serif;letter-spacing:-3px;margin:0}h1 em{font-style:normal;color:var(--green)}.tagline{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 4px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:30px}.shop{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fffdf8;box-shadow:0 12px 40px #42513c06}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:17px;border-bottom:1px solid var(--line)}.hud div{padding-left:15px;border-left:1px solid var(--line)}.hud div:first-child{padding-left:0;border:0}.hud small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:700}.hud strong{display:block;font:800 23px 'Manrope',sans-serif;margin-top:6px}.opening{display:flex;align-items:center;gap:14px;background:#f1edda;padding:18px;border-radius:12px;margin:16px 0}.sun{font-size:38px;color:#b39140}.opening h2{font:800 18px 'Manrope',sans-serif;margin:0 0 6px}.opening p{font-size:12px;line-height:1.5;margin:0;color:#596858}.opening .primary{margin-left:auto;white-space:nowrap}.primary,.secondary{padding:12px 15px;font-size:12px;font-weight:800;border-radius:9px;transition:transform .12s}.primary{background:var(--green);color:#fff}.secondary{background:#eaf0e7;color:var(--green);border:1px solid #d1dfce}.primary:active,.secondary:active{transform:translateY(2px)}.shift-line{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:12px 0 8px}.shift-line span:first-child{color:var(--green);font-weight:700}.steps{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);letter-spacing:1px;padding:8px 0 12px}.steps b{display:inline-grid;place-items:center;background:#e8eee3;border-radius:50%;width:18px;height:18px;color:var(--green);margin-right:4px}.stations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.station{border-radius:13px;padding:12px;background:#f8e9e5;border:1px solid #eddbd4;text-align:center}.bakery{background:#f5ecd6;border-color:#e8ddc4}.station-head{display:flex;justify-content:space-between;text-align:left;gap:6px;font-size:9px;letter-spacing:.7px;font-weight:700}.batch{color:#977d70;font-size:8px;letter-spacing:0;white-space:nowrap}.produce-art{height:71px;display:flex;justify-content:center;align-items:center;position:relative;gap:10px;margin:6px 0}.produce-art span{font-size:25px;position:absolute;right:14%;top:7px;opacity:.55}.berry-art i{width:28px;height:34px;background:#d16474;border-radius:44% 44% 42% 42%;position:relative;box-shadow:inset -5px -4px 0 #b7475920;transform:rotate(-9deg)}.berry-art i:nth-child(2){transform:translateY(8px) rotate(8deg)}.berry-art i:before{content:'';position:absolute;width:20px;height:9px;border-radius:0 80%;background:#598e62;top:-5px;left:6px;transform:rotate(-20deg)}.berry-art i:after{content:'· ·';position:absolute;inset:7px 0;color:#fff3cc;font-size:18px}.bread-art i{position:relative;width:47px;height:36px;border-radius:45% 45% 20% 20%;background:#dba85a;border:2px solid #c9944c;box-shadow:inset 0 -5px #c9944c40;transform:rotate(-10deg)}.bread-art i:nth-child(2){transform:translateY(8px) rotate(10deg)}.bread-art i:after{content:'╱╱';color:#f7d598;font-weight:800;font-size:22px;position:absolute;left:8px;top:0}.grow-track,.checkout-track{height:4px;overflow:hidden;border-radius:8px;background:#ffffff99}.grow-track div{height:100%;width:0;background:var(--berry)}.bakery .grow-track div{background:#b8924f}.station button{background:#fffdf8;color:#6f453d;border:1px solid #e4d1c7;width:100%;padding:10px 6px;font-size:12px;font-weight:800;border-radius:8px;margin-top:9px;min-height:38px}.station button:not(:disabled){box-shadow:0 3px 0 #d9bfb3}.station button:disabled{opacity:.65}.station small{display:block;font-size:9px;color:#977d70;margin-top:6px}.shelves{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.shelves button{border:1px solid var(--line);background:white;padding:12px 10px;display:flex;align-items:center;gap:9px;border-radius:10px;text-align:left;min-height:64px}.shelves button:disabled{opacity:.55}.shelves button span:nth-child(2){flex:1}.shelves b{display:block;font-size:11px}.shelves small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.shelves strong{font:800 22px 'Manrope',sans-serif}.shelf-icon{font-size:24px;color:var(--berry)}#stock-bread .shelf-icon{color:#b58c44}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}.section-head h2{font:800 14px 'Manrope',sans-serif;margin:0}.section-head>span{font-size:9px;color:var(--muted);text-align:right}.counter{min-height:154px;padding:15px 12px 12px;background:#eef2e8;border-radius:13px}.customers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.customer{background:white;border:1px solid #d8dfd2;min-height:97px;border-radius:9px;padding:9px 7px;text-align:center;color:var(--ink)}.customer:disabled{opacity:.7}.avatar{width:26px;height:26px;border-radius:45%;background:var(--person,#d6a17c);display:inline-block;position:relative;box-shadow:0 -7px 0 -2px #344b4140;margin:5px 0 7px}.avatar:after{content:'· ·';position:absolute;inset:2px;color:#304239;font-size:18px;font-weight:800}.customer b{display:block;font-size:10px}.customer small{display:block;font-size:9px;margin:4px 0 7px;color:var(--muted)}.patience{display:block;height:3px;background:#edf0e8;overflow:hidden;border-radius:4px}.patience i{display:block;height:100%;background:#7eaa74;width:100%}.customer.urgent .patience i{background:var(--berry)}.queue-empty{font-size:12px;color:#7d8b76;text-align:center;padding:18px 0;margin:0}.checkout-track{margin-top:10px;background:#dce5d5}.checkout-track div{background:var(--green);height:100%;width:0}.notice{font-size:11px;line-height:1.5;color:var(--green);min-height:32px;margin:11px 0}.upgrades{border-top:1px solid var(--line);padding-top:13px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.upgrade-grid button{background:#f8f6ee;border:1px solid #dedfd3;border-radius:10px;min-height:103px;padding:9px 6px;text-align:left;color:var(--ink)}.upgrade-grid button:disabled{opacity:.5}.upgrade-grid button>span{font-size:19px;color:var(--green);display:block;margin-bottom:4px}.upgrade-grid b{font-size:10px;display:block}.upgrade-grid small{display:block;font-size:8px;color:var(--muted);margin:4px 0 8px}.upgrade-grid strong{font-size:10px;color:var(--green)}.controls{font-size:9px;line-height:1.6;color:var(--muted);margin:15px 0 0}.story-card,.result{background:#eef2e7;border:1px solid #dce4d4;padding:22px;border-radius:14px}.story-card h2,.result h2{font:800 25px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;margin:0 0 12px}.story-card>p:not(.eyebrow),.result>p{font-size:12px;line-height:1.75;color:#64725f}.rule-note{padding:11px;border-left:2px solid #a9b690;background:#fff8;font-size:11px;line-height:1.6;color:var(--green);margin:15px 0}.story-card .secondary{width:100%;background:var(--green);color:white}.story-card .secondary:disabled{opacity:.55}.story-card .small{font-size:9px!important;margin-bottom:0}.result{margin-top:16px;background:#f8ebde;border-color:#ead8c6}.reflection{padding:12px;border:1px dashed #d6b898;border-radius:9px}.reflection small{font-size:8px;letter-spacing:1px;color:#a27950;font-weight:800}.reflection p{font-size:12px;line-height:1.7;margin:7px 0 0}.result-actions{display:grid;gap:8px;margin-top:16px}.text-button{background:none;color:var(--green);padding:7px;font-size:10px;font-weight:700}.field-guide{margin:25px 0 20px;padding:0 6px}.field-guide h3{font:800 15px 'Manrope',sans-serif;margin:0 0 12px}.field-guide p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}.field-guide b{color:var(--ink)}.catalog{font-size:11px;font-weight:700;display:inline-block;margin:0 6px}body[data-phase=paused] .shop{border-color:#b9c9a8}body[data-phase=paused] .shift-line span:first-child:before{content:'PAUSED · '}@media(max-width:900px){.shell{padding:18px 22px 30px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.shop{padding:15px}.opening{flex-wrap:wrap}.opening .primary{width:100%;margin-left:0}.story-card,.result{padding:18px}.tagline{display:none}}@media(max-width:700px){.shell{padding:12px 12px 24px}header{position:sticky;top:0;z-index:3;background:var(--paper);padding:6px 0 12px}.brand{font-size:13px;letter-spacing:1.2px}.utilities button{padding:8px 10px;font-size:10px}.heading{margin:21px 5px 18px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}h1{font-size:38px;letter-spacing:-2px}.layout{display:block}.shop{padding:12px;border-radius:15px}.hud{padding-bottom:12px}.hud div{padding-left:10px}.hud small{font-size:7px;letter-spacing:.4px}.hud strong{font-size:19px}.opening{margin:12px 0;padding:13px;gap:10px}.opening h2{font-size:16px}.opening p{font-size:11px}.opening .primary{width:auto;margin-left:auto}.sun{font-size:28px}.steps{font-size:8px;letter-spacing:.5px;padding-bottom:9px}.station{padding:9px}.station-head{font-size:7px;letter-spacing:.3px}.batch{font-size:7px}.produce-art{height:51px;margin:4px 0}.berry-art i{width:22px;height:28px}.bread-art i{width:35px;height:29px}.bread-art i:after{font-size:16px}.station button{font-size:10px;min-height:36px;padding:8px 4px}.station small{font-size:8px}.shelves{gap:9px;margin:9px 0 15px}.shelves button{padding:10px 7px;gap:6px;min-height:59px}.shelf-icon{font-size:17px}.shelves b{font-size:9px}.shelves small{font-size:8px}.shelves strong{font-size:18px}.counter{padding:12px 10px;min-height:145px}.section-head h2{font-size:12px}.section-head>span{font-size:8px}.customer{min-height:88px;padding:7px 5px}.customer b{font-size:9px}.customer small{font-size:8px}.notice{font-size:10px;margin:10px 0;min-height:29px}.upgrade-grid button{min-height:95px}.upgrade-grid b{font-size:9px}.upgrade-grid small{font-size:7px}.controls{font-size:8px;margin-top:10px}aside{margin-top:18px}.story-card,.result{padding:20px}.story-card h2,.result h2{font-size:25px}.field-guide{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.opening .opening-actions .primary{margin-left:0;width:auto}@media(max-width:700px){button{min-height:44px}.station button{min-height:44px}.opening .sun{display:none}.opening-actions{width:100%;margin-left:0}.opening-actions button{flex:1}.opening .opening-actions .primary{margin-left:0}.opening-copy{min-width:0}}
@keyframes pm-hint{0%,100%{box-shadow:0 0 0 0 #346e5540}50%{box-shadow:0 0 0 5px #346e5526}}@keyframes pm-bump{0%{transform:scale(1)}35%{transform:scale(1.22);color:var(--green)}100%{transform:scale(1)}}@keyframes pm-warn{0%,100%{color:inherit}30%{color:var(--berry);transform:translateX(-3px)}60%{transform:translateX(3px)}}.hint:not(:disabled){animation:pm-hint 1.2s ease-in-out infinite;border-color:var(--green)!important}.hud strong{transform-origin:left center}.hud strong.bump{animation:pm-bump .45s ease-out}.hud strong.warn{animation:pm-warn .5s ease-out}.customer:not(:disabled){border-color:#9fbc94;box-shadow:0 3px 0 #d8dfd2}.customer:not(:disabled):active{transform:translateY(2px);box-shadow:none}
@media(max-width:700px){.hud small,.station-head,.batch,.section-head>span{font-size:9px}.station small,.shelves small,.customer small,.upgrade-grid small,.controls{font-size:10px}.shelves b,.customer b,.upgrade-grid b{font-size:11px}.station button{font-size:12px}.notice{font-size:12px}}
.stations,.shelves{grid-template-columns:repeat(3,1fr)}.kitchen{background:#efe6f0;border-color:#e0d2e2}.kitchen .grow-track div{background:#8a4f86}.kitchen button{color:#5b3558}.jam-art i{position:relative;width:34px;height:40px;border-radius:8px 8px 12px 12px;background:#8a4f86;box-shadow:inset -6px -5px 0 #6d3a6a40;margin-top:8px}.jam-art i:before{content:'';position:absolute;left:-3px;right:-3px;top:-9px;height:9px;border-radius:4px;background:#e0c38a;border:1px solid #c9a86a}.jam-art i:after{content:'';position:absolute;left:7px;right:7px;top:12px;height:12px;border-radius:3px;background:#fff6e4}#stock-jam .shelf-icon{color:#8a4f86}.hud div{position:relative}.stars{display:block;font-size:11px;letter-spacing:1px;color:var(--gold);margin-top:2px;transform-origin:left center}.stars.bump{animation:pm-bump .5s ease-out}body[data-rush=true] .shift-line span:first-child{color:var(--berry)}body[data-rush=true] .counter{background:#f6ece4}
@media(max-width:700px){.stations,.shelves{gap:6px}.station{padding:7px}.station-head{flex-direction:column;gap:2px}.shelves button{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 7px}.shelf-icon{display:none}.jam-art i{width:26px;height:31px}}
.customer{position:relative}.customer.hurry:before,.customer.big:before{position:absolute;top:-7px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.6px;white-space:nowrap;color:#fff}.customer.hurry:before{content:'IN A HURRY · +2';background:var(--berry)}.customer.big:before{content:'BIG ORDER';background:#8a4f86}.customer.hurry{border-color:#e7b3ba}.customer.big{border-color:#d3b8d1}.customers{padding-top:6px}

.shop-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:4px 0 8px}.shop-tools .text-button{min-height:36px;padding:7px 0;text-align:left;font-size:11px}.shop-tools button:disabled{opacity:.6}.first-sale-guide{padding:13px 15px;border:1px solid #b6cdb7;border-radius:12px;background:#edf4e9;margin-bottom:12px}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-heading .eyebrow{margin:0}.guide-heading .text-button{padding:4px 0;min-height:32px;font-size:11px}.first-sale-guide h2{font:800 17px 'Manrope',sans-serif;margin:5px 0}.first-sale-guide #guide-detail{font-size:12px;line-height:1.5;margin:0}.guide-steps{list-style:none;display:flex;gap:12px;padding:0;margin:12px 0 8px;counter-reset:guide;line-height:1.35}.guide-steps li{flex:1;font-size:10px;color:#667760;counter-increment:guide}.guide-steps li:before{content:counter(guide);display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dce6d7;color:var(--green);font-weight:800;margin-right:4px}.guide-steps .current{color:var(--green);font-weight:800}.guide-steps .current:before{background:var(--green);color:white}.guide-steps .done:before{content:'✓'}.guide-clock{font-size:10px;color:#53684f;margin:0;line-height:1.5}body[data-guide-active=true] .steps{display:none}body[data-shop-focus=true] .bakery,body[data-shop-focus=true] .kitchen,body[data-shop-focus=true] #stock-bread,body[data-shop-focus=true] #stock-jam,body[data-shop-focus=true] .upgrades,body[data-shop-focus=true] .field-guide{display:none}body[data-shop-focus=true] .supply-area{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 15px}body[data-shop-focus=true] .stations,body[data-shop-focus=true] .shelves{display:block;margin:0}body[data-shop-focus=true] #stock-berries{height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center}body[data-shop-focus=true] #stock-berries .shelf-icon{display:block}.upgrade-grid .upgrade-balance{font-size:10px;margin:5px 0;color:#52634e}.upgrade-grid .upgrade-status{display:block;font-size:10px;font-weight:700;line-height:1.4;color:#64725f;margin:0}.upgrade-grid button[data-state=available]{background:#eaf3e6;border-color:#8caf82;box-shadow:0 3px 0 #d3e3ca}.upgrade-grid button[data-state=available] .upgrade-status{color:var(--green)}.upgrade-grid button:disabled{opacity:.8}.upgrade-grid strong{display:block;line-height:1.5}.upgrade-grid button{min-height:135px}
@media(max-width:700px){.shop-tools .text-button{min-height:44px;font-size:11px}.first-sale-guide{padding:10px 12px}.guide-steps{gap:6px}.guide-steps li{font-size:10px}.guide-heading .text-button{min-height:36px}.guide-clock{font-size:10px}body[data-shop-focus=true] .supply-area{gap:9px}body[data-shop-focus=true] .berry .produce-art{height:40px}.upgrade-grid .upgrade-balance,.upgrade-grid .upgrade-status{font-size:10px}.upgrade-grid button{padding:9px 7px;min-height:148px}.upgrade-grid strong{font-size:11px}}

.guide-recovery{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #b6cdb7;margin-top:10px;padding-top:10px}.guide-recovery[hidden]{display:none}.guide-recovery p{flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.guide-recovery button{min-height:44px;padding:9px 12px;white-space:normal;text-align:left;border:1px solid #8caf82;border-radius:8px;color:var(--green);background:#fffaf1;font:700 12px 'Manrope',sans-serif;cursor:pointer}.guide-recovery button:first-of-type{background:#dcebcf}.guide-recovery button:focus-visible{outline:3px solid var(--green);outline-offset:2px}body[data-shop-focus=true][data-guide-product=bread] .bakery{display:block}body[data-shop-focus=true][data-guide-product=bread] #stock-bread{display:flex;min-height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center}body[data-shop-focus=true][data-guide-product=bread] .berry,body[data-shop-focus=true][data-guide-product=bread] #stock-berries{display:none}body[data-shop-focus=true][data-guide-product=bread] #stock-bread .shelf-icon{display:block}
