*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.game-body--serve{--bg: #120B06;--gold: #F5C245;--crimson: #D93A3A;--green: #6FCF6F;--cream: #FBF3E6;--muted: rgba(251,243,230,.55);--subtle: rgba(251,243,230,.14);--panel: rgba(251,243,230,.05);--panel-border: rgba(251,243,230,.14)}body{background:var(--bg);color:var(--cream);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid rgba(251,243,230,.08);background:#120b06e6;backdrop-filter:blur(16px)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.compass-icon{width:26px;height:26px;flex-shrink:0}.nav-wordmark{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em}.nav-wordmark .beav{color:var(--cream)}.nav-wordmark .kat{background:linear-gradient(135deg,var(--gold),var(--crimson));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-back{font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .2s}.nav-back:hover{color:var(--cream)}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:32px 24px;overflow-y:auto;transition:opacity .6s}.overlay.hidden{opacity:0;pointer-events:none}.ov-king{width:64px;height:64px;margin-bottom:12px;filter:drop-shadow(0 8px 20px rgba(245,194,69,.28))}.ov-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.ov-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:56px;background:linear-gradient(135deg,var(--gold),var(--crimson) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px}.ov-sub{font-size:15px;color:var(--muted);max-width:400px;line-height:1.6;margin-bottom:14px}.ov-keys{font-size:13px;color:#fbf3e64d;letter-spacing:.04em;margin-bottom:10px;max-width:360px}.ov-best{font-size:13px;color:var(--muted);margin-bottom:28px}.ov-best strong{color:var(--gold);font-family:Space Grotesk,sans-serif}.btn-start{background:none;border:1px solid rgba(245,194,69,.4);color:var(--cream);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;border-radius:100px;cursor:pointer;transition:border-color .2s,background .2s}.btn-start:hover{border-color:#f5c245bf;background:#f5c24514}#winOverlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#120b06f5;text-align:center;padding:32px 24px;opacity:0;pointer-events:none;transition:opacity .8s}#winOverlay.visible{opacity:1;pointer-events:all}.win-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;max-width:320px}.win-score-big{font-family:Fraunces,serif;font-weight:600;font-size:76px;line-height:1;margin-bottom:6px;background:linear-gradient(135deg,var(--gold),var(--crimson));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.win-label{font-size:14px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.win-best{font-size:14px;color:var(--gold);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.06em;margin-bottom:26px}.win-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--crimson));border:none;color:#1f0d06;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer}.btn-primary:hover{opacity:.9}.btn-ghost{background:none;border:1px solid rgba(251,243,230,.2);color:var(--cream);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:#fbf3e680}.game-main{position:relative;z-index:10;width:100%;max-width:560px;height:100%;margin:0 auto;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.game-main.shake{animation:kitchenShake .4s ease}@keyframes kitchenShake{0%,to{transform:translate(0)}20%{transform:translate(-7px) rotate(-.6deg)}40%{transform:translate(6px) rotate(.6deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.hud{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hud-block{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px}.hud-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hud-val{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--cream)}.hud-val--coins{color:var(--gold)}.hud-val--combo{color:var(--crimson)}.hud-crowns{flex-direction:row;gap:3px}.crown-icon{font-size:16px;filter:drop-shadow(0 0 4px rgba(245,194,69,.5));transition:opacity .2s,filter .2s}.crown-icon.lost{opacity:.18;filter:grayscale(1)}.queue-section{position:relative;min-height:108px}.queue-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.queue-empty-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-align:center;padding:0 12px}.customer-card{appearance:none;border:1px solid var(--panel-border);background:var(--panel);border-radius:14px;padding:8px 6px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-height:108px;color:var(--cream);animation:cardIn .28s cubic-bezier(.34,1.56,.64,1);transition:border-color .2s ease,background .2s ease}.customer-card:active{transform:scale(.97)}.customer-card.shake{animation:kitchenShake .4s ease}@keyframes cardIn{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.customer-card.card-served{animation:cardServed .38s ease forwards;border-color:#6fcf6f99}@keyframes cardServed{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}.customer-card.card-angry{animation:cardAngry .38s ease forwards;border-color:#d93a3a99;background:#d93a3a1a}@keyframes cardAngry{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translate(-6px) scale(1);opacity:1}60%{transform:translate(6px) scale(1);opacity:1}to{transform:translate(0) scale(.85);opacity:0}}.cust-avatar{font-size:15px;line-height:1}.cust-dish-icon{font-size:24px;line-height:1}.cust-parts{font-size:12px;line-height:1;letter-spacing:1px}.patience-bar{width:100%;height:5px;border-radius:999px;background:#fbf3e61a;overflow:hidden;margin-top:2px}.patience-fill{display:block;height:100%;width:100%;border-radius:inherit;background:var(--green);transition:width .1s linear,background .2s ease}.patience-fill[data-risk=mid]{background:var(--gold)}.patience-fill[data-risk=high]{background:var(--crimson)}.tray-section{width:100%}.tray-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:6px}.tray-hint{text-transform:none;letter-spacing:0;color:#fbf3e64d;font-size:10px}.tray-row{display:flex;justify-content:center;gap:8px;cursor:pointer}.tray-row.shake{animation:kitchenShake .4s ease}.tray-slot{width:58px;height:58px;border-radius:12px;border:1.5px dashed var(--panel-border);background:var(--panel);display:grid;place-items:center;font-size:26px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.tray-slot.filled{border-style:solid;border-color:#f5c2458c;background:#f5c2451a;animation:slotPop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes slotPop{0%{transform:scale(.7)}to{transform:scale(1)}}.toast{min-height:15px;font-size:12px;color:var(--muted);text-align:center;opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateY(0)}.ingredient-section{width:100%}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-ingredient{appearance:none;border:1px solid var(--panel-border);background:var(--panel);border-radius:12px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--cream);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.btn-ingredient:active{transform:scale(.95);background:#f5c2451f}.ing-icon{font-size:19px;line-height:1}.ing-label{font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.btn-serve{width:100%;border:none;border-radius:999px;min-height:48px;background:linear-gradient(135deg,var(--gold),var(--crimson));color:#1f0d06;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .1s}.btn-serve:active:not(:disabled){transform:scale(.98)}.btn-serve:disabled{opacity:.32;cursor:not-allowed}@media(max-width:420px){nav{padding:12px 16px}.nav-wordmark{display:none}.ov-title{font-size:44px}.ov-king{width:52px;height:52px}.win-score-big{font-size:60px}.game-main{padding:10px 12px 12px;gap:8px}.customer-card{min-height:96px}.cust-dish-icon{font-size:21px}.tray-slot{width:52px;height:52px;font-size:22px}}@media(min-height:760px){.game-main{gap:16px;padding-top:20px}}