*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1a1408;color:#f4ead6;font-family:Georgia,Times New Roman,serif}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}.screen{position:absolute;inset:0;display:grid;place-content:center;overflow-y:auto;gap:.7rem;text-align:center;padding:1.5rem;z-index:5;background:radial-gradient(ellipse at center,#1a140899,#0e0a04e6)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#e8c43a}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em;color:#ffd23f}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1;color:#ffd23f}.lede{margin:0 auto;max-width:36rem;color:#ddd0b4;line-height:1.45}.hint{margin:0;font-size:.8rem;color:#c9bb96}.primary{justify-self:center;padding:.8rem 2rem;border-radius:999px;border:1px solid #d8b400;background:#d8b400;color:#2a1d00;font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:.06em;font-family:inherit}.primary:hover{background:#ffd23f}.ghost{padding:.8rem 1.4rem;border-radius:999px;border:1px solid #a99868;background:transparent;color:#f4ead6;font-weight:600;cursor:pointer;font-family:inherit}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffc233}.score-line{margin:0;font-weight:700;color:#fff1c4}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.6rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #6a5a30;background:#1a1408f2;color:#f4ead6;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#ffd23f;background:#3a2e0c;box-shadow:0 0 0 1px #ffd23f inset}.lv-name{font-weight:700}.lv-meta{font-size:.74rem;color:#ddd0b4}#hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:.4rem;padding:.7rem;background:linear-gradient(#0e0a04b3,#0e0a0400 22%)}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hud-top span{background:#0e0a04d1;border:1px solid #6a5a30;border-radius:999px;padding:.22rem .7rem;font-size:.82rem}#hud-jars{color:#ffd23f;font-weight:700}.hud-top span.hot{color:#ffb06a;border-color:#ff8a3c}#mute-btn{pointer-events:auto;background:#0e0a04d1;border:1px solid #a99868;color:#f4ead6;border-radius:999px;padding:.25rem .8rem;cursor:pointer;font-size:.8rem;font-family:inherit}.bars{display:grid;gap:4px}.bar{height:10px;border-radius:999px;border:1px solid #6a5a30;overflow:hidden;background:#0000008c}#heat-fill,#orders-fill{height:100%;width:0%;background:#ffd23f}#orders-fill{background:#7fc7ff}#surge-banner{position:absolute;top:5.4rem;left:50%;transform:translate(-50%);margin:0;max-width:92vw;padding:.4rem 1rem;border-radius:999px;background:#b03418f2;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.85rem;text-align:center;animation:warn .6s ease-in-out infinite alternate}#surge-banner[hidden]{display:none}@keyframes warn{to{transform:translate(-50%) scale(1.05)}}#hud-msg{position:absolute;top:8.3rem;left:0;right:0;margin:0;min-height:1.2rem;text-align:center;font-style:italic;font-size:1rem;color:#ffe9a0;text-shadow:0 1px 4px #000}.touch-controls{position:absolute;left:0;right:0;bottom:0;padding:.6rem .8rem calc(.8rem + env(safe-area-inset-bottom));pointer-events:auto;display:flex;gap:.75rem;justify-content:center}.touch-controls[hidden]{display:none}.touch-controls button{padding:1rem 1.3rem;border-radius:16px;border:1px solid #ffd23f;background:#d8b40040;color:#fff4cc;font-weight:700;font-size:1.05rem;cursor:pointer;touch-action:manipulation;font-family:inherit}#drop-btn{flex:1;max-width:16rem;background:#d8b400;color:#2a1d00;min-height:3.6rem}#quench-btn{border-color:#7fc7ff;background:#7fc7ff33}#quench-btn:disabled{opacity:.45}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,5,1,.5))}@media(prefers-reduced-motion:reduce){#surge-banner{animation:none}}@media(max-width:560px){#surge-banner{top:7rem;font-size:.78rem}#hud-msg{top:10.2rem}}@media(max-height:500px)and (orientation:landscape){.touch-controls{justify-content:space-between;padding:.4rem .8rem}.touch-controls button{padding:.6rem 1rem;min-height:0}#drop-btn{flex:0 1 11rem;min-height:3rem}#surge-banner{top:3.6rem}#hud-msg{top:6.2rem}}