:root{--bg: #0d241d;--ink: #f1f8ee;--soft: #cfe3d4;--accent: #8fe0b0;--water: #5fd0f0;--gold: #ffd45a;--panel: rgba(8, 26, 21, .82);--line: #3f7a62}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe 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;gap:.7rem;text-align:center;padding:1.5rem;overflow-y:auto;z-index:6;background:radial-gradient(ellipse at center,#0a201ab8,#05100df2)}.screen[hidden],#hud[hidden],.touch-controls[hidden],#gust-banner[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}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:var(--soft)}.how{margin:0 auto;max-width:40rem;font-size:.88rem;line-height:1.45;color:var(--soft)}.how strong{color:var(--ink)}.hint{margin:0;font-size:.8rem;color:#b6cfbd;max-width:38rem;justify-self:center}.primary{justify-self:center;padding:.75rem 1.8rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#082015;font:inherit;font-weight:700;cursor:pointer}.ghost{padding:.75rem 1.4rem;border-radius:999px;border:1px solid #8fb09c;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}button:focus-visible{outline:2px solid var(--gold);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 var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:var(--accent);background:#8fe0b02e;box-shadow:0 0 0 1px var(--accent) inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#cfe3d4}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:var(--gold)}.score-line{margin:0;font-weight:700}#hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.4rem;padding:.6rem;padding-top:max(.6rem,env(safe-area-inset-top))}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem .45rem;align-items:center}.pill,.meter{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.22rem .7rem;font-size:.8rem;font-weight:600;white-space:nowrap}.meter{min-width:8.2rem}.meter i{position:absolute;inset:0 auto 0 0;width:0;background:#5fd0f066;transition:width .15s}.meter b{position:relative;font-weight:600}#m-sun i{background:#ffbe4673}#m-bucket i{background:#7fe0a866}.meter.hot{border-color:#ff8a5a}.pill.on{border-color:var(--gold);color:#fff3c0}#mute-btn{pointer-events:auto;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--accent);background:var(--panel);color:var(--accent);cursor:pointer;font:inherit;font-size:.8rem}#gust-banner{justify-self:center;max-width:94vw;margin:0;padding:.4rem 1rem;border-radius:999px;background:#a02818f0;border:1px solid var(--gold);color:#fff;font-weight:700;font-size:.85rem;text-align:center;animation:gust .7s ease-in-out infinite alternate}@keyframes gust{to{transform:scale(1.03)}}#message{align-self:start;margin:.2rem auto 0;padding:.15rem .7rem;border-radius:999px;font-size:.82rem;color:#e8fbe8;background:#081a158c;text-align:center;max-width:94vw}#message:empty{display:none}#popup{position:absolute;left:0;right:0;top:38%;margin:0;text-align:center;font-size:1.6rem;font-weight:800;color:#fff3c0;text-shadow:0 2px 6px #000a;opacity:0}#popup.show{animation:pop 1.1s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-34px) scale(1)}}.touch-controls{grid-row:5;pointer-events:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;padding-bottom:max(.3rem,env(safe-area-inset-bottom))}.pad{display:flex;gap:.6rem}.touch-controls button{min-width:4.2rem;min-height:4rem;padding:.8rem 1rem;border-radius:16px;border:1px solid #9ad8b5;background:#081a15c7;color:var(--ink);font:inherit;font-weight:800;font-size:1rem;touch-action:none;user-select:none;-webkit-user-select:none}#btn-tip{background:#5fd0f0;border-color:#5fd0f0;color:#04222b}#btn-shade{border-color:var(--gold);color:#fff3c0}#btn-shade:disabled{opacity:.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 60%,rgba(4,14,10,.4))}@media(prefers-reduced-motion:reduce){#gust-banner{animation:none}#popup.show{animation:none;opacity:1}}@media(max-width:520px){.meter{min-width:7rem}}