:root{--ink:#eafff8;--mute:#8fc2b6;--turquoise:#3ef2e0;--coral:#ff7d4d;--rose:#ff6fcf;--panel:#031e228c;--font:"Fredoka", "Nunito", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#010d10;margin:0;overflow:hidden}#app{position:fixed;inset:0}#stage{touch-action:none;transition:opacity .35s;position:absolute;inset:0}#stage.fading{opacity:0}#stage canvas{display:block}#hud-top{top:calc(env(safe-area-inset-top,0px) + 18px);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;max-width:480px;margin:0 auto;padding-inline:20px;display:flex;position:absolute;left:0;right:0}.level{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-size:12px}h1{letter-spacing:-.01em;margin:2px 0 0;font-size:26px;font-weight:600}#levels{pointer-events:auto;gap:2px;margin:6px 0 0 -10px;display:flex}#levels button{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}#levels button:before{content:"";border:1.5px solid #8fc2b699;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}#levels button.done:before{background:#ff7d4dcc;border-color:#ff7d4dcc}#levels button[aria-current=step]:before{border-color:var(--turquoise);box-shadow:0 0 8px var(--turquoise);transform:scale(1.35)}.energy{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;border:1px solid #ff7d4d59;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;display:flex}.pips{gap:5px;display:flex}.pip{border:1.5px solid var(--coral);border-radius:50%;width:10px;height:10px;transition:background .5s,box-shadow .5s}.pip.on{background:var(--coral);box-shadow:0 0 10px var(--coral)}#hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 100px);text-align:center;max-width:360px;color:var(--mute);pointer-events:none;margin:0 auto;padding-inline:20px;font-size:15px;line-height:1.45;transition:opacity .6s;position:absolute}#hint.off{opacity:0}#victory{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28082099;border:1px solid #ff6fcf80;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;max-width:420px;margin:0 auto;padding:16px 16px 16px 20px;animation:.6s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:absolute}#victory strong{font-size:18px;font-weight:600;display:block}#victory span{color:#d9b3cf;font-size:14px}#victory button{background:var(--rose);color:#2a0620;height:44px;font:600 16px var(--font);cursor:pointer;border:0;border-radius:999px;padding:0 22px}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}#hud-bottom{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);pointer-events:none;justify-content:center;gap:20px;display:flex;position:absolute}#hud-bottom button{pointer-events:auto;background:var(--panel);width:52px;height:52px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border:1px solid #3ef2e04d;border-radius:50%;place-items:center;transition:transform .15s;display:grid}#hud-bottom button:active{transform:scale(.92)}button:focus-visible{outline:2px solid var(--turquoise);outline-offset:3px}#sound[aria-pressed=true] .off,#sound[aria-pressed=false] .on{display:none}@media (prefers-reduced-motion:reduce){#victory{animation:none}}