.snack-game{color:#e2e8f0;box-sizing:border-box;background:linear-gradient(145deg,#20273e,#141d33);border:1px solid #5d4384;border-radius:22px;width:100%;max-width:600px;margin:auto;padding:12px;overflow:hidden}.snack-game [hidden]{display:none!important}.snack-game button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:#24263e;border:1px solid #695487;border-radius:12px;min-height:44px}.snack-game button:disabled{cursor:default;opacity:.45}.snack-game :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #38bdf8}.snack-toolbar{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.snack-toolbar>span{letter-spacing:.1em;color:#c4b5fd;font-size:.6rem;font-weight:750}.snack-toolbar>div{gap:4px;display:flex}.snack-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 9px;display:grid}.snack-hud>div{background:#0c1429b3;border:1px solid #393955;border-radius:10px;padding:7px 6px}.snack-hud dt{letter-spacing:.08em;color:#c4b5fd;font-size:.54rem}.snack-hud dd{margin:4px 0 0;font-size:clamp(.92rem,3.6vw,1.3rem);font-weight:850;line-height:1.1}.snack-hud>div:nth-child(2) dd{color:#67e8f9}.snack-hud>div:nth-child(4) dd{color:#fbbf24}.snack-scene{background:#101b31;border:1px solid #493c66;border-radius:16px;min-height:480px;position:relative;overflow:hidden}.snack-city{background:radial-gradient(at 65% 100%,#bf4cb344,#0000 65%),linear-gradient(120deg,#101c3d,#252053);height:72px;position:relative;overflow:hidden}.snack-city:after{content:"";opacity:.35;background:radial-gradient(circle at 50% 25%,#e0e7ff 0 1px,#0000 2px) 0 0/71px 79px,radial-gradient(circle at 85% 15%,#e0e7ff 0 1px,#0000 2px) 0 0/113px 131px;position:absolute;inset:0}.snack-city>span{z-index:1;letter-spacing:.1em;color:#f0abfc;border:1px solid #e879f9;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:900;line-height:1.1;position:absolute;top:12px;left:12px;transform:rotate(-6deg);box-shadow:0 0 10px #c026d344}.snack-city i{background:repeating-linear-gradient(90deg,#171a38 0 6px,#9b59cf66 7px 9px);width:27px;height:37px;position:absolute;bottom:-3px;left:25%}.snack-city i:nth-of-type(2){height:55px;left:38%}.snack-city i:nth-of-type(3){height:28px;left:49%}.snack-city i:nth-of-type(4){height:46px;left:62%}.snack-city i:nth-of-type(5){height:63px;left:77%}.snack-city i:nth-of-type(6){height:32px;left:90%}.snack-counter{background:linear-gradient(#271e3c,#111e30);padding:0 9px 10px;position:relative}.snack-queue{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:8px;display:grid;position:relative}.snack-game .snack-customer{background:linear-gradient(#202b46,#20213c);border:1px solid #5d5180;flex-direction:column;align-items:center;gap:4px;min-height:174px;padding:7px 5px 8px;display:flex;position:relative;overflow:hidden}.snack-customer[data-occupied=false]{opacity:.55;border-style:dashed}.snack-customer[data-occupied=false] .snack-person{opacity:.18}.snack-customer[data-occupied=false] .snack-order svg{visibility:hidden}.snack-order{background:#0e1930;border-radius:8px;flex-direction:column;align-items:center;width:100%;padding:3px 2px;font-size:.72rem;line-height:1.1;display:flex}.snack-order [data-sc-order-icon]{height:34px;display:block}.snack-order svg{width:34px;height:34px;display:block}.snack-person{flex-shrink:0;width:70px;height:59px;position:relative}.snack-hair{z-index:1;background:#433458;border-radius:43% 50% 20% 20%;width:44px;height:37px;position:absolute;top:1px;left:13px}.snack-face{background:var(--skin,#f2bf9b);z-index:2;border-radius:40% 35% 45% 45%;width:36px;height:34px;position:absolute;top:9px;left:17px}.snack-face:before{content:"";background:var(--hair,#433458);border-radius:60% 45% 70% 5%;width:38px;height:14px;position:absolute;top:-4px;left:-2px;transform:rotate(-8deg)}.snack-face i{background:#172033;border-radius:50%;width:4px;height:5px;position:absolute;top:14px;left:9px}.snack-face i:nth-child(2){left:24px}.snack-face b{border-bottom:2px solid #703e47;border-radius:50%;width:9px;height:4px;position:absolute;top:23px;left:15px}.snack-shirt{background:var(--shirt,#8b5cf6);border-radius:40% 40% 0 0;width:56px;height:22px;position:absolute;bottom:0;left:7px}.snack-customer:nth-child(2){--skin:#ba8166;--hair:#28283f;--shirt:#0891b2}.snack-customer:nth-child(3){--skin:#f3c1a1;--hair:#9d4b89;--shirt:#e85d88}.snack-guest{color:#c4b5fd;font-size:.6rem;line-height:1.1}.snack-game progress{accent-color:#67e8f9;border:0;border-radius:8px;width:100%;height:5px;display:block;overflow:hidden}.snack-game progress::-webkit-progress-bar{background:#0d1629}.snack-game progress::-webkit-progress-value{background:#67e8f9;transition:width .1s linear}.snack-customer[data-urgent=true] progress{accent-color:#fbbf24}.snack-customer[data-urgent=true] progress::-webkit-progress-value{background:#fbbf24}.snack-customer small{font-size:.57rem;line-height:1}.snack-counter-edge{z-index:2;background:linear-gradient(#f0abfc,#7b367f 30%,#38263f);height:14px;margin:-3px -9px 10px;position:relative;box-shadow:0 2px 10px #a855f722}.snack-kitchen{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.snack-game .snack-station{background:linear-gradient(#2a2842,#171d30);border-color:#735469;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:154px;padding:8px 5px;display:flex;position:relative}.snack-food-art{place-items:center;width:72px;height:65px;display:grid;position:relative}.snack-food-art>svg{width:60px;height:60px}.snack-station strong{font-size:.8rem}.snack-station-state{color:#c4b5fd;min-height:16px;font-size:.63rem}.snack-station small{color:#a4b7ce;font-size:.54rem}.snack-station progress{accent-color:#fbbf24}.snack-station progress::-webkit-progress-value{background:#fbbf24}.snack-station[data-state=empty] .snack-food-art>svg{opacity:.65}.snack-station[data-state=ready]{background:linear-gradient(#183b4b,#172034);border-color:#67e8f9;box-shadow:inset 0 0 15px #38bdf811}.snack-station[data-state=ready] .snack-station-state{color:#67e8f9;font-weight:850}.snack-station[data-state=ready] .snack-food-art>svg{animation:.6s ease-out snack-ready}.snack-station[data-state=burnt]{border-color:#fb7185}.snack-station[data-state=burnt] .snack-food-art>svg{filter:brightness(.4)saturate(.3)}.snack-station[data-state=burnt] .snack-station-state{color:#fda4af}.snack-cooking{pointer-events:none;display:none;position:absolute;inset:0}.snack-station[data-state=cooking] .snack-cooking,.snack-station[data-state=burnt] .snack-cooking{display:block}.snack-cooking i{background:#e2e8f077;border-radius:50%;width:4px;height:13px;animation:1.4s ease-out infinite snack-steam;position:absolute;bottom:44px;left:20%}.snack-cooking i:nth-child(2){animation-delay:.4s;left:48%}.snack-cooking i:nth-child(3){animation-delay:.8s;left:75%}.snack-fries .snack-cooking i{background:0 0;border:1px solid #fbbf24;width:5px;height:5px;bottom:10px}.snack-soda .snack-cooking i{background:#e0f2feaa;width:7px;height:7px;bottom:26px}.snack-station[data-state=cooking]{box-shadow:inset 0 -10px 20px #fbbf2418}.snack-serving{grid-template-columns:minmax(0,1fr) 62px;gap:7px;margin:0 0 9px;display:grid}.snack-tray{background:linear-gradient(#24394a,#1e293b);border:1px solid #596577;border-radius:12px;align-items:center;gap:7px;min-height:73px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 4px #92a8b015}.snack-tray [data-sc-tray-icon]{border:1px dashed #596577;border-radius:10px;flex-shrink:0;place-items:center;width:50px;height:48px;display:grid}.snack-tray svg{width:46px;height:46px;display:block}.snack-tray div{flex-direction:column;gap:3px;min-width:0;display:flex}.snack-tray small{color:#aabed2;letter-spacing:.04em;font-size:.5rem}.snack-tray strong{font-size:.85rem}.snack-tray div>span{color:#bec9da;font-size:.58rem}.snack-discard{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.snack-discard small{font-size:.58rem}.snack-footer{color:#a4b8d0;justify-content:space-between;gap:8px;margin:10px 0 5px;font-size:.62rem;display:flex}.snack-footer strong{color:#fbbf24;margin-left:4px;font-size:.9rem}.snack-status{color:#c5d2e4;min-height:34px;margin:0;font-size:.75rem;line-height:1.5}.snack-overlay,.snack-picker{z-index:5;text-align:center;overscroll-behavior:contain;background:radial-gradient(at 50% 15%,#753b8433,#0000 65%),#0c1733f5;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.snack-overlay>*,.snack-picker>*{flex-shrink:0}.snack-game h2,.snack-game p{margin:0}.snack-overlay h2{letter-spacing:-.04em;font-size:clamp(1.8rem,6.5vw,3rem);font-style:italic;font-weight:900;line-height:1.03}.snack-overlay em{color:#67e8f9;font-style:normal}.snack-eyebrow{letter-spacing:.13em;color:#f0abfc;font-size:.6rem;font-weight:800}.snack-overlay>p,.snack-picker>p{color:#c1d0e2;font-size:.8rem;line-height:1.5}.snack-menu-art{justify-content:center;align-items:center;gap:14px;padding:8px;display:flex}.snack-menu-art svg{width:60px;height:60px}.snack-overlay .snack-instructions{font-size:.72rem}.snack-game .snack-primary{background:linear-gradient(110deg,#a855f7,#9224de);border-color:#bd82f6;font-weight:800}.snack-overlay>button{width:100%;padding:10px}.snack-overlay>a{color:#c4b5fd;place-items:center;min-height:44px;font-size:.8rem;display:grid}.snack-overlay>small{color:#9ab3ce;font-size:.65rem}.snack-game .snack-secondary{width:100%;padding:10px}.snack-stars{letter-spacing:.14em;color:#fbbf24!important;font-size:2.5rem!important;line-height:1.1!important}.snack-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0;display:grid}.snack-results>div{background:#1e293b;border-radius:9px;padding:8px}.snack-results dt{color:#aabed2;font-size:.58rem}.snack-results dd{margin:4px 0 0;font-size:1.15rem;font-weight:850}.snack-overlay[data-record=true]{box-shadow:inset 0 0 55px #fbbf2415}.snack-overlay[data-record=true] .snack-eyebrow{color:#fbbf24}.snack-overlay[data-phase=success],.snack-overlay[data-phase=failure]{justify-content:flex-start;animation:.3s ease-out snack-results}.snack-picker h2{font-size:1.65rem}.snack-shifts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.snack-shifts button{flex-direction:column;align-items:center;gap:3px;min-height:80px;padding:6px;display:flex}.snack-shifts button>strong{color:#e9d5ff;font-size:1.2rem}.snack-shifts button>span{font-size:.56rem}.snack-shifts button>small{color:#fbbf24;font-size:.57rem}.snack-effects{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.snack-effect{left:var(--x);top:var(--y);color:var(--color);white-space:nowrap;text-shadow:0 2px 4px #081125;background:#101a36e8;border-radius:7px;padding:4px 7px;font-size:.77rem;font-weight:850;animation:1.2s ease-out both snack-float;position:absolute;transform:translate(-50%,-50%)}.snack-effect[data-kind=combo]{z-index:1;font-size:1rem}.snack-spark{left:var(--x);top:var(--y);background:var(--color);border-radius:1px;width:4px;height:4px;animation:1.2s ease-out both snack-spark;position:absolute}.snack-game[data-phase=paused] *,.snack-scene[data-muted-fx=true] *{animation-play-state:paused!important}@keyframes snack-steam{0%{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:.6}to{opacity:0;transform:translateY(-22px)scale(1.4)}}@keyframes snack-ready{50%{transform:translateY(-4px)scale(1.05)}}@keyframes snack-float{0%{opacity:1;translate:0}to{opacity:0;translate:0 -25px}}@keyframes snack-spark{0%{opacity:1;transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy)));opacity:0}}@keyframes snack-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes snack-results{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@media (width<=360px){.snack-game{padding:9px}.snack-toolbar{flex-wrap:wrap;gap:3px}.snack-toolbar>span{font-size:.55rem}.snack-toolbar>div{gap:3px}.snack-toolbar .game-icon-button{width:44px;min-width:44px}.snack-order{font-size:.65rem}.snack-queue,.snack-kitchen{gap:5px}.snack-game .snack-customer{padding:5px 3px}.snack-station small{font-size:.48rem}.snack-station strong{font-size:.71rem}.snack-station-state{font-size:.58rem}.snack-counter{padding-left:6px;padding-right:6px}.snack-tray{gap:5px;padding:6px}.snack-tray small{font-size:.43rem}.snack-overlay,.snack-picker{gap:9px;padding:12px}.snack-shifts{gap:5px}.snack-shifts button{min-height:70px}.snack-picker h2{font-size:1.3rem}}@media (height<=740px){.snack-city{height:40px}.snack-game .snack-customer{gap:2px;min-height:139px}.snack-person{transform-origin:bottom;height:48px;margin-top:-5px;scale:.85}.snack-game .snack-station{gap:3px;min-height:130px;padding:6px 3px}.snack-food-art{width:58px;height:47px}.snack-food-art>svg{width:46px;height:46px}.snack-tray{min-height:64px}.snack-scene{min-height:0}.snack-counter-edge{height:10px;margin-bottom:7px}.snack-footer{margin-top:6px}.snack-toolbar,.snack-hud{margin-bottom:6px}.snack-status{min-height:28px;font-size:.67rem}.snack-menu-art svg{width:46px;height:46px}.snack-menu-art{padding:0}.snack-overlay .snack-instructions{font-size:.67rem}}.game-viewport.is-expanded:has(.snack-game){justify-content:center;align-items:stretch;padding:0;display:flex}.game-viewport.is-expanded>.snack-game{max-width:800px;height:100%;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border:0;border-radius:0;flex-direction:column;display:flex}.game-viewport.is-expanded .snack-scene{flex-direction:column;flex:1;min-height:0;display:flex}.game-viewport.is-expanded .snack-counter{flex-direction:column;flex:1;justify-content:space-around;display:flex}.game-viewport.is-expanded .snack-city{flex-shrink:0}.game-viewport.is-expanded .snack-overlay,.game-viewport.is-expanded .snack-picker{padding:12px}.game-viewport.is-expanded .snack-toolbar,.game-viewport.is-expanded .snack-hud,.game-viewport.is-expanded .snack-footer,.game-viewport.is-expanded .snack-status{flex-shrink:0}@media (orientation:landscape) and (height<=650px){.game-viewport.is-expanded>.snack-game{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) 220px;gap:7px 12px;max-width:1100px;display:grid}.game-viewport.is-expanded .snack-scene{grid-area:1/1/5;height:100%}.game-viewport.is-expanded .snack-toolbar{flex-wrap:wrap;grid-area:1/2}.game-viewport.is-expanded .snack-toolbar>span{display:none}.game-viewport.is-expanded .snack-hud{grid-area:2/2;grid-template-columns:1fr 1fr}.game-viewport.is-expanded .snack-footer{flex-wrap:wrap;grid-area:3/2;align-self:end}.game-viewport.is-expanded .snack-status{grid-area:4/2}.game-viewport.is-expanded .snack-city{display:none}.game-viewport.is-expanded .snack-counter{justify-content:flex-start;padding-top:2px}.game-viewport.is-expanded .snack-queue{padding-top:0}.game-viewport.is-expanded .snack-customer{gap:2px;min-height:113px}.game-viewport.is-expanded .snack-person{display:none}.game-viewport.is-expanded .snack-station{min-height:126px}.game-viewport.is-expanded .snack-counter-edge{margin-bottom:5px}.game-viewport.is-expanded .snack-serving{margin-top:5px}.game-viewport.is-expanded .snack-tray{min-height:58px;padding:5px}.game-viewport.is-expanded .snack-overlay{gap:7px}.game-viewport.is-expanded .snack-menu-art{display:none}.game-viewport.is-expanded .snack-shifts{grid-template-columns:repeat(4,1fr)}.game-viewport.is-expanded .snack-shifts button{min-height:65px}}@media (prefers-reduced-motion:reduce){.snack-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.snack-cooking{display:none!important}}.snack-game:not([data-phase=playing]) .snack-counter *{animation-play-state:paused!important}@media (orientation:portrait) and (height<=740px){.game-viewport.is-expanded .snack-toolbar>span{display:none}.game-viewport.is-expanded .snack-toolbar{justify-content:flex-end}.game-viewport.is-expanded .snack-city{height:28px}.game-viewport.is-expanded .snack-customer{gap:2px;min-height:123px;padding:4px 3px}.game-viewport.is-expanded .snack-order [data-sc-order-icon]{height:28px}.game-viewport.is-expanded .snack-order svg{width:28px;height:28px}.game-viewport.is-expanded .snack-person{height:42px;margin-top:-7px;scale:.78}.game-viewport.is-expanded .snack-station{gap:3px;min-height:113px;padding:5px 3px}.game-viewport.is-expanded .snack-food-art{height:36px}.game-viewport.is-expanded .snack-food-art>svg{width:38px;height:38px}.game-viewport.is-expanded .snack-tray{min-height:56px;padding:6px}.game-viewport.is-expanded [data-sc-tray-icon]{width:42px;height:38px}.game-viewport.is-expanded [data-sc-tray-icon] svg{width:36px;height:36px}.game-viewport.is-expanded .snack-serving{margin-top:6px}.game-viewport.is-expanded .snack-counter-edge{height:8px;margin-bottom:5px}}@media (orientation:landscape) and (height<=650px){.game-viewport.is-expanded .snack-customer{gap:2px;min-height:82px;padding:4px}.game-viewport.is-expanded .snack-order{flex-direction:row;justify-content:center;gap:5px}.game-viewport.is-expanded .snack-order [data-sc-order-icon]{height:28px}.game-viewport.is-expanded .snack-order svg{width:28px;height:28px}.game-viewport.is-expanded .snack-station{gap:3px;min-height:110px;padding:4px}.game-viewport.is-expanded .snack-food-art{height:35px}.game-viewport.is-expanded .snack-food-art>svg{width:36px;height:36px}.game-viewport.is-expanded .snack-counter-edge{height:7px;margin-top:-2px;margin-bottom:3px}.game-viewport.is-expanded .snack-tray{min-height:54px}.game-viewport.is-expanded [data-sc-tray-icon]{height:36px}.game-viewport.is-expanded [data-sc-tray-icon] svg{height:34px}}.snack-game [data-next=true]{outline-offset:-2px;outline:2px solid #67e8f9}.snack-game .snack-station[data-state=ready]{background:linear-gradient(#164e63,#153747);border-color:#67e8f9}.snack-station[data-state=ready] .snack-station-state{color:#ecfeff;background:#155e75;border-radius:5px;padding:3px 4px;font-weight:800}.snack-tray [data-sc-step]{color:#67e8f9;font-weight:800}.snack-tray [data-sc-tray-help]{color:#f1f5f9}.snack-serving{flex-shrink:0}.snack-effect[data-kind=ready],.snack-effect[data-kind=wrong]{text-align:center;background:#0f172a;border:1px solid;border-radius:8px;max-width:90%;padding:6px 10px}.snack-effect{white-space:normal;text-align:center;width:max-content;max-width:90%;left:50%}