@charset "UTF-8";
:root{color-scheme:dark;--ink:#f2ffd8;--muted:#badbb1;--yellow:#fff13d;--lime:#92d938;--line:#69a45a;--deep:#003924;--panel:#00562f;font-family:Arial,sans-serif;font-size:15px;line-height:1.5;background:#005b2e;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(45deg,#007d36 0 11px,#008638 11px 22px);min-height:100dvh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;background:var(--lime);color:#093c22;border:2px solid #173e26;box-shadow:inset 2px 2px #d2ff7c,inset -2px -2px #598d22;cursor:pointer;font-weight:750;line-height:1.3;text-align:center}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:#2e6841;color:#b1c5a4;box-shadow:none;border-color:#386e42;cursor:default}button.active,button.primary,.primary{background:var(--yellow);box-shadow:inset 2px 2px #fffeb2,inset -2px -2px #c9ad28}button.subtle{background:transparent;color:var(--muted);box-shadow:none;border-color:var(--line)}:focus-visible{outline:3px solid #fff787;outline-offset:3px}a{color:var(--yellow)}input,select{color:var(--ink);background:#003c27;border:1px solid #83b866;border-radius:0;padding:10px;min-height:44px;min-width:0;width:100%;max-width:100%}input[type=number]{font-variant-numeric:tabular-nums}label{display:grid;gap:7px;font-size:13px;min-width:0}p{margin:0 0 14px;line-height:1.65}h1,h2,h3{font-family:ui-monospace,Consolas,monospace;line-height:1.25;margin:0 0 12px;overflow-wrap:anywhere}h1{font-size:clamp(26px,4vw,44px);color:var(--yellow);letter-spacing:-1.2px}h2{font-size:20px}h3{font-size:17px;color:var(--yellow)}small,.muted{color:var(--muted);font-size:12px}.muted{margin:8px 0 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}.art{width:30px;height:32px;display:inline-block;flex:none;vertical-align:middle;image-rendering:pixelated}button .art{width:25px;height:27px}.eyebrow{display:block;color:var(--lime);font:700 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.topbar{background:#003d28;border-bottom:2px solid #a1d56b;padding-top:env(safe-area-inset-top)}.topbar-inner{max-width:1240px;margin:auto;display:flex;gap:24px;align-items:center;padding:15px 24px;min-height:86px}.brand{display:inline-flex;direction:ltr;align-items:center;gap:10px;text-decoration:none;flex:none}.brand .art{width:38px;height:40px}.brand strong{font:900 19px/1 ui-monospace,Consolas,monospace;text-shadow:2px 2px #112c17;color:var(--yellow);letter-spacing:-1px}.brand span{display:block;font-size:16px;letter-spacing:2.7px;margin-top:3px;color:#f1ffd4}.language{margin-inline-start:auto;min-width:110px;width:145px}.language select{font-size:12px;padding:8px;min-height:44px}.header-account{display:flex;align-items:center;gap:12px;min-width:0}.header-account>span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{display:inline-flex;gap:8px;align-items:center;padding:5px 9px;border:1px solid #82ac56;font:12px ui-monospace,Consolas,monospace;background:#155632;white-space:nowrap}.level-badge b{color:var(--yellow);font-size:16px}.cash{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.cash>span{font-size:10px;color:var(--muted)}.cash strong{display:block;color:var(--yellow);font:700 19px ui-monospace,Consolas,monospace}.app-shell{max-width:1240px;margin:auto;padding:24px 24px 112px}.panel{background:var(--panel);border:2px solid #173f28;box-shadow:inset 0 0 0 1px #75b755,4px 4px #003c24;padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2{margin-bottom:0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.wide{width:100%}.entry{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:52px;padding-top:24px;min-height:calc(100dvh - 190px)}.entry-art h1{max-width:620px;margin:16px 0 25px}.entry .scene{border:2px solid #a0c960;box-shadow:7px 7px #003924}.entry-panel{padding:34px;box-shadow:8px 8px #003924}.entry-panel h2{font-size:clamp(23px,3vw,31px);line-height:1.2}.entry-panel form{margin-top:25px}.entry-panel form button{margin-top:16px}.local-note{font-size:12px;color:var(--muted);padding-top:22px;margin-top:24px;border-top:1px solid #3d9251}.entry-facts{display:flex;gap:30px;justify-content:center;padding-top:23px;font-size:12px;color:var(--muted)}.entry-facts b{font-size:21px;color:var(--yellow);font-family:monospace}.welcome{display:flex;gap:18px;align-items:center;margin:28px 0}.welcome>.art{width:88px;height:100px}.welcome strong{font-size:23px;display:block;margin-bottom:12px;overflow-wrap:anywhere}.welcome p{margin:8px 0}.banner{background:#08432e;border:1px solid var(--yellow);border-inline-start:5px solid var(--yellow);padding:14px 18px;margin-bottom:20px;font-size:14px}.banner button{margin-inline-start:12px}.banner.error{border-color:#efba79}.stock-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#0b3e25;border:2px solid #193c29;padding:4px;margin-bottom:22px}.stock-strip button{background:#08482c;color:var(--ink);box-shadow:none;border:0;justify-content:flex-start;gap:12px}.stock-strip button span{text-align:start;font-size:11px;color:var(--muted)}.stock-strip strong{display:block;font-size:16px;color:#fff6a4}.stock-strip .art{width:32px;height:35px}.business-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:24px;align-items:start}.business-side{display:grid;gap:24px}.scene-panel{padding:0;overflow:hidden}.scene-panel>.panel-heading{padding:18px 20px 0}.scene{position:relative;aspect-ratio:100/90;container-type:inline-size;overflow:hidden;direction:ltr;background:#75956a;isolation:isolate}.scene>.environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.world-stand{position:absolute;transform:translate(-50%,-100%);width:var(--stand-w);height:var(--stand-h);z-index:635;pointer-events:none}.world-stand>.art{width:100%;height:100%}.attendant{position:absolute;width:var(--actor-width);height:var(--actor-height);transform:translate(-50%,-93.75%);z-index:645}.attendant .art{width:100%;height:100%}.scene-label{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;color:#fcffe6;background:#063e2add;z-index:2000;font-size:12px;border-bottom:1px solid #5d9b60}.scene-label>span{margin-inline-start:auto}.scene-label .art{width:22px;height:24px}.guest{position:absolute;width:var(--actor-width);height:var(--actor-height);transform:translate(-50%,-93.75%);pointer-events:none;will-change:left,top}.npc{display:block;width:100%;height:100%;background-size:800% 400%;image-rendering:pixelated}.reaction{position:absolute;bottom:95%;left:50%;transform:translateX(-50%);width:4cqw;height:4cqw}.reaction>.art{width:100%;height:100%}.reputation{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px;font-size:12px}.reputation>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between;min-width:0}.reputation b{color:var(--yellow)}.meter{height:10px;border:1px solid #b1d88e;background:#003c24;overflow:hidden;width:100%;margin:10px 0;direction:ltr}.meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,#94df38 0 12px,#bbec5c 12px 14px);transition:width .3s linear}.shift-box{padding:18px 20px;background:#064629;border-top:1px solid #71a958;font-size:13px}.shift-box .primary{min-height:51px;font-size:15px}.shift-box .row b{color:var(--yellow);font-family:monospace}.pause-note{padding:12px 0;margin:0;color:var(--yellow)}.manual-panel>.panel-heading>.art{width:54px;height:68px}.manual-panel p{font-size:13px}.recipe-stage{display:grid;justify-items:center;gap:24px;padding:6px 0 23px}.juice-glass{position:relative;width:72px;height:88px;background:#d0ecc522;border:4px solid #dfebc0;border-top-width:6px;transform:perspective(300px) rotateX(-8deg);overflow:hidden;box-shadow:5px 5px #003a24}.juice-glass i{position:absolute;bottom:0;width:100%;background:#ffdc39;height:5%;transition:height .25s}.juice-glass[data-fill="1"] i{height:35%}.juice-glass[data-fill="2"] i{height:60%}.juice-glass[data-fill="3"] i{height:85%;background:linear-gradient(90deg,#ffe848,#fff97e,#f1d83c)}.juice-glass span{position:absolute;inset:20% 0 0;text-align:center;color:#fff8c9;font-size:35px}.steps{display:flex;gap:9px}.steps span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #86b963;color:#7b9f69;font:700 12px monospace}.steps span.done{background:var(--yellow);color:#21472a;border-color:#e5d638}.result dl{margin:0}.result dl>div{display:flex;gap:15px;justify-content:space-between;padding:8px 0;border-bottom:1px solid #387c41;font-size:13px}.result dl>div:last-child{border:0;color:var(--yellow);font-weight:700}.result dd{margin:0;white-space:nowrap}.recipe-panel{margin-top:24px}.recipe-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.recipe-controls label .art{width:26px;height:28px}.recipe-presets{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.recipe-presets button{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:20px;align-items:start;padding-top:18px;border-top:1px solid #49894b}.settings-grid>div{font-size:13px}.settings-grid strong{display:block;font:700 26px monospace;color:var(--yellow);margin:7px 0}.settings-grid small{display:block}.page-heading{padding:8px 0 16px}.page-heading h1{font-size:31px}.page-heading p{max-width:820px}.market-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.market-tabs button{min-width:0}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.item{display:flex;flex-direction:column;align-items:stretch;padding:20px;position:relative}.item.selected{box-shadow:inset 0 0 0 2px var(--yellow),4px 4px #003c24}.item-level{font:10px monospace;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.item-art{height:150px;display:grid;place-items:center;margin:10px 0 20px}.item-art>.art{width:160px;height:150px;max-width:100%}.item-art>.art[data-sprite="lily"],.item-art>.art[data-sprite="mia"],.item-art>.art[data-sprite="alex"],.item-art>.art[data-sprite="noah"],.item-art>.art[data-sprite="zara"]{width:94px;height:125px}.item p{font-size:12px;color:var(--muted);margin-bottom:14px}.item h3{font-size:18px}.item-price{color:var(--yellow);font:700 20px monospace;display:block;margin:5px 0 18px}.item button{margin-top:auto;min-height:46px}.regions .item-art{height:auto;aspect-ratio:1.45;margin:10px -10px 20px;overflow:hidden}.regions .item-art>.art{width:100%;height:100%}.catalog.equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment .item-art{height:90px}.equipment .item-art>.art{height:80px;width:80px}.notice{padding:17px 20px;background:#004329;border-inline-start:3px solid var(--yellow);font-size:13px;margin-bottom:24px}.stock-tools{display:grid;grid-template-columns:1fr 110px auto;align-items:center;gap:20px;margin-bottom:24px}.stock-tools p{font-size:12px;margin:6px 0 0}.supplies{grid-template-columns:repeat(2,minmax(0,1fr))}.supply{display:flex;align-items:center;gap:16px}.supply>.art{width:48px;height:52px}.supply>div{flex:1;min-width:0}.supply h3{font-size:16px;margin-bottom:5px}.supply p{font-size:12px;margin:0}.supply button{font-size:12px;flex-shrink:0;max-width:45%;flex-wrap:wrap}.rescue{margin-top:24px}.rescue h2{font-size:17px}.rescue p{font-size:13px}.journey-banner{display:flex;align-items:center;gap:28px;margin-bottom:24px}.journey-banner>.art{width:86px;height:100px}.journey-banner>div{flex:1}.journey-banner p{margin-top:10px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.level-card{display:grid;grid-template-columns:46px 1fr;align-items:start;gap:12px;background:#06492c}.level-card.unlocked{background:#086a35}.level-card .level-number{width:44px;height:46px;display:grid;place-items:center;border:1px solid #598854;font:700 23px monospace;color:#8db27b}.level-card.unlocked .level-number{color:var(--yellow);border-color:var(--yellow)}.level-card h3{font-size:15px;margin:2px 0 8px}.level-card small{display:block;margin:5px 0}.level-card p{font-size:11px;margin:0}.level-card button{grid-column:1/-1;width:100%;font-size:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-hero{display:flex;align-items:center;gap:20px;margin-bottom:28px}.profile-hero>.art{width:74px;height:99px}.profile-hero h2{margin-top:12px;overflow-wrap:anywhere}.profile-stats{margin:0 0 30px}.profile-stats>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #438a4b}.profile-stats dd{margin:0;font:700 20px monospace;color:var(--yellow)}#rename-form{display:flex;align-items:end;gap:12px}#rename-form label{flex:1}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.profile-grid p{font-size:13px}.bottom-nav{position:fixed;z-index:3000;bottom:0;inset-inline:0;display:flex;justify-content:center;gap:7px;padding:9px max(12px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));background:#003b27;border-top:2px solid #84b958;box-shadow:0 -6px 22px #002c2333}.bottom-nav button{width:170px;max-width:19%;min-height:58px;font-size:13px}.bottom-nav .art{width:32px;height:33px}.toast{position:fixed;z-index:5000;bottom:104px;inset-inline-start:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100vw - 30px);padding:14px 22px;background:#fff149;color:#123e25;border:2px solid #24482c;box-shadow:4px 4px #163e25;opacity:0;transition:.2s;pointer-events:none;font-weight:bold}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{background:#00482c;color:var(--ink);border:2px solid #b5d36d;box-shadow:7px 7px #002c20;padding:27px;width:min(650px,calc(100vw - 28px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#002618cc}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-head h2{margin:0}dialog p{font-size:14px;border-top:1px solid #40854a;padding-top:16px}.boot{min-height:70dvh;display:grid;place-content:center;text-align:center;padding:30px}.boot h1{font-size:32px}.boot p{color:var(--muted)}
@media(min-width:1100px){.business-grid .scene{aspect-ratio:100/90}.entry .scene{max-width:580px}}
@media(max-width:900px){.topbar-inner{gap:14px;padding:14px 18px}.header-account{display:none}.business-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:16px}.app-shell{padding:20px 18px 108px}.business-side{gap:16px}.panel{padding:18px}.scene-panel{padding:0}.manual-panel p{font-size:12px}.recipe-controls{grid-template-columns:repeat(3,1fr)}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supply{gap:12px;flex-wrap:wrap}.supply button{width:100%;max-width:none}.stock-tools{grid-template-columns:1fr 90px}.stock-tools>button{grid-column:1/-1}.entry{gap:26px}.entry-panel{padding:24px}.entry-art h1{font-size:31px}.profile-grid{gap:16px}.profile-actions{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1.5fr}.settings-grid>div{grid-column:1/-1}.settings-grid strong{display:inline-block;margin-inline:12px}}
@media(max-width:640px){.topbar-inner{padding:12px;gap:10px;flex-wrap:wrap}.brand{gap:6px}.brand strong{font-size:16px}.brand span{font-size:13px;letter-spacing:2.2px}.brand .art{width:30px;height:32px}.language{width:128px;min-width:0;margin-inline-start:auto}.language select{font-size:11px}.cash{order:3;width:100%;margin:0;background:#064b2c;padding:8px 12px;border:1px solid #4c8b49;justify-content:space-between;gap:10px}.cash>.art{width:31px;height:28px}.cash>span{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:11px}.cash strong{font-size:19px}.app-shell{padding:14px 12px calc(100px + env(safe-area-inset-bottom))}.entry{grid-template-columns:1fr;gap:28px;min-height:auto;padding:8px 0}.entry-art h1{font-size:32px;max-width:500px;margin:12px 0 20px}.entry .scene{aspect-ratio:100/90}.entry .scene>.environment{object-fit:cover}.entry-panel{padding:23px}.entry-facts{gap:20px;padding-top:18px;font-size:11px}.entry-facts b{font-size:18px}.entry-panel h2{font-size:25px}.entry-panel form{margin-top:18px}.business-grid{grid-template-columns:1fr;gap:18px}.business-side{grid-template-columns:1fr;gap:18px}.stock-strip{margin-bottom:16px}.stock-strip button{padding:7px 4px;gap:5px;min-width:0}.stock-strip button span{font-size:9px}.stock-strip strong{font-size:13px}.stock-strip .art{width:22px;height:26px}.scene-panel>.panel-heading{padding:16px 16px 0;margin-bottom:15px}.scene-panel h2{font-size:19px}.scene-panel .eyebrow{font-size:10px}.reputation{padding:16px;gap:14px;font-size:11px}.shift-box{padding:16px}.scene{aspect-ratio:100/90}.manual-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.manual-panel>.panel-heading,.manual-panel>p:first-of-type,.manual-panel>p:last-child{grid-column:1/-1}.manual-panel>.recipe-stage{grid-column:1;grid-row:3/5;padding:8px 0}.manual-panel>button{align-self:end}.manual-panel [data-manual-count]{text-align:center}.manual-panel>.panel-heading{margin-bottom:10px}.manual-panel>.panel-heading>.art{width:43px;height:58px}.manual-panel p{font-size:13px}.juice-glass{width:58px;height:69px}.steps{gap:6px}.steps span{width:23px;height:23px;font-size:10px}.recipe-stage{gap:12px}.manual-panel>p:last-child{margin-top:12px}.recipe-panel{margin-top:18px}.recipe-panel>.panel-heading{align-items:start;flex-direction:column;gap:8px}.recipe-panel p{font-size:13px}.recipe-controls{gap:10px}.recipe-controls label{font-size:11px;gap:5px}.recipe-controls label .art{width:22px;height:25px}.recipe-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.recipe-presets button{padding:8px;font-size:11px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-grid>div{grid-column:auto}.bottom-nav{gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-between}.bottom-nav button{min-width:0;max-width:none;flex:1;width:auto;flex-direction:column;gap:3px;padding:6px 2px;font-size:10px;min-height:61px;overflow-wrap:anywhere}.bottom-nav .art{width:24px;height:27px}.market-tabs{gap:5px;margin-bottom:18px}.market-tabs button{font-size:10px;flex-direction:column;padding:8px 3px;gap:4px}.market-tabs .art{width:23px;height:25px}.catalog{gap:12px}.item{padding:15px 12px}.item h3{font-size:14px;margin-bottom:10px}.item p{font-size:11px}.item-level{font-size:9px}.item-art{height:117px;margin:7px 0 14px}.item-art>.art{width:120px;height:112px}.item-price{font-size:17px;margin-bottom:13px}.item button{padding:9px 6px;font-size:11px;min-height:47px}.regions .item-art{margin-inline:-5px}.catalog.equipment{grid-template-columns:1fr}.equipment .item{display:grid;grid-template-columns:78px 1fr;gap:9px 15px}.equipment .item-level,.equipment .item h3,.equipment .item p{grid-column:2}.equipment .item-art{grid-column:1;grid-row:1/5;margin:0;align-self:center}.equipment .item-art>.art{width:67px;height:70px}.equipment .item .meter{grid-column:2;margin:2px 0 8px}.equipment .item button{grid-column:1/-1}.supplies{grid-template-columns:1fr}.supply{flex-wrap:nowrap;padding:16px 12px;gap:11px}.supply>.art{width:35px;height:40px}.supply button{width:auto;max-width:45%;font-size:11px;padding:8px}.supply h3{font-size:14px}.stock-tools{gap:13px}.stock-tools>div b{font-size:12px}.stock-tools p{font-size:11px}.level-grid{gap:12px}.level-card{padding:14px 12px;grid-template-columns:32px 1fr;gap:9px}.level-card .level-number{width:30px;height:34px;font-size:19px}.level-card h3{font-size:13px}.level-card p{font-size:10px}.level-card small{font-size:11px}.level-card button{font-size:11px;padding:9px 5px;min-height:48px}.journey-banner{gap:16px;padding:18px}.journey-banner>.art{width:58px;height:67px}.journey-banner p{font-size:12px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.profile-grid{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr 1fr}.profile-actions button{font-size:12px;padding:9px}#rename-form{flex-wrap:wrap}#rename-form label{min-width:140px}.toast{bottom:95px;font-size:12px;text-align:center}.banner{padding:12px;font-size:12px}.banner button{margin:10px 7px 0 0}.entry .row button{flex:1;font-size:12px}.notice{font-size:12px;padding:14px}.result h2{font-size:18px}}
@media(max-width:350px){.brand strong{font-size:14px}.brand span{font-size:11px}.language{width:113px}.stock-strip button{gap:3px}.stock-strip .art{width:18px;height:23px}.stock-strip button span{font-size:8px}.catalog{gap:9px}.item{padding:13px 10px}.level-grid{grid-template-columns:1fr}.manual-panel h2{font-size:18px}.entry-art h1{font-size:29px}.profile-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.guest{will-change:auto}}
.scene{width:100%}[data-manual-count]{direction:ltr;unicode-bidi:isolate}
@media(max-width:640px){.scene-panel{display:flex;flex-direction:column}.scene-panel>.panel-heading{order:-3}.scene-panel>.shift-box{order:-2}.scene-panel>.scene{order:-1}}

/* Browser adventure: explicit time controls, live business and a readable order ticket. */
.tempo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid #407c46}
.tempo .eyebrow{margin:0 0 4px}.tempo small{display:block;max-width:230px;line-height:1.45}
.tempo-buttons{display:flex;gap:5px;direction:ltr;flex-shrink:0}.tempo-buttons button{min-width:45px;padding:9px 10px;font-family:monospace;font-size:15px}
.shift-status{margin-bottom:10px}.shift-status [data-clock]{font-size:22px;font-variant-numeric:tabular-nums;direction:ltr}
.live-business{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#003e28;border-block:1px solid #689e52;padding:14px 8px}
.live-business>div{padding:0 10px;min-width:0;border-inline-end:1px solid #316e42}.live-business>div:last-child{border:0}
.live-business span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.live-business strong{display:block;font:700 clamp(16px,1.6vw,21px)/1.3 ui-monospace,monospace;color:#fff087;overflow-wrap:anywhere}
.stock-readiness{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;border-bottom:1px solid #407c46;background:#06482c}
.stock-readiness>div{display:flex;align-items:center;gap:10px;min-width:0}.stock-readiness strong,.stock-readiness small{display:block;line-height:1.4}.stock-readiness strong{font-size:12px}.stock-readiness small{font-size:11px;margin-top:3px}.stock-readiness button{font-size:11px;flex-shrink:0;padding:8px}.low-stock{border-inline-start:4px solid #ffe16b}.low-stock strong{color:#ffe16b}
.manual-panel{display:block;background:linear-gradient(135deg,#075f36,#00502e)}.manual-panel .eyebrow{margin-bottom:6px}.manual-panel .panel-heading{margin-bottom:12px}
.order-ticket{background:#03462c;border:1px solid #79a855;padding:12px 14px;margin:16px 0 20px}
.ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px dashed #5f9251;padding-bottom:9px;margin-bottom:11px}.ticket-heading b{color:var(--yellow)}
.ticket-ingredients{display:flex;gap:10px;flex-wrap:wrap}.ticket-ingredients>span{display:flex;align-items:center;gap:5px}.ticket-ingredients .art{width:24px;height:27px}.ticket-ingredients small{font-size:10px}
.manual-panel .recipe-stage{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;padding:0 0 22px;justify-items:stretch}
.glass-saucer{position:relative;display:grid;place-items:center;padding:16px 0}.glass-saucer:after{content:"";position:absolute;bottom:1px;inset-inline:2px;height:9px;background:#143e24;border:2px solid #68a651;z-index:0}.glass-saucer .juice-glass{z-index:1;width:66px;height:92px;transform:skew(-2deg);box-shadow:5px 5px #003b25}
.juice-glass span{inset:27% 0 auto;display:grid;place-items:center}.juice-glass span .art{width:35px;height:39px}.juice-glass i{inset-inline:0}
.service-steps{padding:0;margin:0;list-style:none;display:grid;gap:7px}.service-steps li{display:flex;align-items:center;gap:9px;color:#b1cba4;font-size:12px;line-height:1.35;min-height:30px}
.service-steps b{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid #578950;background:#03432a;font:700 12px monospace}.service-steps .current{color:#fff895;font-weight:bold}.service-steps .current b{color:#244425;background:var(--yellow);border-color:#fff898;box-shadow:2px 2px #163a26}.service-steps .complete b{background:#81bf3a;color:#173a20}
.manual-panel [data-manual]{min-height:50px}.service-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;font-size:11px}.service-footer strong{color:var(--yellow);font:700 15px monospace}.manual-panel>p:last-child{border-top:1px solid #397d48;padding-top:12px;margin-top:13px}
.next-goal{position:relative;background:#074e2f}.next-goal h2{font-size:17px}.next-goal .panel-heading{align-items:start;gap:12px;margin-bottom:16px}.next-goal .eyebrow{margin-bottom:7px}
.goal-preview{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:17px;background:#03412b;border:1px solid #528748;padding:10px;margin-bottom:15px}.goal-preview>.art{width:104px;height:88px}.goal-preview>div{min-width:0}.goal-preview strong,.goal-preview small{display:block;margin-top:5px}.goal-preview strong{color:#fff186;font:700 19px monospace;overflow-wrap:anywhere}.goal-tag{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.goal-preview small{font-size:11px}
.goal-progress{font-size:12px;margin-bottom:14px}.goal-progress .meter{margin:10px 0 0}.reward-link{margin-top:9px;background:#05412a;color:var(--yellow);border-color:#9fb955;box-shadow:none;font-size:12px}
.catalog .item{transition:border-color .15s}.catalog .item.selected{border-color:#ffe846}.item-price{font-variant-numeric:tabular-nums}
@media(max-width:900px) and (min-width:641px){.manual-panel .recipe-stage{grid-template-columns:72px minmax(0,1fr);gap:12px}.goal-preview{grid-template-columns:80px minmax(0,1fr);gap:10px}.goal-preview>.art{width:76px;height:72px}.next-goal .level-badge{font-size:10px;padding:5px}.next-goal .panel-heading{flex-wrap:wrap}}
@media(max-width:640px){.manual-panel{display:block}.manual-panel .recipe-stage{grid-template-columns:78px minmax(0,1fr);gap:16px;padding-bottom:18px}.manual-panel .panel-heading>.art{width:45px;height:60px}.order-ticket{margin:14px 0;padding:11px}.service-steps li{font-size:12px}.tempo{gap:10px;flex-wrap:wrap;padding-bottom:12px}.tempo>div:first-child{flex:1;min-width:105px}.tempo small{font-size:10px}.tempo-buttons{gap:3px}.tempo-buttons button{min-width:44px;padding:8px}.shift-status{font-size:12px}.shift-status [data-clock]{font-size:19px}.live-business{padding:12px 5px}.live-business>div{padding:0 8px}.live-business span{font-size:10px}.stock-readiness{padding:11px 12px}.stock-readiness>div{gap:7px}.stock-readiness .art{width:24px;height:27px}.stock-readiness strong{font-size:11px}.stock-readiness small{font-size:10px}.stock-readiness button{max-width:95px}.next-goal .panel-heading{gap:10px}.goal-preview{grid-template-columns:95px minmax(0,1fr);gap:12px}.goal-preview>.art{width:90px;height:82px}.next-goal h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.catalog .item{transition:none}}

button.primary:disabled{background:#2b6240;color:#c2d6b7;box-shadow:none;border-color:#477c4f}
.scene-panel{display:flex;flex-direction:column}.scene-panel>.panel-heading{order:-3}.scene-panel>.shift-box{order:-2}.scene-panel>.scene{order:-1}
@media(min-width:641px){.shift-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.6fr);gap:8px 18px;padding:16px 20px}.shift-box .tempo{grid-column:1/-1;margin:0;padding:0 0 10px}.shift-box .shift-status{margin:0;grid-column:1;grid-row:2}.shift-box>.meter{grid-column:1;grid-row:3;margin:0;align-self:center}.shift-box>.primary{grid-column:2;grid-row:2/4;min-height:47px}.shift-box>.muted,.shift-box>.pause-note{grid-column:1/-1;margin:2px 0 0}}

/* Hands-on service: the same pixel cup as the Telegram counter. */
.web-preparation{display:grid;grid-template-columns:minmax(90px,1fr) minmax(130px,1fr);align-items:center;gap:12px;margin:14px 0}
.service-glass{text-align:center;min-width:0}.service-glass svg{display:block;width:110px;height:126px;max-width:100%;margin:auto}.service-glass b{display:block;font-size:11px}.service-actions{display:grid;gap:8px}.service-actions button{min-height:44px}
.ingredient-tray{display:grid;gap:7px;margin:14px 0}.ingredient-control{display:grid;grid-template-columns:30px minmax(0,1fr) 44px 18px 44px;align-items:center;gap:5px;padding:6px;background:#003b24;border:1px solid #478c37}.ingredient-control>.sprite{width:28px;height:32px}.ingredient-control span{font-size:11px;overflow-wrap:anywhere}.ingredient-control small{display:block;color:#c1e3a1;font-size:10px}.ingredient-control button{min-width:44px;min-height:44px;padding:4px;font-size:19px}.ingredient-control>b{text-align:center}.service-status{font-size:11px;min-height:2.5em;color:#fff83e}.manual-panel .ticket-ingredients{flex-wrap:wrap}.manual-panel .ticket-heading{flex-wrap:wrap;gap:6px}
@media(max-width:359px){.ingredient-control{grid-template-columns:24px minmax(0,1fr) 44px 12px 44px;gap:3px;padding:4px}.ingredient-control>.sprite{width:24px}.web-preparation{gap:8px}}