*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07090c;color:#e8eef0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%}.screen{position:absolute;inset:0;display:grid;place-content:center;z-index:5;gap:.7rem;text-align:center;padding:1.5rem;overflow-y:auto;background:radial-gradient(ellipse at center,#070e1280,#04080ae6)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#6fd6c0}h1,h2{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,6vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:36rem;color:#c3d0d6}.rules{margin:0 auto;max-width:36rem;font-size:.9rem;color:#c3d0d6}.rules strong{color:#f0d878}.hint{margin:0;font-size:.8rem;color:#a9b8c0}.primary,.ghost{justify-self:center;padding:.7rem 1.6rem;border-radius:999px;font:inherit;border:1px solid #6fd6c0;background:#6fd6c0;color:#05100e;font-weight:700;cursor:pointer}.ghost{background:transparent;color:#cfe8e2;border-color:#7a9a94;font-weight:600}button:focus-visible{outline:2px solid #f0d878;outline-offset:3px}#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 #2f4a52;background:#0a1a20cc;color:#e8eef0;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#6fd6c0;background:#6fd6c029;box-shadow:0 0 0 1px #6fd6c0 inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#e0ecef}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#f0c85a}.score-line{margin:0;font-weight:700}#hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hud-top span{background:#050c0fd1;border:1px solid #2f4a52;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;white-space:nowrap}.hud-top span.hot{color:#ffb08a;border-color:#e06a4a}.hud-top span.gold{color:#f0d878;border-color:#8a7a30}#mute-btn{pointer-events:auto;margin-left:auto;padding:.3rem .8rem;border-radius:999px;font-size:.8rem;border:1px solid #6fd6c0;background:#050c0fd1;color:#8fe6d2;cursor:pointer}.water-track{height:10px;background:#050c0fd9;border:1px solid #2f4a52;border-radius:999px;overflow:hidden}#water-fill{height:100%;width:0%;background:#4ab8d8;transition:width .2s linear}#water-fill.hot{background:#e06a4a}#hud-status{align-self:center;margin:.2rem 0;padding:.15rem .8rem;border-radius:999px;background:#050c0f8c;text-align:center;font-size:.9rem;color:#e4f0f2;text-shadow:0 1px 4px #000;min-height:1em}#banner{align-self:center;max-width:92vw;margin:.2rem 0 0;padding:.4rem 1rem;border-radius:999px;text-align:center;font-weight:700;font-size:.88rem;background:#963a1ef0;border:1px solid #f0d878;color:#fff;animation:pulse .7s ease-in-out infinite alternate}#banner.silt{background:#6e4a1ef2}#banner[hidden]{display:none}@keyframes pulse{to{transform:scale(1.04)}}.touch-controls{margin-top:auto;display:flex;gap:.6rem;justify-content:space-between;pointer-events:none}.touch-controls[hidden]{display:none}.touch-controls button{pointer-events:auto;padding:1rem 1.2rem;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;border:1px solid #6fd6c0;background:#050c0fb3;color:#e8f4f2;touch-action:none;user-select:none;-webkit-user-select:none}#sweep-btn{flex:1;border-color:#f0c85a;color:#f6dc8a}#pump-btn{border-color:#7fb8ff;color:#b0d2ff}#pump-btn:disabled{opacity:.45}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 58%,rgba(2,6,8,.5))}@media(prefers-reduced-motion:reduce){#banner{animation:none}#water-fill{transition:none}}