*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b1a17;color:#e9f4ef;font-family:ui-sans-serif,system-ui,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;justify-items:center;gap:.85rem;text-align:center;padding:2rem;z-index:5;background:radial-gradient(ellipse at center,#0b1a17ad,#060e0cf0)}.screen[hidden],#hud[hidden],#touch-controls[hidden],#toast[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#6fd6c0}h1{margin:0;font-size:clamp(2.6rem,10vw,5.2rem);line-height:1;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.8rem,7vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:35rem;color:#b9d4c9}.rules{margin:0 auto;max-width:32rem;color:#8fb4a6;font-size:.9rem}.hint{margin:0;font-size:.78rem;color:#9fbdb0}.primary{padding:.75rem 1.8rem;border-radius:999px;border:1px solid #6fd6c0;background:#6fd6c0;color:#06231d;font-weight:700;font-size:1rem;cursor:pointer}.primary:hover{filter:brightness(1.1)}#hud{position:absolute;top:0;left:0;right:0;padding:.7rem 1rem;z-index:4;pointer-events:none}.hud-row{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-size:.82rem;font-weight:600;color:#dff4ef;text-shadow:0 1px 3px rgba(0,0,0,.7)}.meter{margin-top:.45rem;height:8px;border-radius:999px;background:#ffffff24;overflow:hidden}#integrity-fill{height:100%;width:100%;background:#6fd6c0;transition:width .2s linear}#integrity-fill.low{background:#e2a84e}#integrity-fill.critical{background:#e05f4e}#toast{position:absolute;left:50%;bottom:9rem;transform:translate(-50%);padding:.45rem 1.1rem;border-radius:999px;background:#060e0cd9;border:1px solid #6fd6c0;color:#e9f4ef;font-size:.85rem;z-index:6;pointer-events:none}@media(pointer:coarse){#toast{bottom:13rem}}#touch-controls{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom));z-index:4;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,3.1rem);grid-template-rows:repeat(3,3.1rem);gap:.25rem;pointer-events:auto}.dpad button,#btn-prune{border:1px solid rgba(255,255,255,.25);background:#0b1a17b3;color:#e9f4ef;border-radius:.7rem;font-size:1.05rem;cursor:pointer;touch-action:none}.dpad [data-dz="-1"]{grid-column:2}.dpad [data-dx="-1"]{grid-column:1;grid-row:2}.dpad [data-dz="1"]{grid-column:2;grid-row:3}.dpad [data-dx="1"]{grid-column:3;grid-row:2}#btn-prune{pointer-events:auto;padding:1rem 1.5rem;font-weight:800;letter-spacing:.06em;border-color:#6fd6c0}@media(prefers-reduced-motion:reduce){#integrity-fill{transition:none}}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.4rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.2);background:#0b1a17b3;color:#e9f4ef;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:#a9c7bb}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.ghost{padding:.75rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#e9f4ef;font-weight:600;cursor:pointer}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#f2c14e}.score-line{margin:0;font-weight:700;color:#dff4ef}.meter.boost{margin-top:.3rem;height:5px}#boost-fill{height:100%;background:#9fe8ff}#surge-banner{position:absolute;top:4.4rem;left:50%;transform:translate(-50%);margin:0;z-index:6;pointer-events:none;padding:.45rem 1.2rem;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff;background:#b25c28eb;border:1px solid #ffd45a;text-align:center;max-width:92vw}#surge-banner[data-kind=active]{background:#a0342cf0;animation:pulse .8s ease-in-out infinite alternate}#surge-banner[hidden]{display:none}@keyframes pulse{to{transform:translate(-50%) scale(1.04)}}#hud-combo{color:#ffd45a}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 55%,rgba(4,10,8,.45))}@media(prefers-reduced-motion:reduce){#surge-banner[data-kind=active]{animation:none}}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}