*{box-sizing:border-box}html,body{margin:0;height:100%;background:#14382b;color:#eef6ef;font-family:system-ui,sans-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;gap:.75rem;text-align:center;padding:2rem 1.2rem;z-index:10;overflow:auto;background:radial-gradient(ellipse at center,#081e1699,#04100cdb)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#ffd23f}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:34rem;color:#d4e8d9}.how{margin:0 auto;max-width:36rem;color:#c3dccb;font-size:.9rem}.primary{justify-self:center;padding:.75rem 1.7rem;border-radius:999px;border:1px solid #ffd23f;background:#ffd23f;color:#102a1e;font-weight:700;font-size:1rem;cursor:pointer}.ghost{padding:.75rem 1.4rem;border-radius:999px;border:1px solid #8fb39c;background:transparent;color:#eef6ef;font-weight:600;cursor:pointer}.hint{margin:0;font-size:.8rem;color:#b4d0bd}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffd23f}.score-line{margin:0;font-weight:700}button:focus-visible{outline:2px solid #ffe27a;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 #3d6a53;background:#0a2218cc;color:#f0f8f1;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#ffd23f;background:#ffd23f29;box-shadow:0 0 0 1px #ffd23f inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#c4dccb}#hud{position:absolute;inset:0;pointer-events:none;z-index:5;display:flex;flex-direction:column;gap:.4rem;padding:.6rem}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hud-top span{background:#061610d1;border:1px solid #2f5d48;border-radius:999px;padding:.22rem .65rem;font-size:.8rem}.hud-top span.hot{color:#ffb86b;border-color:#ffb86b}.hud-top span.good{color:#ffe27a;border-color:#ffd23f}#mute-btn{pointer-events:auto;margin-left:auto;padding:.3rem .8rem;border-radius:999px;border:1px solid #ffd23f;background:#061610d1;color:#ffe27a;cursor:pointer;font-size:.8rem}.tide-track{height:10px;border-radius:5px;background:#061610d1;border:1px solid #2f5d48;overflow:hidden}#tide-fill{height:100%;width:0;background:#59b6d6}#banner{align-self:center;margin:0;padding:.4rem 1rem;border-radius:999px;background:#8c2414f0;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.85rem;text-align:center;max-width:94vw;animation:pulse .7s ease-in-out infinite alternate}#banner[hidden]{display:none}#banner.surge{background:#a0480af2}@keyframes pulse{to{transform:scale(1.04)}}#hud-status{margin:0;text-align:center;font-size:.85rem;color:#ffe9a8;text-shadow:0 1px 3px #000;min-height:1.2em}#pop{position:absolute;left:50%;top:34%;margin:0;transform:translate(-50%);font-weight:800;font-size:1.5rem;color:#ffe27a;text-shadow:0 2px 6px #000;opacity:0}#pop.show{animation:pop .8s ease-out}@keyframes pop{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-34px)}}#pointer{position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;margin:-1.2rem;border-radius:50%;background:#ffd23ff2;color:#102a1e;display:grid;place-items:center;font-weight:900;font-size:1rem}#pointer[hidden]{display:none}.touch-controls{position:absolute;left:.8rem;right:.8rem;bottom:calc(.8rem + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls[hidden]{display:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,58px);gap:4px}.dpad button{border-radius:12px;border:1px solid #ffd23f;background:#061610c7;color:#fff;font-size:1.3rem}.dpad [data-dir=U]{grid-column:2}.dpad [data-dir=L]{grid-row:2;grid-column:1}.dpad [data-dir=D]{grid-row:2;grid-column:2}.dpad [data-dir=R]{grid-row:2;grid-column:3}.acts{display:grid;gap:.5rem;justify-items:end}.acts button{padding:.9rem 1.2rem;border-radius:16px;border:1px solid #ffd23f;background:#061610c7;color:#ffe9a8;font-weight:800;font-size:1rem}.acts #act-btn{min-width:8.5rem;min-height:4.4rem;background:#ffd23f;color:#102a1e}.acts #scare-btn:disabled{opacity:.45}@media(prefers-reduced-motion:reduce){#banner{animation:none}#pop.show{animation:none;opacity:1}}