:root{--bg: #140d06;--ink: #f6ecd6;--dim: #eadfc4;--amber: #f5b942;--line: #6b5124}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 58%,rgba(8,4,1,.5))}#app:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s;box-shadow:inset 0 0 120px 30px #78c8ff8c}#app.chill:before{opacity:1}#app.warn-chill:before{opacity:.45}.screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.7rem;text-align:center;padding:1.5rem;z-index:20;overflow-y:auto;background:radial-gradient(ellipse at center,#140d06a8,#080401e6)}.screen[hidden],#hud[hidden],#banner[hidden]{display:none}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--amber)}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em;color:#ffe08a}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1;color:#ffe08a}.lede{margin:0 auto;max-width:34rem;color:var(--dim)}.rules{margin:0 auto;max-width:34rem;text-align:left;color:var(--dim);padding-left:1.2rem;font-size:.92rem}.rules li{margin:.25rem 0}.hint{margin:0;font-size:.8rem;color:#e0d4b4;max-width:34rem}.primary{padding:.7rem 1.6rem;border-radius:999px;border:1px solid var(--amber);background:var(--amber);color:#1a1208;font:inherit;font-weight:700;cursor:pointer}.primary:hover{background:#ffcf6b}.ghost{padding:.7rem 1.4rem;border-radius:999px;border:1px solid #a8926a;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.ghost:hover{border-color:var(--amber)}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2.2rem;letter-spacing:.25em;color:#ffc24a}.score-line{margin:0;font-weight:700}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:8rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid var(--line);background:#1a1208cc;color:var(--ink);cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:var(--amber);background:#f5b9422e;box-shadow:0 0 0 1px var(--amber) inset}.lv-name{font-weight:700}.lv-meta{font-size:.75rem;color:var(--dim)}#hud{position:absolute;inset:0;z-index:10;pointer-events:none;display:block;font-size:.85rem}.chips{position:absolute;top:.6rem;left:.7rem;right:.7rem;display:flex;flex-wrap:wrap;gap:.4rem}.chips span,.hunger{background:#0e0802d1;border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}.chips span.hot{border-color:var(--amber);color:#ffe08a}.hunger{position:absolute;top:3.2rem;left:.7rem;right:.7rem;display:flex;align-items:center;gap:.7rem;border-radius:12px}.hud-label{color:var(--dim);font-size:.78rem}.bar{flex:1;height:10px;border-radius:999px;background:#3a2a12;overflow:hidden;border:1px solid var(--line)}#hud-hunger-fill{height:100%;width:30%;background:var(--amber);transition:width .15s linear}#banner{position:absolute;top:5.9rem;left:50%;transform:translate(-50%);margin:0;max-width:92vw;padding:.4rem 1rem;border-radius:999px;background:#b02418f0;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.88rem;text-align:center;white-space:nowrap;animation:pulse .7s ease-in-out infinite alternate}#banner.chill{background:#1a5696f0}@keyframes pulse{to{transform:translate(-50%) scale(1.04)}}#hud-status{position:absolute;top:8.8rem;left:0;right:0;margin:0;text-align:center;color:#ffe8b0;text-shadow:0 1px 4px #000;font-size:.85rem;min-height:1em}.tools{position:absolute;left:.7rem;bottom:.7rem;display:grid;gap:.35rem;pointer-events:auto}.tools button{padding:.4rem .8rem;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:#0e0802d9;color:var(--ink);font:inherit;font-size:.78rem;text-align:left}.tools button:hover{border-color:var(--amber)}#dpad{position:absolute;right:1.5rem;bottom:.8rem;display:none;grid-template-columns:repeat(2,4.1rem);grid-auto-rows:4.1rem;gap:.35rem;pointer-events:auto}#dpad button{border-radius:1rem;border:1px solid var(--line);background:#140c04cc;color:#ffe08a;font-size:1.5rem;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}#dpad button.on{background:var(--amber);color:#1a1208}#dpad button:nth-child(3){transform:translate(-.6rem)}#dpad button:nth-child(4){transform:translate(.6rem)}@media(pointer:coarse){#dpad{display:grid}}@media(max-width:560px){#hud{font-size:.78rem}.hunger{top:4.6rem}#banner{top:7.4rem}#hud-status{top:10.2rem}}@media(prefers-reduced-motion:reduce){#banner{animation:none}}