:root{--bg:#0e0e0e;--surface:#1c1c1c;--text:#f2f2f2;--muted:#a3a3a3;--lime:#d4f53c;--olive:#4d6b12}*{box-sizing:border-box}body,html{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.battle[data-v-7a4bea6c]{pointer-events:none;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0}.board[data-v-7a4bea6c]{color:var(--text);white-space:nowrap;background:#141414e0;border-radius:12px;gap:14px;padding:8px 14px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.board[data-v-7a4bea6c],.side[data-v-7a4bea6c]{align-items:center;display:flex}.side[data-v-7a4bea6c]{gap:10px}.who[data-v-7a4bea6c]{font-size:14px;font-weight:600}.you .who[data-v-7a4bea6c]{color:var(--lime)}.score[data-v-7a4bea6c]{font-variant-numeric:tabular-nums;min-width:52px;font-size:20px}.you .score[data-v-7a4bea6c]{text-align:right}.pips[data-v-7a4bea6c]{gap:4px;display:flex}.pips i[data-v-7a4bea6c]{border:1.5px solid #555;border-radius:50%;width:9px;height:9px}.pips i.on[data-v-7a4bea6c]{background:var(--lime);border-color:var(--lime);box-shadow:0 0 8px var(--lime)}.round[data-v-7a4bea6c]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 6px;font-size:12px}.banner[data-v-7a4bea6c]{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.banner span[data-v-7a4bea6c]{letter-spacing:-.03em;color:var(--text);text-shadow:0 4px 24px #0009;background:linear-gradient(transparent 55%,var(--olive) 55%,var(--olive) 92%,transparent 92%);padding:4px 14px;font-size:calc(clamp(40px,8vw,84px));font-weight:800;line-height:1}.banner.win span[data-v-7a4bea6c]{color:var(--lime)}.banner small[data-v-7a4bea6c]{color:var(--muted);font-size:16px}.pop-enter-active[data-v-7a4bea6c]{transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s}.pop-leave-active[data-v-7a4bea6c]{transition:opacity .15s}.pop-enter-from[data-v-7a4bea6c]{opacity:0;transform:translate(-50%)scale(.6)}.pop-leave-to[data-v-7a4bea6c]{opacity:0}.lane[data-v-7a4bea6c]{width:min(680px,100% - 32px);position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.track[data-v-7a4bea6c]{background:#141414e6;border:1px solid #2c2c2c;border-radius:14px;height:64px;position:relative;overflow:visible}.ring[data-v-7a4bea6c]{border:3px solid var(--lime);border-radius:50%;width:52px;height:52px;box-shadow:0 0 16px #d4f53c80}.note[data-v-7a4bea6c],.ring[data-v-7a4bea6c]{position:absolute;top:50%}.note[data-v-7a4bea6c]{color:#111;border-radius:10px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;transition:opacity .2s,transform .2s;display:grid;transform:translate(-50%,-50%)}.ke[data-v-7a4bea6c],.note.ke[data-v-7a4bea6c]{background:var(--lime)}.k1[data-v-7a4bea6c],.note.k1[data-v-7a4bea6c]{background:#f2f2f2}.k2[data-v-7a4bea6c],.note.k2[data-v-7a4bea6c]{background:#8fb23a}.k3[data-v-7a4bea6c],.note.k3[data-v-7a4bea6c]{background:#eaff9a}.k4[data-v-7a4bea6c],.note.k4[data-v-7a4bea6c]{background:#bdbdbd}.k5[data-v-7a4bea6c],.note.k5[data-v-7a4bea6c]{color:#f2f2f2;background:#6f8f22}.k6[data-v-7a4bea6c],.k7[data-v-7a4bea6c],.note.k6[data-v-7a4bea6c],.note.k7[data-v-7a4bea6c]{color:var(--lime);box-shadow:inset 0 0 0 2px var(--lime);background:#111}.note.k6[data-v-7a4bea6c],.note.k7[data-v-7a4bea6c]{width:48px;height:48px}.note.good[data-v-7a4bea6c],.note.perfect[data-v-7a4bea6c]{opacity:0;transform:translate(-50%,-50%)scale(1.5)}.note.miss[data-v-7a4bea6c]{color:#777;opacity:.5;background:#3a3a3a}.feedback[data-v-7a4bea6c]{white-space:nowrap;color:var(--text);font-size:22px;font-weight:800;position:absolute;bottom:74px;transform:translate(-50%)}.feedback.freeze[data-v-7a4bea6c],.feedback.perfect[data-v-7a4bea6c]{color:var(--lime)}.feedback.miss[data-v-7a4bea6c]{color:#8a8a8a}.feedback em[data-v-7a4bea6c]{color:var(--text);font-size:16px;font-style:normal}.fb-enter-active[data-v-7a4bea6c]{transition:transform .2s,opacity .2s}.fb-leave-active[data-v-7a4bea6c]{transition:opacity .3s}.fb-enter-from[data-v-7a4bea6c]{opacity:0;transform:translate(-50%)translateY(8px)scale(.8)}.fb-leave-to[data-v-7a4bea6c]{opacity:0}.legend[data-v-7a4bea6c]{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.legend b[data-v-7a4bea6c]{color:#111;border-radius:6px;place-items:center;width:22px;height:22px;margin-right:4px;font-size:12px;display:inline-grid}.legend.dim[data-v-7a4bea6c]{opacity:.7;margin-top:6px;font-size:12px}.quit[data-v-7a4bea6c]{pointer-events:auto;color:var(--muted);cursor:pointer;background:#1c1c1ce6;border:0;border-radius:10px;padding:8px 12px;font:500 13px Inter,sans-serif;position:absolute;top:22px;right:20px}.quit[data-v-7a4bea6c]:hover{color:var(--text)}.joy[data-v-18e8440f]{touch-action:none;background:#1c1c1cb3;border:1px solid #2c2c2c;width:120px;height:120px;position:fixed;bottom:28px;left:28px}.joy[data-v-18e8440f],.knob[data-v-18e8440f]{border-radius:50%}.knob[data-v-18e8440f]{background:var(--lime);width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.hud[data-v-f43fc1f9],.stage[data-v-f43fc1f9]{position:fixed;inset:0}.stage[data-v-f43fc1f9] canvas{touch-action:none;display:block}.hud[data-v-f43fc1f9],.moves[data-v-f43fc1f9]{pointer-events:none}.top[data-v-f43fc1f9]{justify-content:space-between;gap:12px;position:absolute;top:20px;left:20px;right:20px}.brand[data-v-f43fc1f9],.top[data-v-f43fc1f9]{align-items:center;display:flex}.brand[data-v-f43fc1f9]{letter-spacing:-.02em;gap:10px;font-size:20px;font-weight:700}.mark[data-v-f43fc1f9]{background:var(--lime);color:#111;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;font-weight:800;display:grid}.hl[data-v-f43fc1f9]{z-index:0;position:relative}.hl[data-v-f43fc1f9]:before{content:"";background:var(--olive);z-index:-1;border-radius:3px;position:absolute;inset:3px -2px 1px;transform:skew(-8deg)rotate(-1deg)}.pill[data-v-f43fc1f9]{background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.pills[data-v-f43fc1f9]{gap:8px;display:flex}.pill.area[data-v-f43fc1f9]{color:var(--muted)}.zoom[data-v-f43fc1f9]{background:var(--surface);border-radius:10px;flex-direction:column;display:flex;position:fixed;top:50%;right:20px;overflow:hidden;transform:translateY(-50%)}.zoom button[data-v-f43fc1f9]{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;font:600 20px Inter,sans-serif}.zoom button+button[data-v-f43fc1f9]{border-top:1px solid #2c2c2c}.zoom button[data-v-f43fc1f9]:hover{color:var(--lime);background:#262626}.moves[data-v-f43fc1f9]{color:var(--muted);background:#141414cc;border-radius:12px;flex-direction:column;gap:4px;padding:10px;font-size:12.5px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.moves-title[data-v-f43fc1f9]{text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:2px;font-size:11px}.move[data-v-f43fc1f9]{align-items:center;gap:8px;display:flex}.move b[data-v-f43fc1f9]{background:var(--lime);color:#111;border-radius:6px;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}.move.freeze b[data-v-f43fc1f9]{color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--lime);background:#111}@media (hover:none) and (pointer:coarse){.moves[data-v-f43fc1f9]{display:none}}.challenge[data-v-f43fc1f9]{pointer-events:auto;background:var(--lime);color:#111;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font:700 16px Inter,sans-serif;animation:1.4s ease-in-out infinite nudge-f43fc1f9;display:inline-flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #d4f53c59}.challenge b[data-v-f43fc1f9]{color:var(--lime);background:#111;border-radius:6px;padding:2px 8px;font-size:13px}@keyframes nudge-f43fc1f9{50%{transform:translate(-50%)translateY(-3px)}}.fade[data-v-f43fc1f9]{pointer-events:none;background:#000;position:fixed;inset:0}.dot[data-v-f43fc1f9]{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.keys[data-v-f43fc1f9]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.key[data-v-f43fc1f9]{color:var(--muted);background:#1c1c1cd9;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.key b[data-v-f43fc1f9]{border-radius:6px;padding:2px 7px;font-size:12px}.key b[data-v-f43fc1f9],.toast[data-v-f43fc1f9]{color:#111;background:var(--lime);font-weight:600}.toast[data-v-f43fc1f9]{opacity:0;border-radius:10px;padding:8px 14px;font-size:14px;transition:opacity .25s,transform .25s;position:absolute;top:76px;left:50%;transform:translate(-50%)translateY(-8px)}.toast.show[data-v-f43fc1f9]{opacity:1;transform:translate(-50%)translateY(0)}.touch[data-v-f43fc1f9]{display:none}.tbtns[data-v-f43fc1f9]{align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:32px;right:24px}.tbtns .grid[data-v-f43fc1f9]{grid-template-columns:repeat(4,54px);gap:6px;display:grid}.tbtns button[data-v-f43fc1f9]{background:var(--lime);color:#111;touch-action:none;border:0;border-radius:50%;width:64px;height:64px;font:600 13px Inter,sans-serif}.tbtns button.alt[data-v-f43fc1f9]{background:var(--surface);color:var(--text)}.tbtns button.small[data-v-f43fc1f9]{border-radius:10px;width:54px;height:40px;padding:0 2px;font-size:10px;line-height:1.1}@media (hover:none) and (pointer:coarse){.touch[data-v-f43fc1f9]{display:block}.keys[data-v-f43fc1f9]{display:none}}