:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0914;--panel:#151126;--line:#2c2547;--text:#f0ecff;--muted:#9d97bb;--pink:#ff4d8d;--cyan:#3ee6ff;--gold:#ffd23d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fx{pointer-events:none;opacity:0;position:absolute;inset:0}#fx-build{background:radial-gradient(#0000 45%,#ff4d8d59 100%)}#fx-edge{box-shadow:inset 0 0 0 3px #ff4d8db3,inset 0 0 40px #ff4d8d59}#fx-hurt{background:radial-gradient(#0000 50%,#ff284673 100%)}#hud{pointer-events:none;padding:calc(var(--safe-top) + 10px) 14px 0;position:absolute;inset:0}#hud[hidden],.screen[hidden],#joystick[hidden]{display:none}.xp{top:var(--safe-top);background:#3ee6ff1f;height:4px;position:absolute;left:0;right:0}#xp-fill{background:var(--cyan);height:100%;box-shadow:0 0 8px var(--cyan);transform-origin:0;transform:scaleX(0)}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;margin-top:6px;display:grid}.meters{gap:6px;display:grid}.meter{background:#221c38;border-radius:5px;width:min(128px,34vw);height:9px;position:relative;overflow:hidden}.meter>div{transform-origin:0;position:absolute;inset:0}#hp-fill{background:linear-gradient(90deg,#ff3b6b,#ff6f91)}#hype-fill{background:linear-gradient(90deg, var(--pink), var(--gold));transform:scaleX(0)}.hype span{letter-spacing:.06em;color:#ffffffbf;font-size:8px;font-weight:700;position:absolute;top:-1px;right:5px}.hype.full{animation:.5s ease-in-out infinite alternate hype-pulse}@keyframes hype-pulse{0%{box-shadow:0 0 #ffd23d00}to{box-shadow:0 0 12px #ffd23de6}}.clock{justify-items:center;line-height:1.1;display:grid}#timer{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #000c;font-size:22px;font-weight:800}#section{color:var(--muted);font-size:12px}.pause{pointer-events:auto;border:1px solid var(--line);cursor:pointer;background:#151126cc;border-radius:12px;justify-content:center;justify-self:end;align-items:center;gap:5px;width:44px;height:44px;display:flex}.pause i{background:var(--text);border-radius:2px;width:4px;height:14px}#level{color:var(--cyan);margin-top:6px;font-size:12px;font-weight:700}#band{flex-wrap:wrap;gap:5px;max-width:70%;margin-top:6px;display:flex}#band .chip{border:1px solid color-mix(in srgb, var(--c) 50%, transparent);color:var(--c);background:#151126b8;border-radius:8px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}#band .chip.pedal{border-style:dashed}#band b,.card-pips{gap:3px;display:inline-flex}#band i,.card-pips i{background:#ffffff2e;border-radius:50%;width:5px;height:5px}#band i.on,.card-pips i.on{background:var(--c)}#banner{text-align:center;color:var(--pink);text-shadow:0 0 24px #ff4d8dcc;opacity:0;font-size:44px;font-weight:900;position:absolute;top:32%;left:0;right:0}#resume-hint{left:0;right:0;bottom:calc(var(--safe-bottom) + 22%);text-align:center;color:var(--text);text-shadow:0 0 12px #0b0914e6;font-size:18px;font-weight:700;animation:1.2s ease-in-out infinite alternate hint;position:absolute}#resume-hint[hidden]{display:none}@keyframes hint{0%{opacity:.45}to{opacity:1}}#banner.show{animation:1.6s ease-out banner}@keyframes banner{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}to{opacity:0;transform:scale(1.04)}}#joystick{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}#joystick.coasting{opacity:0;transition:opacity var(--coast,.35s) ease-in}#joystick .base,#joystick .knob{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}#joystick .base{width:calc(2 * var(--ring,64px));height:calc(2 * var(--ring,64px));background:#f0ecff0d;border:2px solid #f0ecff4d;box-shadow:0 0 14px #f0ecff14}#joystick .knob{width:40px;height:40px;transform:translate(calc(-50% + var(--knob-x,0px)), calc(-50% + var(--knob-y,0px)));background:#f0ecff47}#debug{left:8px;bottom:calc(var(--safe-bottom) + 8px);color:#b8b2d6;pointer-events:none;background:#0b0914bf;border-radius:8px;margin:0;padding:6px 8px;font-size:11px;line-height:1.45;position:absolute}#debug[hidden]{display:none}.screen{padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);background:#0b0914d6;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.panel{text-align:center;gap:14px;width:100%;max-width:360px;display:grid}.panel.wide{max-width:440px}.panel h1,.panel h2{margin:0;line-height:1.15}.panel h1{font-size:30px}.panel h2{font-size:24px}.panel p{color:var(--muted);margin:0;line-height:1.5}.eyebrow{letter-spacing:.04em;font-size:13px;font-weight:700;color:var(--pink)!important}.hint{font-size:13px}.link{color:var(--muted);font-size:13px}.panel button{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:14px;font-size:16px;font-weight:700}.panel button.primary{background:var(--pink);color:#1a0710;border:0;min-height:54px;font-size:18px}#cards{gap:10px;display:grid}#cards .card{text-align:left;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 14%, var(--panel)), var(--panel) 60%);border-radius:16px;gap:6px;min-height:92px;padding:14px 16px;transition:opacity .15s;display:grid}#cards .card:disabled{opacity:.55}.card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.card-name{color:var(--c);font-size:18px;font-weight:800}.card-tag{color:var(--muted);font-size:12px;font-weight:600}.card-text{color:var(--text);font-size:14px;font-weight:500;line-height:1.4}.setting{color:var(--muted);text-align:left;align-items:center;gap:10px;font-size:14px;display:flex}.setting span{min-width:92px}.setting input[type=range]{accent-color:var(--pink);flex:1}.setting output{text-align:right;font-variant-numeric:tabular-nums;min-width:52px}.setting.toggle input{width:20px;height:20px;accent-color:var(--pink)}#levels{gap:10px;display:grid}.panel button.level,.level.soon{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;gap:4px;padding:12px 16px;font-weight:500;display:grid}.panel button.level.primary{border:1px solid var(--pink);background:linear-gradient(135deg, color-mix(in srgb, var(--pink) 22%, var(--panel)), var(--panel) 70%);color:var(--text);box-shadow:0 0 18px #ff4d8d40}.panel button.level:disabled{cursor:default;opacity:.55}.level.soon{opacity:.5;border-style:dashed;padding:10px 16px}.level-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.level-num{color:var(--pink);letter-spacing:.04em;font-size:13px;font-weight:700}.level-state{color:var(--muted);font-size:12px;font-weight:600}.level-name{font-size:20px;font-weight:800}.level-text{color:var(--muted);font-size:13px;line-height:1.4}.panel p.unlock{color:var(--gold);font-size:16px;font-weight:800}.panel [hidden]{display:none}#over-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;display:grid}#over-stats div{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:10px}#over-stats div:last-child:nth-child(odd){grid-column:span 2}#over-stats dt{color:var(--muted);font-size:12px}#over-stats dd{margin:2px 0 0;font-size:22px;font-weight:800}#over-band{font-size:14px}