:root{color-scheme:dark;--bg:#16151c;--panel:#201f28;--line:#37353f;--muted:#aaa6b6;--text:#f8f5fb;--purple:#6a1fd6;--green:#2fe07a;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,4.3vw,4.2rem);line-height:1.04;letter-spacing:-.065em;margin-bottom:30px}h1 span:not(.accent){color:#aba6b8}h2{font-size:1.2rem;letter-spacing:-.025em}h3{font-size:1.35rem;letter-spacing:-.04em}p{font-size:1rem;line-height:1.6}.topbar{min-height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:18px 4.5%;gap:44px}.brand{display:flex;gap:12px;font-size:14px;font-weight:900;line-height:1.1;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;border-radius:12px;background:var(--purple);font-size:42px;width:49px;height:49px;letter-spacing:-.13em;padding-right:6px}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:5px;letter-spacing:.22em}nav{display:flex;gap:8px}.nav{font-size:15px;color:var(--muted);padding:13px 17px;border-radius:30px}.nav.active{color:var(--text);background:#2e2b36}.profile{display:flex;align-items:center;gap:10px;margin-left:auto;background:var(--panel);border:1px solid var(--line);padding:8px 14px 8px 8px;border-radius:50px;font-size:14px}.profile>span:first-child{font-size:24px;background:#3a3546;border-radius:50%;padding:5px}main{max-width:1540px;margin:auto;padding:38px 4.5% 20px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:17px}.accent-dot{width:7px;height:7px;background:var(--purple);border-radius:50%}.accent{color:var(--purple-soft)}.page-heading{display:flex;justify-content:space-between;align-items:center}.edition{font-size:12px;line-height:1.5;letter-spacing:.13em;transform:rotate(-4deg);border:1px solid #65606e;padding:12px 17px;margin:0 8px 20px;color:var(--muted)}.edition b{display:block;font-size:20px;color:var(--text)}.edition span{font-size:10px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:27px}.daily-card{background:var(--purple);border-radius:20px;display:flex;overflow:hidden;min-height:360px;color:#ffffff}.daily-copy{padding:28px 30px;flex:1}.badge{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.05em}.badge span{font-size:12px;border-left:1px solid #ffffff66;padding-left:12px;font-weight:normal}.daily-copy h2{font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:.98;letter-spacing:-.06em;margin:24px 0 15px}.daily-copy p{font-size:16px;line-height:1.5}.daily-tags{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:700}.daily-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:25px}.button{padding:15px 21px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-weight:700;font-size:14px;transition:transform .15s,filter .15s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.button.lime{background:var(--green);color:#0b2e18;box-shadow:0 3px 0 #16210922}.text-button{font-size:14px;font-weight:700;padding:10px 0}.daily-copy .fine{font-size:12px;margin:13px 0 0;opacity:.8}.daily-art{width:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#db1b7c;border-left:1px solid #4b0c2820}.shop-emoji{font-size:122px;filter:drop-shadow(0 12px 0 #58102a25);transform:rotate(-6deg);line-height:1.4}.ticket{background:#fff6e9;box-shadow:6px 6px 0 #7714422e;padding:15px 18px;transform:rotate(6deg);font-family:monospace;font-size:12px;text-align:center;width:166px;margin-top:28px}.ticket strong{display:block;font-size:32px;margin:8px}.ticket span{font-size:10px}.art-caption{font-size:14px;font-weight:900;letter-spacing:.1em;padding-bottom:15px}.art-caption span{display:block;font-size:11px;text-align:center;margin-top:5px;opacity:.65}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 17px}.section-heading h2{margin:0}.section-heading h2 span{font-size:12px;margin-left:12px;color:var(--muted);font-weight:400;letter-spacing:0}.section-heading>span{color:var(--muted);font-size:12px}.zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.zone{text-align:left;border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel);display:flex;flex-direction:column;min-width:0}.zone.playable:hover{border-color:var(--purple);background:#2a222d}.zone-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;align-items:center}.zone-number{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:700}.live-label,.soon{font-size:10px;padding:4px 6px;border-radius:4px;letter-spacing:.03em}.live-label{background:var(--green);color:#0b2e18;font-weight:800}.soon{border:1px solid #514b5c;color:#b6afc4}.zone-icon{font-size:40px;min-height:71px;padding-top:17px;filter:saturate(.85)}.zone h3{margin:12px 0 7px}.zone p{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:22px}.zone-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;color:var(--muted)}.zone-bottom b{font-size:16px;color:var(--green)}.sidebar{display:flex;flex-direction:column;gap:20px}.ranking-panel{padding:23px;border:1px solid var(--line);border-radius:20px}.ranking-panel .section-heading{margin:0 0 10px}.muted{color:var(--muted);font-size:14px}.ranking-panel>.muted{font-size:10px;letter-spacing:.07em}.rankings{min-height:164px}.empty{font-size:14px;color:var(--muted);padding:28px 0;line-height:1.7}.ranking-panel>.text-button{border-top:1px solid var(--line);width:100%;text-align:left;padding-top:18px;color:var(--green)}.rank-row{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0d}.rank-num{font-size:13px;color:var(--muted);min-width:17px}.rank-face{font-size:24px}.rank-name{font-size:14px;overflow-wrap:anywhere}.rank-points{font-size:15px;font-weight:700;margin-left:auto;white-space:nowrap}.you{font-size:10px;color:var(--green);margin-left:6px}.how-panel{background:#caff88;border-radius:20px;padding:24px;color:#26361c}.how-panel .eyebrow{font-size:10px;color:#3f5e29}.how-panel h2{font-size:28px;letter-spacing:-.05em;line-height:1.05}.how-panel ol{list-style:none;padding:0;margin:23px 0}.how-panel li{font-size:14px;display:flex;gap:10px;margin:17px 0;align-items:center}.how-panel li span{border:1px solid #2d431c60;border-radius:50%;font-size:10px;padding:5px}.how-panel p{font-size:14px;border-top:1px solid #2d431c30;padding-top:15px;margin-bottom:0}.personal-best{display:flex;align-items:center;gap:14px;padding:0 10px;color:var(--muted);font-size:14px}.personal-best>span{font-size:30px}.personal-best strong{display:block;color:var(--text);font-size:19px;margin-top:5px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;color:var(--muted);font-size:10px;letter-spacing:.06em}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-heading h1{font-size:44px;margin-bottom:25px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line);margin-bottom:24px}.hud>div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);padding:20px}.hud span{font-size:12px;letter-spacing:.12em;color:var(--muted)}.hud strong{font-size:26px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}#lives{color:var(--purple)}.shop{border-radius:20px;background:#f1e9dc;overflow:hidden;color:#2f2530;border:1px solid #51404a}.shop-title{display:flex;justify-content:space-between;gap:12px;padding:18px 26px;background:#ed2b8a;color:#33091f;font-size:12px;font-weight:800;letter-spacing:.12em}.shop-title span:last-child{font-size:12px;letter-spacing:.04em}.customers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:28px;min-height:290px;background:#ebe1d0}.customer{position:relative;background:#fff9f0;color:#332b31;border-radius:14px;border:3px solid transparent;display:flex;align-items:center;flex-direction:column;padding:17px 12px;min-width:0;box-shadow:0 5px 0 #39263210}.customer.selected{border-color:#6a1fd6;box-shadow:0 5px 0 #6a1fd626}.customer.empty-slot{border:2px dashed #bfb3a0;background:none;box-shadow:none;justify-content:center;color:#827363;font-size:14px;gap:10px}.customer.empty-slot span{font-size:30px;opacity:.4}.customer-name{font-size:14px;font-weight:700;display:block;margin:4px 0 12px}.customer-avatar{font-size:51px;line-height:1.3}.order{display:flex;gap:6px;margin:5px 0 12px;flex-wrap:wrap;justify-content:center;min-height:34px}.order-item{position:relative;padding:4px 7px;background:#ece3d6;border-radius:7px;font-size:22px}.order-item.ready{background:#d8edb1}.order-item.ready::after{content:'✓';position:absolute;right:-3px;bottom:-3px;font-size:13px;font-weight:800;background:#427620;color:white;border-radius:50%;width:16px;height:16px}.order-item.preparing{background:#fcd794}.patience{width:100%;height:6px;accent-color:#65a746;margin-top:7px;border:0;border-radius:6px;overflow:hidden;background:#dfd5c7}.patience::-webkit-progress-bar{background:#dfd5c7}.patience::-webkit-progress-value{background:#6d9e35;border-radius:6px}.customer.urgent .patience::-webkit-progress-value{background:#d52e69}.customer.urgent{background:#ffeadf}.customer-status{font-size:12px;color:#766b61;margin-top:8px;min-height:14px}.counter-label{display:flex;justify-content:space-between;gap:10px;background:#3b2638;color:#f7dbe8;padding:16px 27px;font-size:12px;letter-spacing:.06em}.stations{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:23px 27px;background:#483444}.product{background:#65475e;color:#fff4fa;padding:18px;border:1px solid #997189;border-radius:12px;text-align:left;position:relative;overflow:hidden;min-height:135px}.product:disabled{opacity:.65}.product-icon{font-size:33px;display:block;margin-bottom:9px}.product-title{font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:6px}.product-title small{font-weight:400;font-size:12px;color:#e0c9d8}.station-status{display:block;font-size:12px;margin-top:9px;color:#e3ccd8}.station-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--green);transition:width .3s linear}.cash-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:#2f222f;color:#fff5fb}.cash-row strong{font-size:14px}.cash-row p{font-size:14px;color:#c9b8c8;margin:7px 0 0}.game-hint{font-size:14px;color:var(--muted);margin-top:20px}.game-hint span{float:right;font-size:12px}.record-tabs{display:flex;gap:8px;margin:30px 0}.record-tabs .button{border:1px solid var(--line);color:var(--muted)}.record-tabs .active{background:var(--green);color:#223316}.records-card{border:1px solid var(--line);border-radius:18px;padding:25px;max-width:850px;margin-bottom:20px}.records-card .section-heading{margin-top:0}.records-card .rank-row{padding:20px 10px}.records-card .rank-num{width:40px}.records-card .rank-name{font-size:16px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:35px;width:min(470px,calc(100% - 28px));max-height:90dvh}dialog::backdrop{background:#09050bba;backdrop-filter:blur(7px)}dialog h2{font-size:32px;letter-spacing:-.045em;margin-bottom:25px}.close{position:absolute;right:18px;top:12px;font-size:30px;color:var(--muted)}label,legend{font-size:14px;margin-bottom:10px;display:block}input{background:#14121b;border:1px solid #655d70;border-radius:9px;padding:13px;color:white;width:100%;font-size:17px}fieldset{border:0;margin:24px 0;padding:0}#avatarOptions{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.avatar-choice{font-size:27px;background:#332e3e;border-radius:9px;padding:9px 0;border:2px solid transparent}.avatar-choice.selected{border-color:var(--purple);background:#50304a}dialog .button{width:100%}.error{color:#ff9dbc;font-size:14px}#resultDialog{text-align:center}#resultDialog .eyebrow{justify-content:center}.result-emoji{font-size:60px;margin:16px}.result-score{font-size:70px;font-weight:900;color:var(--green);letter-spacing:-.05em}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#fff2df;color:#342932;padding:16px 23px;border-radius:12px;box-shadow:0 5px 30px #0005;max-width:90%;font-size:14px}[hidden]{display:none!important}
@media(max-width:1200px){.home-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.daily-art{width:170px}.daily-copy{padding:26px}.daily-tags{gap:9px}.daily-tags span:last-child{display:none}.daily-actions{gap:8px}.daily-actions .button{padding:14px;gap:14px}.zones{grid-template-columns:repeat(2,minmax(0,1fr))}.hud>div{padding:16px}.hud strong{font-size:23px}.customers{gap:10px;padding:20px}.stations{gap:10px;padding:20px}.product{padding:14px}}
@media(max-width:850px){.topbar{gap:20px;padding:15px 5%}.home-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.personal-best{grid-column:1/-1}.daily-art{width:240px}.daily-copy h2{font-size:49px}.zones{grid-template-columns:repeat(3,minmax(0,1fr))}.zone{padding:15px}.zone h3{font-size:19px}.edition{display:none}.hud>div{display:block}.hud strong{display:block;margin-top:6px}.game-hint span{float:none;display:block;margin-top:5px}.brand small{display:none}.profile{max-width:190px}.profile #playerName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer{padding:12px 5px}.customer-name{font-size:14px}.order{gap:4px}.order-item{padding:3px;font-size:20px}.product-title{display:block}.product-title small{display:block;margin-top:4px}}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:12px;min-height:110px;padding:14px 5% 8px}.brand{font-size:12px}.brand-mark{width:40px;height:40px;font-size:34px}.profile{order:1;max-width:170px;margin-left:auto}.profile>span:first-child{font-size:20px}.topbar nav{order:2;width:100%;gap:12px}.nav{padding:8px 13px;font-size:14px}main{padding:25px 5% 18px}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:39px;margin-bottom:24px}.daily-card{min-height:0}.daily-copy{padding:23px;min-width:0}.daily-copy h2{font-size:43px;max-width:220px}.daily-copy p{font-size:16px;max-width:270px}.daily-art{display:none}.daily-tags{font-size:12px}.daily-actions{gap:10px;margin-top:20px}.daily-actions .button{padding:15px 18px}.badge{font-size:11px}.badge span{font-size:11px}.section-heading>span{display:none}.section-heading h2{font-size:18px}.zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zone{padding:14px}.zone-top{gap:6px}.zone-icon{font-size:34px}.zone h3{font-size:18px;line-height:1.2}.zone p{font-size:14px}.zone-bottom{font-size:10px}.sidebar{grid-template-columns:1fr}.ranking-panel{padding:22px}.how-panel{display:none}footer{flex-direction:column;font-size:10px;gap:10px}.game-heading{align-items:start}.game-heading h1{font-size:36px}.game-heading .text-button{font-size:14px;max-width:120px;text-align:right}.hud{margin-bottom:15px}.hud>div{padding:10px}.hud strong{font-size:20px}.hud span{font-size:10px;letter-spacing:0}#lives{font-size:17px;white-space:nowrap}.shop-title{font-size:12px;padding:15px}.shop-title span:last-child{display:none}.customers{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:10px;min-height:0}.customer{padding:10px;min-height:193px}.customer-avatar{font-size:36px}.customer-name{font-size:14px;margin-bottom:4px}.order{margin:4px 0 7px;min-height:25px}.order-item{font-size:18px}.counter-label{padding:13px;font-size:10px;letter-spacing:0}.stations{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}.product{min-height:120px;padding:13px}.product-icon{font-size:27px;float:left;margin-right:11px}.product-title{font-size:14px}.product-title small{font-size:12px}.station-status{clear:both;padding-top:3px;font-size:12px}.cash-row{padding:17px;flex-direction:column;align-items:stretch;gap:13px}.cash-row .button{width:100%}.record-tabs .button{padding:13px 17px}.records-card{padding:17px}.records-card .rank-num{width:20px}.records-card .rank-name{font-size:14px}dialog{padding:28px 23px}.avatar-choice{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Shared 16-bit art direction; sprites and tiles are drawn at native resolution. */
:root{--bg:#181729;--panel:#242138;--line:#4a3d70;--purple:#6a1fd6;--purple-soft:#a77bff;--green:#2fe07a;--muted:#b9b0c6}
.button,.zone,.daily-card,.ranking-panel,.how-panel,.records-card,.hud,.profile,dialog{border-radius:4px}.brand-mark{border-radius:3px;box-shadow:3px 3px 0 #2a0f5c}.button.lime{box-shadow:3px 3px 0 #137a3f}.daily-card{border:2px solid #a77bff;box-shadow:5px 5px 0 #2a0f5c}.daily-copy h2{font-size:clamp(2rem,3.3vw,3.1rem)}.daily-art.pixel-preview{width:43%;min-width:220px;background:#30253f;padding:18px 0;color:#f3d4ba;overflow:hidden;justify-content:center}.pixel-preview canvas{width:155%;max-width:none;image-rendering:pixelated;flex-shrink:0;border-top:3px solid #684a5e;border-bottom:3px solid #684a5e}.art-caption{text-align:center;font-family:monospace;font-size:12px;letter-spacing:.04em;padding:18px 0 0}.art-caption span{font-size:10px;color:#c0a4b4}.eyebrow,.badge,.zone-top,.zone-bottom,.hud span,.cabinet-header,.tray-heading{font-family:monospace}.page-heading h1{font-size:clamp(2.3rem,3.7vw,3.5rem)}.how-panel{background:#2fe07a}.profile>span:first-child{padding:0;border-radius:0;background:none;display:flex}#playerPortrait{width:36px;height:36px;image-rendering:pixelated}.avatar-choice{padding:2px;border-radius:2px}.avatar-choice canvas{width:100%;height:auto;image-rendering:pixelated}.pixel-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.cabinet{border:3px solid #705570;background:#262235;box-shadow:5px 5px 0 #0d1020;align-self:start}.cabinet-header{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:#efcc98;font-size:12px;border-bottom:3px solid #705570;background:#3d2c49}:is(#shopCanvas,#escapeCanvas){display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline-offset:-3px;cursor:crosshair}.interaction-bar{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:3px solid #705570;background:#30283f;min-height:70px}.interaction-bar>span{font-size:14px;line-height:1.4}.interaction-bar .button{padding:12px 15px;white-space:nowrap;flex-shrink:0}.order-panel{background:#292337;border:2px solid #604e65;box-shadow:4px 4px 0 #101223;padding:21px;align-self:start}.selected-person{display:flex;gap:10px;align-items:center;margin:14px 0 19px}.selected-person canvas{width:60px;height:60px;image-rendering:pixelated;border:2px solid #7e6279}.selected-person strong{font-size:16px}.selected-person p{font-size:12px;line-height:1.5;margin:6px 0 0;color:#d4bfaf}.order-list>div{display:flex;align-items:center;gap:7px;border-top:1px solid #58445d;padding:10px 0;font-size:13px}.order-list>div>span{margin-left:auto;color:#d9c19c;font-size:12px;text-align:right}.item-sprite{width:28px;height:28px;image-rendering:pixelated}.tray-heading{border-top:2px solid #665066;padding-top:18px;display:flex;justify-content:space-between;color:#2fe07a;font-size:12px;margin-top:16px}.tray-list{font-size:13px;color:#d9c6b8;line-height:1.6;margin:12px 0 20px;min-height:40px}#gameMessage{background:#392d45;border-left:3px solid #2fe07a;padding:12px;font-size:13px;line-height:1.5;margin-bottom:18px}.pixel-instructions{padding-left:18px;color:#b9b0c6;font-size:13px;line-height:1.6}.pixel-instructions li{margin-bottom:8px}.order-panel .fine{font-size:12px;color:#a99ab7}.touch-controls{display:flex;gap:25px;align-items:center;padding:16px 18px;background:#211d30}.touch-controls p{font-size:12px;line-height:1.8;margin:0;color:#b8abc0}.touch-controls b{color:#e8cca8}.game-heading h1{font-size:36px}.hud{margin-bottom:18px}.hud>div{padding:14px 18px}.result-emoji{font-family:monospace;color:#2fe07a}.pixel-preview~*{min-width:0}
@media(max-width:1100px){.pixel-layout{grid-template-columns:1fr}.order-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.order-panel>.eyebrow{grid-column:1/-1}.order-panel .selected-person{grid-column:1;margin-top:0}.order-list{grid-column:2;grid-row:2/4}.tray-heading,.tray-list{grid-column:1}#gameMessage{grid-column:1/-1}.pixel-instructions{margin:0;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 30px}.pixel-instructions li{flex-basis:40%}.order-panel .fine{grid-column:1/-1;margin-top:10px}.daily-art.pixel-preview{min-width:170px}.daily-copy{padding:23px}.daily-actions{gap:10px}}
@media(max-width:600px){.daily-card{display:flex;flex-direction:column-reverse}.daily-art.pixel-preview{display:block;width:100%;min-width:0;padding:0;height:155px}.pixel-preview canvas{width:100%;height:auto;margin-top:-30px;image-rendering:pixelated}.pixel-preview .art-caption{display:none}.daily-copy h2{font-size:35px;margin:17px 0 12px}.daily-copy{padding:21px}.page-heading h1{font-size:35px}.game-heading h1{font-size:30px}.pixel-layout{gap:17px}.cabinet{border-width:2px}.cabinet-header{font-size:10px;padding:10px}.interaction-bar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.interaction-bar>span{font-size:13px;min-height:18px}.interaction-bar .button{width:100%;padding:13px}.touch-controls{gap:16px;padding:14px}.touch-controls p{font-size:11px}.order-panel{display:block;padding:18px}.pixel-instructions{display:block}.hud>div{padding:9px}.hud strong{font-size:18px}.hud span{font-size:9px}.game-heading .eyebrow{font-size:9px}.profile{padding-right:9px}.avatar-choice canvas{min-width:0}.selected-person p{font-size:14px}}
/* Compact play surface, contextual guidance, progressive levels and account UI. */
.account-button{font-size:13px;color:#5ef29a;margin-left:auto;white-space:nowrap}.profile{margin-left:0}.game-tools{display:flex;align-items:center;gap:8px}.mini-button{font-size:12px;padding:9px 11px;border:1px solid #7a5e77;background:#33283f;border-radius:3px;white-space:nowrap}.mini-button:hover{background:#4d3654}.level-strip{display:flex;align-items:center;gap:15px;padding:8px 0;font-family:monospace;font-size:12px;color:#8ff0b5}.level-strip progress{height:7px;flex:1;max-width:220px;accent-color:#2fe07a;background:#392f48;border:0}.level-strip progress::-webkit-progress-bar{background:#392f48}.level-strip progress::-webkit-progress-value{background:#2fe07a}.next-step{display:flex;gap:12px;align-items:center;padding:11px 15px;background:#8ff0b5;color:#382c37;border-left:5px solid #6a1fd6;margin:5px 0 12px;font-size:14px;min-height:42px}.next-step>span{font-family:monospace;font-size:11px;white-space:nowrap}.next-step strong{font-weight:700}.playing .topbar{min-height:58px;padding-top:8px;padding-bottom:8px;gap:22px}.playing .brand-mark{width:36px;height:36px;font-size:30px}.playing .brand small{display:none}.playing .brand{font-size:12px}.playing .profile{padding:3px 9px 3px 3px}.playing main{padding-top:14px}.playing .game-heading{margin-bottom:8px}.playing .game-heading h1{font-size:27px;margin:0}.playing .game-heading .eyebrow{margin-bottom:6px;font-size:10px}.playing .hud{margin:8px 0 0}.playing .hud>div{padding:9px 14px}.playing .hud strong{font-size:21px}.playing .hud span{font-size:10px}.playing .cabinet-header{padding:8px 12px;font-size:11px}.playing .pixel-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.playing :is(#shopCanvas,#escapeCanvas){width:min(100%,calc(40dvh * 1.6));margin:0 auto;max-height:340px;object-fit:contain;aspect-ratio:8/5}.playing .interaction-bar{min-height:49px;padding:8px 12px;font-size:13px}.playing .interaction-bar>span{font-size:12px}.playing .interaction-bar .button{padding:9px 13px;font-size:12px}.playing .touch-controls{padding:8px 12px;gap:18px}.playing .touch-controls p{font-size:11px;line-height:1.6}.playing .order-panel{display:block;padding:15px}.playing .order-panel>.eyebrow{font-size:10px;margin-bottom:8px}.playing .selected-person{margin:8px 0 10px}.playing .selected-person canvas{width:43px;height:43px}.playing .selected-person strong{font-size:14px}.playing .selected-person p{font-size:12px}.playing .order-list>div{padding:6px 0}.playing .tray-heading{padding-top:10px;margin-top:10px}.playing .tray-list{margin:8px 0 10px;min-height:20px;font-size:12px}.playing #gameMessage{padding:8px;margin-bottom:0;font-size:12px}.playing .pixel-instructions,.playing .order-panel>.fine{display:none}.playing #gameView.expanded :is(#shopCanvas,#escapeCanvas){width:100%;max-height:none}.playing #gameView.expanded .pixel-layout{grid-template-columns:minmax(0,1fr) 260px}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs button{padding:10px 12px;font-size:14px;border:1px solid #66516c}.auth-tabs button.active{background:#2fe07a;color:#312b36}.input-help{font-size:12px;color:#baaac3;margin:6px 0 20px}#confirmPasswordGroup{margin-top:18px}#authForm>.muted{margin:20px 0 12px;font-size:13px}#profileForm #logoutButton{display:block;margin:0 0 16px;color:#f49aad}#authForm input:invalid:not(:placeholder-shown){box-shadow:none}#authError{min-height:0}#authDialog{max-height:94dvh}#authTitle{margin-bottom:18px}
@media(max-width:950px){.topbar{gap:16px}.playing .pixel-layout,.playing #gameView.expanded .pixel-layout{grid-template-columns:1fr}.playing .order-panel{display:none}.playing :is(#shopCanvas,#escapeCanvas){max-height:320px;width:min(100%,calc(40dvh * 1.6))}.game-tools{gap:5px}.game-tools .text-button{font-size:12px}.playing .next-step{font-size:13px}.playing .level-strip{font-size:11px}.level-strip progress{max-width:100px}.playing .hud>div{display:flex;align-items:center}.playing .hud strong{margin:0}.playing .topbar{gap:12px}.account-button{font-size:12px}.playing .brand{display:none}.playing .profile{margin-left:0}.playing .topbar nav{width:auto;order:0}.playing .topbar .account-button{margin-left:auto}.playing .topbar .profile{order:0}.playing .topbar .nav{padding:9px 10px}.playing .game-heading .eyebrow{font-size:9px}.playing main{padding-top:10px}.playing .hud span{font-size:9px}}
@media(max-width:600px){.topbar .account-button{order:2;margin-left:auto}.topbar .profile{margin-left:auto}.topbar nav{width:auto;flex:1}.playing .topbar{flex-wrap:nowrap;min-height:48px;padding:6px 4%;gap:5px}.playing .topbar .account-button{font-size:11px}.playing .topbar .profile{max-width:105px;padding-right:5px}.playing #playerPortrait{width:28px;height:28px}.playing #playerName{font-size:11px}.playing .profile>span:last-child{display:none}.playing .topbar nav{gap:0}.playing .topbar .nav{padding:7px;font-size:12px}.playing main{padding:10px 4%}.playing .game-heading{gap:8px;align-items:center}.playing .game-heading h1{font-size:23px}.playing .game-heading .eyebrow{display:none}.game-tools .mini-button{font-size:10px;padding:7px}.game-tools .text-button{font-size:11px}.playing .hud>div{display:block;padding:6px 8px}.playing .hud strong{font-size:18px;margin-top:3px}.playing .level-strip{flex-wrap:wrap;gap:8px;font-size:10px;padding:8px 0 4px}.playing .level-strip progress{max-width:none;min-width:40px}.playing #comboLabel{font-size:10px;margin-left:auto}.playing .next-step{font-size:12px;line-height:1.4;padding:8px 10px;min-height:45px;gap:8px}.playing .next-step>span{font-size:9px}.playing :is(#shopCanvas,#escapeCanvas){width:100%;max-height:none}.playing .cabinet-header{font-size:9px}.playing .interaction-bar{flex-direction:row;gap:9px;min-height:51px}.playing .interaction-bar>span{font-size:11px;flex:1}.playing .interaction-bar .button{width:auto;font-size:11px;max-width:52%;white-space:normal}.playing .touch-controls{justify-content:space-between;padding:9px 12px}.playing .touch-controls p{font-size:10px}.playing #gameView.expanded{width:calc(100% + 8vw);margin-left:-4vw}.playing #gameView.expanded .game-heading,.playing #gameView.expanded .hud,.playing #gameView.expanded .level-strip,.playing #gameView.expanded .next-step{margin-left:4vw;margin-right:4vw}.account-button{white-space:normal}#authDialog{padding:25px 21px}.auth-tabs button{font-size:13px}}
@media(max-height:750px){.playing .game-heading .eyebrow{display:none}.playing main{padding-top:8px}.playing .level-strip{padding-top:5px;padding-bottom:4px}.playing .touch-controls{padding-top:5px;padding-bottom:5px}.playing :is(#shopCanvas,#escapeCanvas){width:min(100%,calc(32dvh * 1.6));max-height:250px}.playing #gameView.expanded :is(#shopCanvas,#escapeCanvas){width:100%;max-height:none}}