*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b2a3a;color:#eef4f6;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}.screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.7rem;text-align:center;padding:1.5rem;z-index:10;overflow-y:auto;background:radial-gradient(ellipse at center,#05141ca8,#051016e6)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.72rem;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:36rem;color:#d3e1e7}.rules{margin:0 auto;max-width:36rem;font-size:.92rem;color:#c3d4db}.hint{margin:0;font-size:.8rem;color:#a9c2cc;max-width:36rem}.primary{padding:.75rem 1.7rem;border-radius:999px;border:1px solid #ffd23f;background:#ffd23f;color:#05100e;font:inherit;font-weight:700;cursor:pointer}.ghost{padding:.75rem 1.4rem;border-radius:999px;border:1px solid #7fa3b2;background:transparent;color:#eef4f6;font:inherit;font-weight:600;cursor:pointer}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2.2rem;letter-spacing:.25em;color:#ffc94a}.score-line{margin:0;font-weight:700}button:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.8rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #3a6376;background:#081c26d1;color:#eef4f6;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:.74rem;color:#c3d4db}#hud{position:absolute;inset:0;pointer-events:none;z-index:4;padding:max(.6rem,env(safe-area-inset-top)) .7rem .7rem;display:flex;flex-direction:column;gap:.4rem}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center;font-size:.82rem;font-weight:600}.hud-top span,.hud-top button{background:#05141cd6;border:1px solid #335b6d;border-radius:999px;padding:.28rem .7rem;color:#eef4f6;font:inherit}.hud-top button{pointer-events:auto;cursor:pointer}.hud-top span.hot{color:#ffd23f;border-color:#ffd23f}.meters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:34rem;width:100%;margin:0 auto}.meter{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;background:#05141cd6;border:1px solid #335b6d;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:600}.meter b{min-width:2.4em;text-align:right;font-variant-numeric:tabular-nums}.bar{height:.55rem;background:#14323f;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#5fd0e0;transition:width .12s linear}.alert .bar i{background:#ffd23f}.meter.danger{border-color:#ff7a8c}.meter.danger .bar i{background:#ff6b81}#wave-banner{margin:0 auto;padding:.4rem 1rem;border-radius:999px;background:#a01830f0;border:1px solid #ffd23f;color:#fff;font-weight:700;font-size:.85rem;text-align:center;max-width:92vw;animation:pulse .7s ease-in-out infinite alternate}#wave-banner[hidden]{display:none}@keyframes pulse{to{transform:scale(1.04)}}#hud-status{margin:0;text-align:center;font-size:.88rem;font-weight:700;color:#ffe27a;text-shadow:0 1px 4px #000,0 0 2px #000;min-height:1.2em}.touch-controls{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;padding-bottom:max(.3rem,env(safe-area-inset-bottom))}.touch-controls[hidden]{display:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;font:inherit;font-weight:700}.dpad{display:grid;grid-template-columns:repeat(3,3.6rem);grid-template-rows:repeat(2,3.6rem);gap:.3rem}.dpad button{border-radius:14px;border:2px solid #8fd0e0;background:#05141cb8;color:#dff4fa;font-size:1.3rem}#up-btn{grid-column:2;grid-row:1}#left-btn{grid-column:1;grid-row:2}#down-btn{grid-column:2;grid-row:2}#right-btn{grid-column:3;grid-row:2}.actions{display:flex;gap:.6rem;align-items:flex-end}.actions button{border-radius:50%;background:#05141cb8}#plant-btn{width:6rem;height:6rem;border:3px solid #ff8aa5;color:#ffc0cf;font-size:1rem}#dash-btn{width:4.2rem;height:4.2rem;border:2px solid #ffd23f;color:#ffd23f;font-size:.8rem}#dash-btn:disabled{opacity:.4}.touch-controls button.down{background:#ffd23f47}#mute-btn:focus-visible,#pause-btn:focus-visible{outline:3px solid #ffd23f}@media(prefers-reduced-motion:reduce){#wave-banner{animation:none}.bar i{transition:none}}@media(max-width:520px){.hud-top{font-size:.74rem;gap:.3rem}.hud-top span,.hud-top button{padding:.22rem .55rem}}