@import url('./fonts/fonts.css');
*{box-sizing:border-box}body{margin:0;background:#f3f6f1;color:#294f3d;font-family:'DM Sans','Segoe UI',sans-serif}button,a{touch-action:manipulation}button{font:inherit;font-size:12px;padding:10px 13px;border:1px solid #d2e0d3;border-radius:9px;background:#fff;color:#345b44;cursor:pointer}button:hover{background:#e7f2e8;border-color:#89ad92}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bf9b4a;outline-offset:3px}.primary{background:#285d46;color:#fff;border-color:#285d46}.primary:hover{background:#204c38;color:#fff}
header{height:78px;display:flex;align-items:center;gap:30px;padding:0 4vw;background:#fff;border-bottom:1px solid #e0e8df}.brand{color:#294e3b;text-decoration:none;font-size:18px;letter-spacing:-.7px;font-weight:600}.brand span{color:#7a9280;font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:4px;font-weight:400}header img{width:120px;height:auto;margin-left:auto}.back{font-size:12px;color:#3f6b4b;text-decoration:none}main{max-width:1440px;margin:auto;padding:30px 4vw}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:#859783;margin:0 0 9px}h1{font:500 clamp(24px,3vw,36px) 'Manrope',sans-serif;letter-spacing:-1.2px;margin:0}.game-actions{display:flex;gap:6px}.game-actions button{font-size:10px;background:transparent}.metrics{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #dce5da;border-radius:12px;margin-bottom:20px;overflow:hidden}.metrics>div{padding:17px 20px;border-right:1px solid #e5ebe2}.metrics>div:last-child{border:0}.metrics small{display:block;font-size:8px;letter-spacing:1px;color:#8a9783;margin-bottom:6px}.metrics b{font:500 25px 'Manrope',sans-serif;letter-spacing:-.7px}.metrics span{font-size:9px;margin-left:6px;color:#8a9783}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.warehouse-view{border:1px solid #d8e5d9;border-radius:16px;overflow:hidden;background:#fff;align-self:start}.scene-top{display:flex;justify-content:space-between;padding:16px 20px;background:#e7efea;font-size:8px;letter-spacing:1.3px;color:#6a8d77}#scene-state{letter-spacing:0;color:#3d7856}canvas{width:100%;height:clamp(230px,35vh,390px);object-fit:contain;display:block;background:#e7efea}#game-message{padding:14px 20px;color:#41684c;font-size:12px;background:#f1f7ed;border-top:1px solid #dce8d9;min-height:45px}.stock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.stock-cards article{border:1px solid #e3eadd;border-radius:10px;padding:12px}.stock-cards article>div{display:flex;align-items:center;gap:6px}.stock-cards i,.order h3 i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--goods);flex-shrink:0}.stock-cards strong{font-size:11px}.stock-cards b{font:600 20px 'Manrope',sans-serif;margin-left:auto}.stock-cards small{display:block;font-size:9px;color:#8b9988;margin:7px 0 12px;min-height:22px}.stock-cards button{width:100%;font-size:10px;padding:8px 3px}.warehouse-tools{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 8px}.warehouse-tools button{font-size:10px;background:#f8faf5}#wait{margin-left:auto;background:#295d46;color:#fff}.scene-note{font-size:10px;line-height:1.7;color:#8c9a85;margin:8px 20px 20px}.orders-heading{display:flex;align-items:center;justify-content:space-between}.orders-heading h2{font:500 20px 'Manrope',sans-serif;letter-spacing:-.5px;margin:5px 0}.orders-heading span{font-size:10px;color:#8b9b86}.muted{font-size:12px;color:#819279;line-height:1.7}.order{background:#fff;border:1px solid #dde6d8;border-radius:12px;margin:14px 0;padding:17px}.order-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;letter-spacing:.5px;color:#809476}.order-top span{letter-spacing:0;color:#6b946e}.order.urgent{border-color:#d9ae71}.order.urgent .order-top span{color:#ad7434}.order h3{font:500 19px 'Manrope',sans-serif;margin:16px 0 7px;display:flex;align-items:center;gap:9px}.order p{font-size:11px;color:#83917c;line-height:1.6;margin:0 0 15px}.order-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1e7;padding-top:12px}.order-bottom strong{font-size:13px;font-weight:500}.order-bottom button{font-size:11px;padding:8px 11px;background:#edf5e9}.empty-orders{padding:35px 15px;border:1px dashed #cbdac5;border-radius:12px;font-size:12px;line-height:1.8;color:#879c7e;margin-top:20px}.activity{font-size:11px;color:#78916c;margin-top:24px}.activity summary{cursor:pointer}.activity ol{padding-left:18px;line-height:1.7}.activity li{margin:9px 0}footer{margin:24px 0;font-size:10px;color:#8b9a80;line-height:1.7}dialog{border:1px solid #d9e4d1;border-radius:18px;padding:35px;max-width:530px;width:92vw;max-height:90dvh;overflow:auto;color:#315438;background:#fafcf6;box-shadow:0 25px 80px #163b2940}dialog::backdrop{background:#1c392777;backdrop-filter:blur(5px)}dialog h2{font:500 30px 'Manrope',sans-serif;letter-spacing:-1px;margin:12px 0}dialog p,dialog li{font-size:13px;line-height:1.8;color:#76876b}dialog ol{padding-left:19px}dialog li{margin:14px 0}dialog li b{color:#3e6144}dialog button{margin:12px 8px 0 0}#result-stats{font-size:13px;background:#eaf3e3;padding:17px;border-radius:10px;margin:20px 0}
@media(max-width:1000px){main{padding:24px 20px}.game-layout{grid-template-columns:minmax(0,1fr) 275px;gap:15px}.stock-cards{padding:13px;gap:6px}.stock-cards article{padding:8px}.stock-cards article>div{flex-wrap:wrap}.metrics>div{padding:13px}.metrics b{font-size:22px}.game-actions{flex-wrap:wrap;justify-content:flex-end}.warehouse-tools{padding-inline:13px}}@media(max-width:740px){header{height:68px;gap:15px;padding:0 18px}header img{width:85px}.brand{font-size:15px}.back{font-size:10px}.page-heading{align-items:flex-start;flex-direction:column}.game-actions{justify-content:flex-start}.game-layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metrics>div{border-bottom:1px solid #e5ebe2}.metrics b{font-size:21px}.metrics small{font-size:7px}.stock-cards article>div{flex-wrap:nowrap}main{padding:22px 14px}.scene-top{padding:13px}.stock-cards button{font-size:9px}.order h3{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(min-width:741px){header{height:64px}main{padding-top:20px}.page-heading{margin-bottom:16px}.metrics{margin-bottom:16px}.metrics>div{padding-block:12px}.scene-top{padding-block:10px}.stock-cards{padding:12px;gap:8px}.stock-cards article{padding:9px}.stock-cards small{min-height:0;margin:4px 0 8px}}

#game{position:relative;height:clamp(340px,48vh,580px);background:#36434b;overflow:hidden}#game canvas{width:100%;height:100%;object-fit:initial;touch-action:none}#view-reset{position:absolute;top:14px;right:14px;background:#14222bcc;color:#e2ece5;border-color:#647c7b;font-size:10px}.orbit-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#14222bce;color:#d8e3e5;border-radius:20px;padding:7px 12px;font-size:10px;pointer-events:none}.next-step{padding:14px 20px;background:#e4eee0;border-top:1px solid #c6d9c7}.next-step b{font-size:9px;letter-spacing:1.6px}.next-step p{font-size:13px;line-height:1.6;margin:5px 0 0}#sim-loading{position:absolute;inset:0;z-index:5;background:#15232a;display:grid;place-items:center;color:#fff}#sim-loading>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.45}#sim-loading>div{position:relative;width:min(400px,85%);text-align:center;text-shadow:0 2px 15px #000}#sim-loading h2{font-size:27px}#sim-loading p{font-size:12px}#sim-loading .loading-track{background:#ffffff40}#sim-loading .loading-track span{background:#b7d6bf}

.next-step{border-radius:12px;margin-bottom:16px}.next-step button{width:100%;font-size:13px;margin-top:10px}.next-step small{display:block;font-size:11px;margin-top:8px;color:#526b53}.flow-steps{font-size:13px;line-height:1.9;margin-bottom:20px}.flow-steps small{color:#61765e}.order .action-why{color:#466044;line-height:1.6}.order button.suggested{background:#285d46;color:white;border-color:#285d46}.orders-heading{margin-top:14px}

/* Single scene with interactive HUD panels; only panels intercept pointer input. */
body{overflow:hidden;background:#263741}header{height:60px}main{position:relative;height:calc(100dvh - 60px);max-width:none;padding:0;overflow:hidden;isolation:isolate}.game-layout,.warehouse-view{display:contents}#game{position:absolute;inset:0;height:100%;width:100%;border-radius:0;z-index:0}#game canvas{position:absolute;inset:0}.page-heading{position:absolute;top:16px;left:22px;right:22px;margin:0;z-index:2;pointer-events:none;align-items:center}.page-heading>div:first-child{color:#eff7f1;text-shadow:0 2px 10px #0008}.page-heading h1{font-size:22px;letter-spacing:-.6px}.page-heading .eyebrow{font-size:8px;color:#c2d4cd;margin-bottom:5px}.game-actions{pointer-events:auto}.game-actions button{background:#162832df;color:#edf5ef;border-color:#577168;font-size:11px;backdrop-filter:blur(12px)}.metrics{position:absolute;z-index:2;top:78px;left:22px;right:346px;margin:0;background:#142730db;border:1px solid #adc6bd3a;color:#eff5f0;backdrop-filter:blur(14px);border-radius:12px;pointer-events:none}.metrics>div{padding:10px 14px;border-color:#ffffff18}.metrics small{color:#b8d0c4;font-size:8px}.metrics b{font-size:23px}.metrics span{color:#c9e6d4}.scene-top{position:absolute;z-index:2;top:150px;left:24px;background:transparent;padding:0;color:#c2d9d1;gap:16px;pointer-events:none}#scene-state{color:#c2d9d1}aside{position:absolute;z-index:2;top:78px;right:18px;bottom:18px;width:306px;padding:12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7c9f90 transparent;border:1px solid #aec6b53b;border-radius:16px;background:#f3f7eee8;backdrop-filter:blur(18px);box-shadow:0 16px 45px #091d2930}.next-step{padding:14px;margin-bottom:12px;border:1px solid #bfd1bd;background:#dfebda}.next-step p{font-size:12px}.next-step button{font-size:12px;min-height:40px}.flow-steps{font-size:11px;margin-bottom:12px}.orders-heading h2{font-size:17px}.order{padding:12px;margin:10px 0}.order h3{font-size:17px;margin:10px 0 5px}.order p{font-size:11px;margin-bottom:9px}.order-bottom{padding-top:9px}.activity{margin-top:14px}.supply-hud{position:absolute;z-index:2;bottom:18px;left:22px;width:min(660px,calc(100% - 368px));border:1px solid #b6cfc145;border-radius:14px;background:#f4f8f0ed;box-shadow:0 12px 40px #10223040;backdrop-filter:blur(18px);overflow:hidden;max-height:36%;overflow-y:auto;scrollbar-width:thin}#game-message{padding:9px 12px;font-size:11px;min-height:0;background:#dfebdce6}.stock-cards{padding:9px;gap:8px}.stock-cards article{padding:7px;background:#ffffff90}.stock-cards b{font-size:18px}.stock-cards small{margin:3px 0 6px;font-size:9px;min-height:0}.stock-cards button{font-size:10px;padding:7px 3px}.warehouse-tools{padding:0 9px 9px;gap:5px}.warehouse-tools button{font-size:10px;padding:7px}.scene-note{font-size:9px;line-height:1.5;margin:0 12px 9px}.orbit-hint{bottom:auto;top:150px;left:50%;font-size:9px;background:#152a33b3}#view-reset{top:auto;bottom:20px;right:344px;z-index:1}main>footer{display:none}#sim-loading{z-index:10}.page-heading,.metrics,aside,.supply-hud{transition:opacity .2s}main:has(#sim-loading) .metrics,main:has(#sim-loading) aside,main:has(#sim-loading) .supply-hud{visibility:hidden}
@media(max-width:1050px){aside{width:270px;right:12px}.metrics{right:298px;left:14px}.page-heading{left:14px;right:14px}.page-heading h1{font-size:18px}.metrics>div{padding:9px 7px}.metrics small{font-size:6px;letter-spacing:.4px}.metrics b{font-size:20px}.supply-hud{left:14px;width:calc(100% - 312px)}#view-reset{right:298px;bottom:calc(36% + 28px)}.orbit-hint{display:none}.stock-cards article>div{flex-wrap:wrap}.warehouse-tools #wait{margin-left:0}}
@media(max-width:740px){header{height:54px}main{height:calc(100dvh - 54px)}.page-heading{top:10px;flex-direction:row;gap:8px}.page-heading h1{font-size:14px;max-width:190px}.page-heading .eyebrow{display:none}.game-actions{gap:3px}.game-actions button{font-size:9px;padding:7px}.metrics{top:60px;right:12px;left:12px;grid-template-columns:repeat(5,1fr)}.metrics b{font-size:17px}.metrics>div{border-bottom:0}.metrics small{font-size:6px}.metrics span{display:block;font-size:8px}.scene-top{top:127px;left:14px;font-size:7px}aside{top:auto;bottom:12px;right:12px;width:46%;max-height:40%;padding:8px}.supply-hud{left:12px;bottom:12px;width:calc(54% - 36px);max-height:40%}.stock-cards{grid-template-columns:1fr;gap:5px;padding:6px}.stock-cards article{display:grid;grid-template-columns:1fr 1fr;gap:3px}.stock-cards article>div{grid-column:1/-1;flex-wrap:nowrap}.stock-cards small{font-size:8px}.stock-cards button{font-size:8px}.next-step{padding:9px}.next-step p{font-size:11px}.next-step button{font-size:11px}.flow-steps,.scene-note{display:none}.warehouse-tools{flex-direction:column}.warehouse-tools button{font-size:9px}.order-bottom{flex-wrap:wrap;gap:8px}#view-reset{right:12px;bottom:calc(40% + 24px);font-size:9px}}
@media(max-height:650px) and (min-width:741px){.page-heading{top:8px}.page-heading h1{font-size:17px}.metrics{top:57px}.scene-top{top:120px}.supply-hud{max-height:40%}.scene-note{display:none}aside{top:57px}.orbit-hint{display:none}}

.hud-hidden .metrics,.hud-hidden aside,.hud-hidden .supply-hud,.hud-hidden .scene-top{display:none}.hud-hidden #view-reset{right:20px;bottom:20px}@media(max-width:740px){.page-heading h1{max-width:130px;font-size:12px}.game-actions{max-width:210px;justify-content:flex-end}.game-actions button{padding:5px;font-size:8px}}

/* Guided inbound / outbound operations. */
.guided aside{padding:20px}.guided aside h2{font:500 23px Manrope,sans-serif;margin:8px 0 15px;letter-spacing:-.6px}.guided #stage-why,.guided #stage-check{font-size:12px;line-height:1.7}.stage-check{background:#e5eddf;border-radius:10px;padding:13px;margin:18px 0}.stage-check b{font-size:9px;letter-spacing:1px}.stage-check p{margin-bottom:0}.guided #next-action{width:100%;line-height:1.5;padding:12px}.guided #stage-effect{font-size:11px;line-height:1.6;color:#647b62}.guided #stages{padding:0;list-style:none;border-top:1px solid #cbd9c5;margin-top:20px;padding-top:12px}.guided #stages button{display:flex;gap:11px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:10px 5px;font-size:12px}.guided #stages small{display:block;font-size:8px;margin-bottom:3px;color:#758a70}.guided #stages button[aria-current]{background:#d9e8d1;opacity:1;color:#234c38}.guided #stages button:disabled{opacity:.6}.guided .supply-hud{max-height:23%}.guided .scene-note{display:block}.guided #view-reset{bottom:calc(23% + 30px)}.guided .metrics b{font-size:21px}.guided .metrics small{font-size:7px;letter-spacing:0}.guided .stock-cards small{margin-bottom:0}@media(max-width:740px){.guided aside{width:calc(100% - 24px);max-height:44%;padding:14px}.guided .supply-hud{display:none}.guided #view-reset{bottom:calc(44% + 25px)}.guided .page-heading h1{font-size:13px}.guided .metrics b{font-size:17px}.guided .metrics small{font-size:6px}.guided .game-actions{max-width:220px}}

.stage-illustration{margin:12px 0 16px}.stage-illustration img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:12px;display:block}.stage-illustration figcaption{font-size:10px;color:#60786c;margin-top:5px}.custom-flow-metrics>div:not(:first-child){display:none}.custom-flow-metrics{width:190px!important}#game .flow-hud{left:24px;bottom:200px;top:auto;max-width:280px;pointer-events:none}#stock[hidden]{display:none}