@font-face{font-family:Arabic;src:url('fonts/Arabic.ttf') format('truetype');font-display:swap}@font-face{font-family:Kufi;src:url('fonts/Kufi.ttf') format('truetype');font-display:swap}
:root{--ink:#192c2b;--gold:#f4c667;--cream:#fff7e5;--teal:#208d82;--coral:#ed8877;--line:#ffffff19;--muted:#b9c8be;--fast:120ms;--normal:200ms}*{box-sizing:border-box;touch-action:manipulation}body{margin:0;color:var(--cream);background:#122322;font-family:Arabic,Arial,sans-serif;min-height:100vh;min-height:100dvh;background-image:radial-gradient(ellipse at 50% 10%,#34534d 0,transparent 70%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:#f4c66733;transition:transform var(--fast) ease-out,background var(--fast) ease-out,filter var(--fast) ease-out;border:0}button:active{transform:translateY(2px) scale(.985)}button:focus-visible{outline:3px solid #ffffff;outline-offset:4px}button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.42}button:disabled:active{transform:none}b{font-weight:700}button b,h1,h2,.monogram{font-family:Kufi,Arial,sans-serif}.app{max-width:1060px;margin:0 auto;padding:0 24px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;gap:13px;align-items:center}.monogram{width:48px;height:48px;display:grid;place-items:center;border:1px solid #f4c66760;background:#1d2c2a;border-radius:15px;color:var(--gold);font:29px Georgia,serif;box-shadow:0 4px 12px #0002}.identity div{display:flex;flex-direction:column;line-height:1.5}.identity div b{font-size:12px;letter-spacing:3px;color:var(--gold)}.identity div span{font-family:Kufi;font-size:13px}.tools{display:flex;gap:9px}.icon-button{width:42px;height:42px;border-radius:13px;background:#263c37;color:#dfdfcd;font:23px Arial;position:relative;border:1px solid #fff1}.sound-off{font-size:13px;position:absolute;right:8px;bottom:7px}.game-shell{overflow:hidden;border-radius:25px;background:#1b302c;border:1px solid #e2d5a730;box-shadow:0 24px 70px #0005}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:15px 20px;background:#202e2a;border-bottom:3px solid #101c18}.stat{display:flex;gap:8px;align-items:baseline;justify-content:center;flex-wrap:wrap;line-height:1.1;border-left:1px solid #ffffff17}.stat:last-child{border:0}.stat>span{font-size:12px;color:#cbd6c8}.stat>b{font:700 29px Arial,sans-serif;letter-spacing:-1px;direction:ltr;font-variant-numeric:tabular-nums}.stat>small{font-size:10px;color:#b6c6b3}.cash>b{color:var(--gold)}.profit>b{color:#98dcb8}.profit.negative>b{color:#ffaa8e}.timer>b{color:#f7edd0}.timer.urgent>b{color:#ff9a79}.scene{position:relative;background:#efb5a0;line-height:0;isolation:isolate}.scene canvas{width:100%;height:auto;aspect-ratio:1000/650;display:block;object-fit:cover;object-position:center 100%;direction:ltr}.scene-label{position:absolute;top:16px;right:20px;color:#244a41;font-size:11px;background:#fff8deea;padding:8px 12px;border-radius:30px;line-height:1.3;box-shadow:0 2px 0 #927f5d22;display:flex;gap:6px;align-items:center}.scene-sep{opacity:.4;margin:0 3px}.live-dot{height:6px;width:6px;background:#39977a;border-radius:50%;box-shadow:0 0 0 3px #39977a18}.goal{position:absolute;top:14px;left:18px;display:flex;align-items:center;gap:7px;padding:7px 11px;background:#1a352ce8;border:1px solid #d3d09144;border-radius:30px;line-height:1.5;font-family:Arial;color:var(--gold)}.goal>span{letter-spacing:1px}.goal>small{font:11px Arabic;color:#fff6d8}#orders{position:absolute;inset:0;pointer-events:none}.order{position:absolute;top:55%;width:18%;min-height:54px;background:#fffbec;color:#333c35;border:2px solid #fff;border-radius:15px;box-shadow:0 5px 0 #5d463629,0 8px 20px #48321b2b;line-height:1.4;padding:6px 8px 9px;transform:translateX(-50%);pointer-events:auto;animation:arrive .25s ease-out}.order:active{transform:translateX(-50%) scale(.97)}.order:after{content:'';position:absolute;bottom:-9px;left:50%;margin-left:-6px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #fffbec}.order b{font-size:14px}.order small{font-size:10px;color:#567562;display:block;line-height:1.7}.order i{position:absolute;bottom:1px;right:4px;left:4px;height:4px;border-radius:20px;background:#e3e6d4;overflow:hidden}.order i em{height:100%;display:block;position:absolute;right:0;background:#3ea58b;border-radius:20px}.order.low i em{background:#e67b55}.order.match{border-color:#168e75;box-shadow:0 0 0 5px #8de4bd60,0 8px 12px #3c6a4520;animation:serveGlow 1.2s ease-in-out infinite}.order.credit{background:#fff4c8}.order.credit:after{border-top-color:#fff4c8}.empty-queue{position:absolute;top:60%;left:29%;color:#52705c;background:#fff8debf;border:1px dashed #768d6266;border-radius:15px;padding:12px 22px;line-height:1.4;font-size:13px}.drink-display{position:absolute;right:9%;top:33%;background:#fff8e8;color:#2e5145;padding:8px 12px;border-radius:15px;box-shadow:0 4px 0 #80624844;line-height:1.3;display:flex;align-items:center;gap:6px;animation:arrive .2s ease-out}.drink-display b{font-size:11px}.drink-display span{font-size:25px}.brew-indicator{position:absolute;top:38%;left:10%;width:23%;padding:10px 14px;background:#203830ec;border:1px solid #e7ce9677;color:#fff4d9;border-radius:12px;line-height:1.4;text-align:center;font-size:11px}.brew-indicator>div{height:5px;background:#ffffff22;border-radius:5px;margin-top:6px;overflow:hidden;direction:ltr}.brew-indicator i{height:100%;display:block;background:var(--gold);border-radius:5px}.message-bar{min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 18px;gap:10px;text-align:center;background:#264438;border-top:1px solid #bedbab33;color:#e8edd5;font-size:13px}.message-bar #messageIcon{color:var(--gold);font-size:20px;line-height:1}.message-bar.warn{background:#5b382d;color:#ffe0c7}.workbench{padding:17px 22px 10px;background:#1c302a}.preparation{display:grid;grid-template-columns:1fr 1fr;gap:13px}.action{height:76px;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:16px;position:relative;box-shadow:0 5px 0 #0e211b;border:1px solid #ffffff20}.primary{background:var(--gold);color:#382e18;border-bottom:4px solid #c99b42}.secondary{background:#f4f1d9;color:#2b5147;border-bottom:4px solid #c4c6a5}.action b{font-size:15px;display:block}.action small{font-size:12px;display:block;opacity:.8}.action-symbol{font:33px Arial;line-height:1}.milk-icon{height:36px;width:25px;border:2px solid #35876d;border-radius:2px 2px 6px 6px;color:#35876d;font-size:30px;transform:rotate(-8deg);line-height:30px}.key{position:absolute;left:12px;bottom:14px;border:1px solid #302b2626;padding:2px 5px;font:10px Arial;border-radius:4px}.utility{display:flex;gap:22px;align-items:center;padding:15px 3px 1px}.utility-button{background:transparent;color:#d6dec5;display:flex;align-items:center;gap:6px;min-height:36px;padding:0 4px}.utility-button>span{font:20px Arial;color:#c2ba93}.utility-button b{font-family:Arabic;font-size:11px;font-weight:normal}.serve-hint{margin-right:auto;color:#a2b7a5;font-size:11px}.shift-progress{height:4px;background:#0d231a;direction:rtl}.shift-progress i{height:100%;width:0;display:block;background:#b5c67d;transition:width .3s linear}footer{display:flex;justify-content:space-between;font-size:10px;color:#93a898;padding:14px 5px 18px}footer i{margin:0 12px;color:#7b9380;font-style:normal}.veil{position:fixed;inset:0;z-index:20;background:#0b211da1;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal{background:#f9f2df;color:#263d32;width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:27px;border:1px solid #fff5db;padding:28px;box-shadow:0 26px 90px #001e1880;position:relative;text-align:center;animation:modalIn .24s ease-out}.modal .eyebrow{font:11px Arial;letter-spacing:3px;color:#65755c}.modal .badge{width:68px;height:68px;border-radius:22px;background:#24392e;color:var(--gold);display:grid;place-items:center;font:37px Georgia;margin:0 auto 14px;border:1px solid #c19e50;box-shadow:0 6px 0 #d9d1b9}.modal h1{font-size:25px;line-height:1.7;margin:15px 0 4px}.modal h2{font-size:22px;line-height:1.6;margin:12px 0 8px}.modal p{font-size:14px;line-height:1.9;color:#536752;margin:10px 0 18px}.modal .lead{font-size:15px}.modal .pill{display:inline-flex;gap:9px;padding:5px 13px;border-radius:20px;background:#e7e7ce;color:#627153;font-size:11px}.modal .steps{display:flex;justify-content:center;gap:10px;padding:13px 0;margin:6px 0 12px}.steps div{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px}.steps span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#e6ddc5;font-size:23px}.modal-button{width:100%;background:#213e30;border-bottom:4px solid #122c20;color:#fff7de;border-radius:15px;min-height:53px;padding:10px 16px;font-family:Kufi;font-size:14px;box-shadow:0 4px 0 #d8d4bd;margin-top:9px}.modal-button.gold{background:#f1c96d;border-bottom-color:#d2a448;color:#3f351c}.modal-button.light{background:#ede7d4;border-bottom-color:#d5d0bb;color:#4a604d;box-shadow:none;font-size:12px}.modal .subtle{font-size:10px;color:#7a826b;line-height:1.9;margin:13px 0 0}.decision-illustration{font-size:48px;line-height:1.3;margin:4px 0 8px}.decision-details{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;border-top:1px dashed #afb790;border-bottom:1px dashed #afb790;padding:13px 0;margin:16px 0;font-size:12px}.decision-details b{color:#2e7256}.stock-options{display:grid;gap:8px;margin-top:16px}.stock-option{display:flex;align-items:center;justify-content:space-between;text-align:right;border-radius:13px;border:1px solid #c4c8ab;background:#fff9e9;padding:12px 14px;min-height:60px;color:#3b513f}.stock-option b{font-size:12px}.stock-option span{font-size:12px;color:#77805e}.stock-option strong{font-family:Arial;color:#287c5f;font-size:18px}.result-stars{font-size:39px;letter-spacing:5px;color:#dba93c;margin-bottom:4px;text-shadow:0 3px 0 #b989231c}.receipt{background:#fffcf2;text-align:right;padding:15px 18px;margin:18px 0;position:relative;border-top:4px solid #274e3a;border-radius:4px;box-shadow:0 5px 12px #4735120d}.receipt .row{display:flex;justify-content:space-between;font-size:12px;line-height:2.2;gap:10px}.receipt .row b{font:700 15px Arial;align-self:center;white-space:nowrap}.receipt .total{border-top:1px dashed #b9baa0;padding-top:6px;margin-top:5px;color:#237057}.receipt .total b{font-size:22px}.insight{text-align:right;padding:13px 15px;background:#e0ead2;border-radius:14px;font-size:12px;line-height:1.85;margin-top:13px;border:1px solid #c7d5b4}.insight strong{display:block;color:#36694c}.result-small{font-size:11px;color:#667559;margin-top:10px}.float{position:absolute;pointer-events:none;color:#fff9d8;font:700 25px Arial;text-shadow:0 2px 0 #183c2f;line-height:1;animation:floatUp 1.2s ease-out forwards;z-index:5;white-space:nowrap}.float.credit-float{color:#ffe4a0}.hidden,[hidden]{display:none!important}
@keyframes arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes serveGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.05)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,0) scale(.7)}20%{opacity:1;transform:translate(-50%,-12px) scale(1)}100%{opacity:0;transform:translate(-50%,-65px) scale(1)}}
@media(min-width:800px){.app{max-width:940px}.scene canvas{aspect-ratio:1000/610}.scene{max-height:555px}.scene-label{top:17px}.order{top:54%}.workbench{padding:16px 24px 10px}.preparation{gap:20px}.action{height:70px}.order b{font-size:16px}.order{min-height:63px}.order small{font-size:12px}.message-bar{min-height:48px}.topbar{height:76px}.scoreboard{padding:15px 20px}}
@media(max-width:599px){.app{padding:0 10px}.topbar{height:68px}.identity{gap:9px}.monogram{width:38px;height:38px;font-size:23px;border-radius:12px}.identity div b{font-size:10px;letter-spacing:2px}.identity div span{font-size:10px}.tools{gap:6px}.icon-button{width:36px;height:36px;font-size:20px;border-radius:11px}.game-shell{border-radius:20px}.scoreboard{padding:12px 6px}.stat{gap:4px;line-height:1.2}.stat>span{font-size:9px;width:100%;text-align:center;margin-bottom:4px}.stat>b{font-size:23px}.stat>small{font-size:8px}.timer>small{display:none}.scene canvas{aspect-ratio:1000/760;object-fit:cover}.scene-label{top:12px;right:10px;font-size:8px;padding:6px 8px;gap:4px}.scene-sep{display:none}.goal{top:10px;left:9px;padding:5px 7px;gap:4px}.goal>span{font-size:11px;letter-spacing:0}.goal>small{font-size:9px}.order{top:53%;width:23%;min-height:49px;border-radius:11px;padding:4px 4px 8px}.order b{font-family:Arabic;font-weight:bold;font-size:11px}.order small{font-size:8px;line-height:1.5}.order.match{box-shadow:0 0 0 3px #8de4bd70,0 7px 12px #3c6a4520}.message-bar{min-height:62px;padding:8px 12px;font-size:11px;line-height:1.8;gap:7px}.message-bar #messageIcon{font-size:15px}.workbench{padding:12px 10px 5px}.preparation{gap:9px}.action{height:68px;border-radius:13px;gap:8px}.action-symbol{font-size:25px}.action b{font-family:Arabic;font-weight:bold;font-size:12px}.action small{font-size:10px}.milk-icon{width:21px;height:30px;font-size:24px}.key{display:none}.utility{padding-top:10px;gap:10px}.utility-button{gap:4px;min-height:33px}.utility-button b{font-size:9px}.utility-button>span{font-size:17px}.serve-hint{font-size:8px}.brew-indicator{padding:6px 7px;width:28%;left:7%;font-size:8px;top:37%}.drink-display{right:7%;top:35%;padding:5px 7px;border-radius:10px}.drink-display b{font-size:8px}.drink-display span{font-size:19px}.empty-queue{font-size:10px;padding:8px 12px;left:25%;top:60%}footer{font-size:8px;padding:12px 1px}.veil{padding:16px}.modal{padding:25px 21px;border-radius:25px;max-height:calc(100dvh - 32px)}.modal h1{font-size:23px}.modal h2{font-size:20px}.modal p{font-size:12px}.modal .lead{font-size:13px}.float{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Keep the scene and its interactive speech bubbles in the same coordinate space. */
.scene canvas{aspect-ratio:1000/720;object-fit:fill}.scene{max-height:none}
@media(min-width:800px){.app{max-width:min(940px,calc((100dvh - 390px)*1.38889 + 48px));min-width:590px}}
@media(max-width:599px){.order{top:48%}}
/* Three short shifts, same café. Game-native map and larger touch controls. */
.mission-ribbon{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 18px;background:#17392e;color:#dfdfbf;font-size:11px;line-height:1.6;border-top:1px solid #ffffff12}.mission-ribbon>span:last-child{color:#f0cb7c}.mission-ribbon>span:empty{display:none}.modal.map{width:min(100%,475px)}.modal.map .badge{width:55px;height:55px;font-size:29px;margin-bottom:10px}.modal.map h1{font-size:23px;margin:10px 0}.modal .map-intro{font-size:12px;line-height:1.8;margin:5px 0 17px}.level-map{display:grid;gap:11px;text-align:right}.level-choice{width:100%;display:flex;align-items:center;gap:12px;background:#244135;color:#fff5d5;border:1px solid #66836970;border-bottom:4px solid #122c20;border-radius:17px;min-height:85px;padding:12px 14px;text-align:right;box-shadow:0 4px 0 #d9d3bd}.level-choice.locked{background:#e5e0cf;color:#738064;border:1px solid #cbd0b7;opacity:1;box-shadow:none}.level-number{flex:none;display:grid;place-items:center;height:38px;width:38px;border-radius:12px;border:1px solid #dfc88770;color:#f5d478;background:#1a3129;font:700 17px Arial}.locked .level-number{background:#d8dcc4;border-color:#bfc7ac;color:#829071}.level-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.level-copy b{font-size:12px}.level-copy small{font-size:11px;color:#d0d9c4;line-height:1.6}.locked .level-copy small{color:#69765d}.map-stars{font:16px Arial;letter-spacing:1px;color:#f2c765;white-space:nowrap}.locked .map-stars{color:#99a385}.storage-note{font-size:11px!important;line-height:1.8!important;color:#477354!important;margin:17px 0 0!important}.storage-warning{color:#985d30!important;background:#eedfc2;padding:9px 12px;border-radius:10px}.brief-goals{display:grid;gap:9px;padding:14px 16px;text-align:right;background:#eae8d5;border-radius:15px;color:#bd8f2f;font-size:14px}.brief-goals>div{display:flex;gap:9px;align-items:flex-start}.brief-goals span{color:#4f634b;font-size:12px;line-height:1.7}.lesson-notice{margin-top:13px;padding:11px 14px;font-size:12px;line-height:1.8;background:#dce8cf;border:1px solid #c0d0ad;border-radius:12px;text-align:right;color:#416b4d}.result-goals{margin:15px 0 0;text-align:right;font-size:11px;line-height:1.9;color:#8c816a;display:grid;gap:4px}.result-goals .achieved{color:#2c7958}.record-note{font-size:11px!important;line-height:1.6!important;color:#5d7452!important;margin:12px 0 3px!important}.collect-ready{color:#f3cd72!important;background:#476147!important;border:1px solid #dfc27c70!important;border-radius:10px;animation:serveGlow 1.4s ease-in-out infinite}.utility-button{min-width:52px;min-height:44px}.icon-button{min-width:44px;min-height:44px}.utility{gap:14px}.utility-button b{font-size:12px}.utility-button>span{font-size:20px}.serve-hint{font-size:10px}.order b{font-family:Arabic;font-weight:700}.order small{font-size:11px}.modal{overscroll-behavior:contain}.modal .subtle{font-size:11px;line-height:1.8}.modal .eyebrow{letter-spacing:2px;font-size:10px}
@media(max-width:599px){.topbar{height:72px}.tools{gap:6px}.icon-button{width:44px;height:44px}.identity div span{font-size:10px}.identity div b{font-size:10px}.scoreboard{padding:12px 4px}.stat>span{font-size:11px}.stat>b{font-size:25px}.stat>small{font-size:9px}.scene-label{font-size:10px;max-width:55%;padding:6px 8px}.goal>small{font-size:10px}.goal>span{font-size:12px}.order{min-height:56px;top:43%;width:21%;padding:5px 3px 9px}.order b{font-size:12px}.order small{font-size:10px;line-height:1.5}.message-bar{font-size:12px;min-height:65px}.mission-ribbon{padding:7px 12px;font-size:10px;gap:4px;min-height:29px}.action{height:72px}.action b{font-size:14px}.action small{font-size:11px}.utility{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:8px 0 2px}.utility-button{flex:1;justify-content:center;min-height:44px;min-width:64px}.utility-button b{font-size:11px;white-space:nowrap}.utility-button>span{font-size:19px}.serve-hint{flex-basis:100%;text-align:center;margin:0;font-size:10px;padding:3px 0 0}.level-choice{padding:11px 10px;gap:8px;min-height:84px}.level-number{width:33px;height:36px;font-size:15px;border-radius:10px}.level-copy b{font-size:11px}.level-copy small{font-size:10px}.map-stars{font-size:14px;letter-spacing:0}.modal.map h1{font-size:21px}.modal .map-intro{font-size:12px}.modal .lead{font-size:14px}.modal p{font-size:13px}.brief-goals{padding:13px 12px}.brief-goals span{font-size:12px}.result-goals{font-size:12px}.modal-button{min-height:55px}.result-small{font-size:12px}.receipt .row{font-size:13px}.drink-display{right:7%;top:30%}.brew-indicator{top:33%}.empty-queue{font-size:11px}footer{font-size:9px}.modal .subtle{font-size:11px}.modal .eyebrow{font-size:9px}}
@media(max-width:370px){.app{padding:0 8px}.identity{gap:7px}.topbar{gap:6px}.level-copy b{font-size:10px}.map-stars{font-size:13px}}
@media(max-width:599px) and (max-height:740px){.topbar{height:62px}.scoreboard{padding-top:10px;padding-bottom:10px}.message-bar{min-height:52px}.action{height:64px}footer{padding-top:5px;padding-bottom:5px}.modal{max-height:calc(100dvh - 24px);padding-top:20px;padding-bottom:20px}.veil{padding:12px}}

/* The language control remains available during maps, decisions, and paused shifts. */
body{padding-block-start:58px}.language-bar{position:fixed;inset-block-start:max(8px,env(safe-area-inset-top));inset-inline-start:50%;transform:translateX(-50%);z-index:30;display:flex;direction:ltr;gap:3px;background:#172f29;border:1px solid #e5cd9270;border-radius:14px;padding:3px;box-shadow:0 4px 15px #001d1855}.language-bar button{min-height:40px;min-width:82px;padding:5px 12px;border-radius:10px;background:transparent;color:#f8edcf;font:600 14px Arial,sans-serif}.language-bar button[lang=ar]{font-family:Arabic,Arial,sans-serif}.language-bar button[aria-pressed=true]{background:#f1c96d;color:#302b1d}.language-bar button:focus-visible{outline:3px solid #fff;outline-offset:2px}.veil{padding-block-start:72px}.modal{max-height:calc(100dvh - 92px)}
.level-map,.level-choice,.brief-goals,.lesson-notice,.result-goals,.stock-option,.receipt,.insight{text-align:start}.serve-hint{margin-inline-start:auto;margin-inline-end:0}.stat{border-left:0;border-inline-end:1px solid #ffffff17}.stat:last-child{border:0}
html[lang=en] body,html[lang=en] button,html[lang=en] button b,html[lang=en] h1,html[lang=en] h2,html[lang=en] .identity div span,html[lang=en] .utility-button b,html[lang=en] .order b,html[lang=en] .goal>small{font-family:Arial,Helvetica,sans-serif}
html[lang=en] .identity div span{line-height:1.4}html[lang=en] .level-copy b{font-size:14px}html[lang=en] .level-copy small{font-size:12px}html[lang=en] .level-choice{min-height:87px}html[lang=en] .modal h1,html[lang=en] .modal h2{line-height:1.25}html[lang=en] .modal p{line-height:1.6}html[lang=en] .modal-button{font-size:14px;line-height:1.45}html[lang=en] .scene-label{right:auto;left:16px}html[lang=en] .goal{left:auto;right:16px}html[lang=en] .order i em{right:auto;left:0}html[lang=en] .key{left:auto;right:12px}html[lang=en] .shift-progress{direction:ltr}
@media(min-width:800px){.app{max-width:min(940px,calc((100dvh - 440px)*1.38889 + 48px))}}
@media(max-width:599px){.modal{max-height:calc(100dvh - 88px)}.veil{padding-block-start:72px}.language-bar button{min-height:40px}.serve-hint{margin:0}html[lang=en] .identity div span{font-size:12px}html[lang=en] .order b{font-size:11px}html[lang=en] .order small{font-size:10px}html[lang=en] .scene-label{left:8px;font-size:9px;max-width:54%}html[lang=en] .goal{right:8px}html[lang=en] .action b{font-size:14px}html[lang=en] .level-copy b{font-size:13px}html[lang=en] .level-copy small{font-size:11px}html[lang=en] .brew-indicator{font-size:9px}html[lang=en] .drink-display b{font-size:10px}}
@media(max-width:370px){.modal{padding-inline:16px}html[lang=en] .level-copy b{font-size:12px}html[lang=en] .level-copy small{font-size:10px}.language-bar{inset-block-start:6px}}
/* In play, keep the top language row in document flow so it cannot cover the HUD while scrolling. */
body{padding-block-start:0}.language-bar{position:relative;inset:auto;transform:none;width:max-content;margin:8px auto 0}.veil>.language-bar{position:fixed;inset-block-start:max(8px,env(safe-area-inset-top));inset-inline-start:50%;transform:translateX(-50%);margin:0}
@media(min-width:800px){.app{min-width:520px}}
/* Keep existing receivables emphasis when an advanced supply forecast is absent. */
#receivableText,#supplyText{color:#f0cb7c}