/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-lg:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-50{top:calc(var(--spacing) * 50)}.block{display:block}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#0e0f12;--bg-elevated:#16181d;--bg-inset:#0a0b0d;--fg:#e6e7eb;--fg-dim:#6c7280;--fg-mute:#3a3f48;--correct:#e6e7eb;--wrong:#ff5e6b;--wrong-bg:#3a1519;--caret:#ffb020;--accent:#ffb020;--accent-soft:#ffb02033;--combo-low:#ffb020;--combo-mid:#ffd166;--combo-high:#7df9a8;--combo-peak:#b8f9d4;--pb-gold:#f4ce5c;--focus-ring:#ffb02088;--opponent:#e74c3c;--opponent-dim:#e74c3c66;--hairline:#1f2229;--hairline-hi:#2a2e36;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:36px;--text-3xl:48px;--text-4xl:64px;--text-5xl:96px;--text-logo:88px;--lh-tight:1.1;--lh-type:1.5;--lh-body:1.6;--ls-tight:-.01em;--ls-type:0em;--ls-caps:.08em;--dur-instant:80ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--dur-luxe:.6s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-snap:cubic-bezier(.5, 1.6, .4, 1);--ease-celebrate:cubic-bezier(.16, 1, .3, 1);--font-type:"Geist Mono", "JetBrains Mono", "SF Mono", Menlo, ui-monospace, monospace;--font-ui:"Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media(prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-luxe:0s;--ease-snap:linear;--ease-celebrate:linear}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.typer{font-family:var(--font-type);font-size:var(--text-2xl);font-feature-settings:"calt" off,"liga" off,"zero" on;color:var(--fg-dim);white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;width:100%;max-width:min(1040px,88vw);height:162px;padding:0 var(--space-8);caret-color:#0000;-webkit-user-select:none;user-select:none;font-weight:500;line-height:54px;position:relative;overflow:hidden}.arena-typer-wrap .typer{max-width:100%;height:126px;padding:0;font-size:28px;line-height:42px}.typer-word{display:inline-block}.typer-space{display:inline}.char--pending{color:var(--fg-dim)}.char--active-pending{color:var(--fg)}.char--correct{color:var(--correct)}.char--wrong{color:var(--wrong);background:var(--wrong-bg);border-radius:2px}@keyframes caret-pulse{0%,to{opacity:1}50%{opacity:.35}}.caret{background:var(--caret);width:1ch;height:2px;box-shadow:0 0 12px var(--accent-soft);pointer-events:none;transition:transform var(--dur-instant) var(--ease-snap);will-change:transform;border-radius:1px;position:absolute;top:0;left:0}.caret--idle{animation:1.1s ease-in-out infinite caret-pulse}.caret--active{opacity:1;animation:none}@media(prefers-reduced-motion:reduce){.caret{transition:none}.caret--idle{opacity:1;animation:none}}.hud-track{width:min(1040px,88vw);padding:0 var(--space-8)}.progress-bar{background:var(--hairline);border-radius:1px;width:100%;height:2px;overflow:hidden}.progress-fill{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform 80ms linear,background-color .24s linear;transform:scaleX(0)}.stats-row{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);margin-top:var(--space-3);justify-content:space-between;align-items:center;font-weight:500;display:flex}.stat-item{align-items:baseline;gap:4px;display:inline-flex}.stat-value{color:var(--fg)}.stat-sep{color:var(--fg-mute);margin:0 var(--space-3)}.microcopy{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;text-align:center;margin-top:var(--space-12)}.combo{font-family:var(--font-type);color:var(--combo-low);will-change:transform,opacity;font-size:16px;font-weight:500;display:inline-block}.combo--mid{color:var(--combo-mid)}.combo--high{color:var(--combo-high)}.combo--peak{color:var(--combo-peak)}.results-card{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:min(640px,88vw);padding:var(--space-10);transition:border-color var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out)}.results-card--pb{border-color:var(--pb-gold);box-shadow:0 0 48px -8px #f4ce5c66}.results-wpm{font-family:var(--font-type);font-size:var(--text-4xl);letter-spacing:var(--ls-tight);color:var(--fg);font-variant-numeric:tabular-nums;transition:color .4s var(--ease-out);font-weight:500;line-height:1}.results-wpm--pb{color:var(--pb-gold)}.results-wpm-label{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-dim);margin-top:4px;font-weight:500}.results-secondary{align-items:baseline;gap:var(--space-6);margin-top:var(--space-6);font-family:var(--font-type);color:var(--fg);font-variant-numeric:tabular-nums;font-size:18px;font-weight:450;display:flex}.results-secondary-label{color:var(--fg-dim);margin-left:4px;font-size:14px}.pb-badge{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--pb-gold);margin-bottom:var(--space-3);font-weight:600}.cta-row{margin-top:var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.cta-retry{font-family:var(--font-ui);font-size:var(--text-md);letter-spacing:.04em;text-transform:lowercase;color:var(--bg);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-weight:500;transition:background-color .12s,transform 80ms}.cta-retry:hover{background:#ffc244}.cta-retry:active{transform:scale(.97)}.cta-retry:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cta-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase}.particle{background:var(--pb-gold);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.app{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-8);flex-direction:column;display:flex;position:relative}.app-stage{flex-direction:column;align-items:center;display:flex}.mode-picker{gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;margin-top:var(--space-4);width:min(1040px,88vw);padding:0 var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.mode-pill{color:var(--fg-dim);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:none;padding:6px 10px}.mode-pill:hover{color:var(--fg)}.mode-pill--active{color:var(--fg);background:var(--hairline)}.mode-pill:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.settings-bar{top:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:20;display:flex;position:fixed}.settings-toggle{border:1px solid var(--hairline);color:var(--fg-dim);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast);background:0 0;padding:6px 10px}.settings-toggle:hover,.settings-toggle--on{color:var(--fg);border-color:var(--hairline-hi)}.settings-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.opponent-bar{width:min(1040px,88vw);padding:0 var(--space-8);gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.opp-row{align-items:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:lowercase;grid-template-columns:96px 1fr 32px;display:grid}.opp-name{color:var(--fg-dim);text-align:right}.opp-score{color:var(--fg);font-variant-numeric:tabular-nums}.opp-track{background:var(--hairline);border-radius:2px;height:3px;overflow:hidden}.opp-fill{transform-origin:0;width:100%;height:100%;transition:transform 80ms linear;transform:scaleX(0)}.opp-fill--me{background:var(--accent)}.opp-fill--them{background:var(--combo-high)}.mp-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);background:#0e0f12e0;flex-direction:column;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.mp-headline{font-family:var(--font-type);font-size:var(--text-3xl);color:var(--fg);letter-spacing:var(--ls-tight);font-weight:500}.mp-status--countdown .mp-headline{font-size:var(--text-5xl);color:var(--accent)}.mp-status--round-over .mp-headline{color:var(--pb-gold)}.mp-sub{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;max-width:520px}.bot-picker{align-items:center;gap:var(--space-4);padding:var(--space-8);flex-direction:column;width:min(900px,92vw);display:flex}.bot-picker-title{font-family:var(--font-type);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-weight:500}.bot-picker-sub{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;margin-bottom:var(--space-4)}.bot-cards{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.bot-card{align-items:center;gap:var(--space-2);width:160px;min-height:192px;padding:var(--space-6);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;font:inherit;transition:border-color var(--dur-fast) var(--ease-out),transform 80ms var(--ease-out),background-color var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;display:flex}.bot-card:hover:not(:disabled){border-color:var(--accent);transform:scale(1.02)}.bot-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--accent)}.bot-card--locked{opacity:.45;cursor:not-allowed}.bot-card--beaten{border-color:var(--hairline-hi)}.bot-glyph{font-family:var(--font-type);color:var(--fg);font-size:56px;line-height:1}.bot-card--locked .bot-glyph{color:var(--fg-dim)}.bot-name{font-family:var(--font-type);color:var(--fg);font-size:16px;font-weight:500}.bot-wpm{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;font-variant-numeric:tabular-nums;font-size:12px}.bot-tier{margin-top:var(--space-1);align-items:center;gap:4px;display:flex}.tier-dot{background:var(--hairline);border-radius:50%;width:6px;height:6px}.tier-dot--on{background:var(--accent)}.tier-inf{font-family:var(--font-type);color:var(--accent);margin-left:4px;font-size:10px}.bot-picker-hint{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.1em;text-transform:lowercase;margin-top:var(--space-3);font-size:11px}.bot-reveal{padding:0 var(--space-16);z-index:12;background:#0e0f12eb;justify-content:space-between;align-items:center;animation:.18s cubic-bezier(.2,.7,.3,1) both bot-reveal-in;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes bot-reveal-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.bot-reveal-left{gap:var(--space-2);flex-direction:column;display:flex}.bot-reveal-glyph{font-family:var(--font-type);color:var(--opponent);font-size:96px;line-height:1}.bot-reveal-name{font-family:var(--font-type);color:var(--fg);font-size:40px;font-weight:600;line-height:1}.bot-reveal-tag{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;font-size:14px}.bot-reveal-right{justify-content:flex-end;align-items:center;min-width:200px;display:flex}.bot-countdown{font-family:var(--font-type);font-variant-numeric:tabular-nums;animation:bot-tick .15s var(--ease-snap);font-weight:500;line-height:1}.bot-countdown--num{color:var(--fg);font-size:120px}.bot-countdown--go{color:var(--accent);font-size:96px}@keyframes bot-tick{0%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.bot-hud{width:min(1040px,88vw);padding:0 var(--space-8);gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.bot-hud-left{align-items:center;gap:var(--space-6);display:flex}.bot-chip{align-items:center;gap:var(--space-2);display:flex}.bot-chip-glyph{font-family:var(--font-type);color:var(--opponent);font-size:18px;line-height:1}.bot-chip-body{flex-direction:column;line-height:1.1;display:flex}.bot-chip-name{font-family:var(--font-type);color:var(--fg);font-size:14px;font-weight:500}.bot-chip-wpm{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;font-variant-numeric:tabular-nums;font-size:11px}.ko-counter{gap:6px;display:flex}.ko-dot{border:1px solid var(--hairline-hi);width:10px;height:10px;transition:background-color .24s var(--ease-out),transform .18s var(--ease-snap);background:0 0;border-radius:50%}.ko-dot--you{background:var(--accent);border-color:var(--accent);animation:ko-pop .22s var(--ease-snap);transform:scale(1)}.ko-dot--bot{background:var(--opponent);border-color:var(--opponent);animation:ko-pop .22s var(--ease-snap)}@keyframes ko-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.bot-hud-track-row{align-items:center;gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);grid-template-columns:auto 1fr auto;display:grid}.bot-hud-label{font-variant-numeric:tabular-nums}.bot-hud-track{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.dot{background:var(--fg-mute);border-radius:50%;flex-shrink:0;width:3px;height:3px;transition:background-color 60ms linear}.dot--filled{background:var(--opponent-dim)}.dot--cursor{background:var(--opponent);width:5px;height:5px;animation:.5s ease-in-out infinite cursor-pulse}@keyframes cursor-pulse{0%,to{opacity:.7}50%{opacity:1}}.bot-hud-score{font-family:var(--font-type);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--space-2);font-size:13px;font-weight:500;display:flex}.score-you{color:var(--accent)}.score-bot{color:var(--opponent)}.score-sep{color:var(--fg-mute)}.round-transition{align-items:center;gap:var(--space-2);z-index:10;pointer-events:none;padding:var(--space-6) var(--space-10);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline-hi);border-radius:var(--radius-lg);min-width:280px;animation:round-transition-in .2s var(--ease-out) both;background:#0e0f12eb;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px -16px #0009}@keyframes round-transition-in{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.arena[data-phase=round-over] .arena-typer-wrap{opacity:.3;transition:opacity .18s var(--ease-out)}.round-matchpoint{font-family:var(--font-ui);color:var(--fg);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2);font-size:14px;font-weight:600}.round-label{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.15em;text-transform:uppercase;font-size:14px}.round-result{font-family:var(--font-type);font-size:28px;font-weight:500}.round-result--you{color:var(--fg)}.round-result--bot{color:var(--opponent)}.round-next{font-family:var(--font-ui);color:var(--fg-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:lowercase;margin-top:var(--space-2);font-size:12px}.round-timing{background:var(--hairline);width:240px;height:2px;margin-top:var(--space-1);overflow:hidden}.round-timing-fill{background:var(--fg-dim);transform-origin:0;width:100%;height:100%;animation:3.5s linear both round-timing}@keyframes round-timing{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.match-end{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);width:min(640px,92vw);animation:match-end-in .24s var(--ease-out) both;flex-direction:column;display:flex}@keyframes match-end-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.match-end{animation:none}}.match-end-label{font-family:var(--font-type);letter-spacing:.1em;text-transform:uppercase;font-size:56px;font-weight:500;line-height:1}.match-end--won .match-end-label{color:var(--accent)}.match-end--lost .match-end-label{color:var(--opponent)}.match-end-flavor{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.02em;text-transform:lowercase;font-size:18px}.match-end-score{align-items:flex-end;gap:var(--space-8);margin-top:var(--space-4);display:flex}.match-end-score-col{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.match-end-score-col--you .score-num{color:var(--accent)}.match-end-score-col--bot .score-num{color:var(--opponent)}.score-num{font-family:var(--font-type);font-variant-numeric:tabular-nums;font-size:48px;font-weight:500;line-height:1}.score-num--small{font-size:32px;font-weight:400}.score-label{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;font-size:12px}.match-end-stats{font-family:var(--font-ui);color:var(--fg-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:lowercase;margin-top:var(--space-4);font-size:14px}.match-end-stats .stat-value{color:var(--fg)}.flawless-badge{color:var(--accent)}.match-end-ctas{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.match-primary{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--bg);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);border:none;padding:14px 28px;font-size:15px;font-weight:500;transition:transform 80ms,background-color .12s;display:inline-flex}.match-primary:hover{transform:scale(1.02)}.match-primary:active{transform:scale(.97)}.match-primary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.match-primary--revenge{background:var(--opponent);animation:1s ease-in-out 2 revenge-pulse}@keyframes revenge-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px var(--opponent-dim)}}.match-key-hint{color:#0e0f12a6;letter-spacing:.08em;font-size:11px}.match-secondary{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px}.match-secondary:hover{color:var(--fg)}.match-secondary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.match-secondary .match-key-hint{color:var(--fg-dim)}.match-end-secondary-row{gap:var(--space-4);align-items:center;display:flex}.arena{align-items:center;gap:var(--space-6);width:min(1240px,94vw);padding:0 var(--space-4);flex-direction:column;display:flex;position:relative}.arena-center{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.arena-round{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}.arena-round .stat-value{color:var(--fg)}.arena-ko{margin-top:2px}.arena-score{font-family:var(--font-type);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--space-2);font-size:16px;font-weight:500;display:flex}.arena-cols{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;width:100%;display:grid}.arena-col{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.arena-col-header{padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-dim);justify-content:space-between;align-items:baseline;display:flex}.arena-col-name{font-family:var(--font-type);letter-spacing:0;text-transform:none;color:var(--fg);font-size:14px;font-weight:500}.arena-col--bot .arena-col-name .bot-chip-glyph{color:var(--opponent)}.arena-col-stats{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--fg-dim)}.arena-col-stats .stat-value{color:var(--fg)}.arena-col-stats .stat-sep{color:var(--fg-mute)}.arena-col-stats .combo{font-family:var(--font-type)}.arena-typer-wrap{background:var(--bg-elevated);border:1px solid var(--hairline);padding:var(--space-6);min-height:174px}.arena-col--you .arena-typer-wrap{border-color:var(--accent-soft);border-left:2px solid var(--accent);border-radius:4px 12px 12px 4px}.arena-col--bot .arena-typer-wrap{border-right:2px solid var(--opponent);border-radius:12px 4px 4px 12px}.arena-col--bot .arena-col-header{flex-direction:row-reverse}.bot-mirror{font-family:var(--font-type);font-feature-settings:"calt" off,"liga" off,"zero" on;color:var(--fg-dim);white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;height:126px;font-size:28px;font-weight:500;line-height:42px;position:relative;overflow:hidden}.bot-mirror-inner{transition:transform var(--dur-fast) var(--ease-out);will-change:transform;position:relative}.bot-mirror .char--correct{color:var(--fg)}.bot-mirror .char--pending{color:var(--fg-dim)}.bot-mirror-caret{background:var(--opponent);width:1ch;height:2px;transition:transform 60ms linear,opacity .12s var(--ease-out);pointer-events:none;will-change:transform;border-radius:1px;position:absolute;top:0;left:0;box-shadow:0 0 10px #e74c3c73}.avatar-chip{border:1px solid var(--hairline);transition:transform .12s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-chip-glyph{font-family:var(--font-type);letter-spacing:0;font-weight:500;line-height:1;display:block}.avatar-chip--xs{border-color:#ffffff0f;border-radius:6px;width:24px;height:24px}.avatar-chip--xs .avatar-chip-glyph{font-size:14px}.avatar-chip--sm{border-radius:8px;width:40px;height:40px}.avatar-chip--sm .avatar-chip-glyph{font-size:22px}.avatar-chip--md{border-radius:14px;width:80px;height:80px}.avatar-chip--md .avatar-chip-glyph{letter-spacing:-.01em;font-size:44px}.avatar-chip--lg{border-color:var(--hairline-hi);border-radius:20px;width:120px;height:120px}.avatar-chip--lg .avatar-chip-glyph{letter-spacing:-.02em;font-size:68px;font-weight:400}.arena-identity{align-items:center;gap:var(--space-3);display:inline-flex}.arena-col--bot .arena-identity{flex-direction:row-reverse}.landing{align-items:center;gap:var(--space-16);width:min(1040px,92vw);padding:var(--space-8);flex-direction:column;display:flex}.landing-logo{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.landing-logo-mark{font-family:var(--font-type);font-size:var(--text-logo);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1;display:inline-flex}.landing-logo-mark span{color:var(--fg-mute);transition:color 80ms var(--ease-out);transition-delay:calc(var(--i,0) * 40ms)}.landing-logo--ready .landing-logo-mark span{color:var(--fg)}.landing-logo--ready .landing-logo-mark .landing-logo-dash{color:var(--accent)}.landing-logo-prompt{font-family:var(--font-type);font-size:var(--text-lg);color:var(--fg-dim);opacity:0;transition:opacity .12s var(--ease-out);align-items:center;font-weight:500;transition-delay:.6s;display:inline-flex}.landing-logo--ready .landing-logo-prompt{opacity:1}.landing-logo-prompt-glyph{color:var(--accent)}.landing-prompt-caret{background:var(--caret);width:1ch;height:2px;box-shadow:0 0 10px var(--accent-soft);opacity:0;transition:opacity .14s var(--ease-out);margin-bottom:-2px;margin-left:4px;transition-delay:.72s;animation:1.1s ease-in-out .98s infinite caret-pulse;display:inline-block}.landing-logo--ready .landing-prompt-caret{opacity:1}.landing-choices{gap:var(--space-8);opacity:0;width:100%;max-width:1040px;transition:opacity .18s var(--ease-out);grid-template-columns:repeat(3,1fr);transition-delay:.6s;display:grid}.landing-choices--two{gap:var(--space-16);grid-template-columns:1fr 1fr;max-width:820px}.choice-card--disabled{opacity:.35;cursor:not-allowed}.choice-card--disabled:hover,.choice-card--disabled:focus-visible{border-color:var(--hairline);box-shadow:none;transform:none}.input-mode-switch{gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);opacity:0;transition:opacity .18s var(--ease-out);padding:6px;transition-delay:.7s;display:flex}.landing:has(.landing-logo--ready) .input-mode-switch{opacity:1}.input-mode-option{padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);color:var(--fg-dim);cursor:pointer;font:inherit;min-width:220px;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;gap:4px;display:flex;position:relative}.input-mode-option:hover{color:var(--fg)}.input-mode-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.input-mode-option--active{color:var(--fg);background:var(--bg-inset);border-color:var(--accent);box-shadow:inset 0 0 24px -8px #ffb0204d}.input-mode-label{font-family:var(--font-type);letter-spacing:.02em;font-size:22px;font-weight:600}.input-mode-option--active .input-mode-label{color:var(--accent)}.input-mode-sub{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);font-size:12px}.input-mode-hint{font-family:var(--font-ui);color:var(--fg-mute);font-size:10px;position:absolute;top:8px;right:10px}.input-mode-hint kbd{font-family:var(--font-type);color:var(--fg-dim);background:var(--hairline);border-radius:var(--radius-sm);padding:1px 6px;font-weight:500}.input-mode-option--active .input-mode-hint kbd{color:var(--accent)}.landing-logo--ready~.landing-choices,.landing:has(.landing-logo--ready) .landing-choices{opacity:1}.choice-card{justify-content:center;align-items:center;gap:var(--space-4);min-height:280px;padding:var(--space-10) var(--space-12);border:1px solid var(--hairline);border-radius:var(--radius-lg);cursor:pointer;font:inherit;color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;display:flex}.choice-card:hover,.choice-card:focus-visible{outline:none;transform:scale(1.015)}.choice-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.choice-card:active{transform:scale(.985)}.choice-card:hover .choice-desc,.choice-card:focus-visible .choice-desc{color:var(--fg)}.choice-card--pvp:hover,.choice-card--pvp:focus-visible{border-color:var(--opponent);box-shadow:0 0 48px -8px #e74c3c59}.choice-card--pve:hover,.choice-card--pve:focus-visible{border-color:var(--accent);box-shadow:0 0 48px -8px #ffb02059}.choice-card--rhythm:hover,.choice-card--rhythm:focus-visible{border-color:#7df9a8;box-shadow:0 0 48px -8px #7df9a859}.choice-card--rhythm .choice-label{color:#7df9a8}.choice-card--rhythm .choice-divider{background:#7df9a866}.rhythm-deadline{background:var(--hairline);width:100%;max-width:420px;height:3px;margin-bottom:var(--space-3);border-radius:1.5px;overflow:hidden}.rhythm-deadline-fill{background:var(--accent);transform-origin:0;will-change:transform;height:100%;transform:scaleX(1)}.rhythm-hud-identity{align-items:center;gap:var(--space-3);display:flex}.rhythm-hud-identity--bot .rhythm-stat-label{color:var(--opponent)}.rhythm-result-row{gap:var(--space-12);animation:rhythm-result-in .32s var(--ease-out) both;justify-content:center;align-items:center;display:flex}.rhythm-result{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.rhythm-result-who{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.rhythm-end--won .rhythm-end-label{color:var(--accent)}.rhythm-end--lost .rhythm-end-label{color:var(--opponent)}.rhythm-end--tied .rhythm-end-label{color:var(--fg)}.rhythm-end-score-row{gap:var(--space-10);align-items:baseline;display:flex}.rhythm-end-score-col{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.rhythm-end-score--small{font-size:48px;color:var(--opponent)!important}.choice-label{font-family:var(--font-type);letter-spacing:.02em;font-size:40px;font-weight:600}.choice-card--pvp .choice-label{color:var(--opponent)}.choice-card--pve .choice-label{color:var(--accent)}.choice-desc{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);transition:color var(--dur-fast) var(--ease-out);font-size:14px;font-weight:500}.choice-divider{border-radius:1px;width:24px;height:2px}.choice-card--pvp .choice-divider{background:#e74c3c66}.choice-card--pve .choice-divider{background:#ffb02066}.choice-hint{font-family:var(--font-ui);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-dim);align-items:center;font-size:12px;font-weight:500;display:inline-flex}.choice-hint kbd{font-family:var(--font-type);color:var(--fg);background:var(--hairline);border-radius:var(--radius-sm);margin:0 2px;padding:2px 6px;font-size:12px;font-weight:500}.landing-footer-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.08em;text-transform:lowercase}.landing-footer-link{margin-top:var(--space-2);font-family:var(--font-ui);color:var(--fg-mute);letter-spacing:.04em;text-transform:lowercase;transition:color var(--dur-fast);font-size:11px;text-decoration:none;display:inline-block}.landing-footer-link:hover{color:var(--fg-dim)}.choice-card--activating .choice-label{animation:choice-commit .16s var(--ease-snap) forwards}@keyframes choice-commit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.page-wipe{background:var(--bg-elevated);z-index:30;animation:page-wipe .22s var(--ease-out) forwards;position:fixed;top:0;right:0;bottom:0;left:0}.page-wipe--from-left{transform:translate(-100%)}.page-wipe--from-right{transform:translate(100%)}@keyframes page-wipe{to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.landing-logo-mark span,.landing-logo-prompt,.landing-prompt-caret,.landing-choices,.battle-config,.start-shell,.page-wipe--commit{opacity:1!important;transition-duration:0s!important;animation:none!important}.landing-prompt-caret{opacity:1;animation:none}.page-wipe{opacity:0;transition:opacity .12s;animation:none;transform:translate(0)}}@media(max-width:780px){.landing{gap:var(--space-10)}.landing-logo-mark{font-size:56px}.landing-choices{gap:var(--space-6);grid-template-columns:1fr}.choice-card{min-height:200px;padding:var(--space-8)}.battle-config{width:100%}.config-row{grid-template-columns:80px 1fr 48px}.start-button{width:100%;margin-left:0}}.battle-config{gap:var(--space-3);opacity:0;width:520px;max-width:100%;transition:opacity .18s var(--ease-out);flex-direction:column;transition-delay:.6s;display:flex}.landing:has(.landing-logo--ready) .battle-config{opacity:1}.config-row{align-items:center;gap:var(--space-3);grid-template-columns:96px 1fr 56px;height:44px;display:grid}.config-row-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-mute);font-size:12px}.config-row-options{gap:8px;display:flex}.config-pill{height:36px;padding:0 var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--fg-dim);font-family:var(--font-type);text-transform:lowercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;display:inline-flex}.config-pill:hover{color:var(--fg)}.config-pill:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.config-pill--active{color:var(--accent);background:var(--bg-inset);border-color:var(--accent);box-shadow:inset 0 0 24px -8px #ffb0204d}.config-pill--active:before{content:">";color:var(--accent);font-weight:600}.config-row-keys{justify-content:flex-end;gap:4px;display:flex}.config-row-keys kbd{font-family:var(--font-type);color:var(--fg-mute);background:var(--hairline);border-radius:var(--radius-sm);text-align:center;min-width:18px;padding:1px 6px;font-size:10px;font-weight:500}.config-row-keys .config-row-key--active{color:var(--accent)}.start-shell{align-items:stretch;gap:var(--space-3);width:520px;max-width:100%;margin-top:var(--space-5);opacity:0;transition:opacity .18s var(--ease-out);flex-direction:column;transition-delay:.7s;display:flex}.landing:has(.landing-logo--ready) .start-shell{opacity:1}.start-button{background:var(--bg-inset);border:1px solid var(--accent);border-radius:var(--radius-md);height:52px;color:var(--accent);font-family:var(--font-type);letter-spacing:.02em;text-transform:lowercase;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-4);transition:box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);margin-left:108px;font-size:18px;display:inline-flex}.start-button:hover{box-shadow:0 0 32px -8px var(--accent-soft)}.start-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.start-button-glyph{color:var(--accent)}.start-button-text{letter-spacing:.04em}.start-button kbd{font-family:var(--font-type);color:var(--accent);border:1px solid var(--accent-soft);border-radius:var(--radius-sm);background:0 0;padding:2px 8px;font-size:12px}.start-button--disabled{border-color:var(--hairline);color:var(--fg-mute);cursor:default}.start-button--disabled .start-button-glyph{color:var(--fg-mute)}.start-button--disabled:hover{box-shadow:none}.start-button--activating .start-button-text{animation:choice-commit .22s var(--ease-out) forwards}.start-summary{font-family:var(--font-ui);letter-spacing:.04em;color:var(--fg-mute);text-transform:lowercase;min-height:14px;margin-left:108px;font-size:12px}.start-summary-unavailable{color:var(--fg-dim)}.start-summary-hint{font-family:var(--font-ui);color:var(--fg-mute);text-transform:lowercase;margin-left:108px;font-size:11px}.page-wipe--commit{animation:page-wipe-commit .22s var(--ease-snap) forwards;transform:translateY(-100%)}@keyframes page-wipe-commit{to{transform:translateY(0)}}.playground{width:min(1200px,96vw);padding:var(--space-8) var(--space-4) var(--space-12);gap:var(--space-8);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.playground-header{gap:var(--space-3);flex-direction:column;display:flex}.playground-back{border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);cursor:pointer;background:0 0;align-self:flex-start;padding:6px 12px;font-size:12px}.playground-back:hover{color:var(--fg);border-color:var(--hairline-hi)}.playground-title{font-family:var(--font-type);letter-spacing:-.01em;margin:0;font-size:36px;font-weight:600}.playground-sub{font-family:var(--font-ui);color:var(--fg-dim);max-width:720px;margin:0;font-size:14px;line-height:1.5}.playground-controls{gap:var(--space-8);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.pg-control{align-items:center;gap:var(--space-3);display:flex}.pg-control-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.pg-buttons{gap:var(--space-2);display:flex}.pg-btn{border:1px solid var(--hairline);border-radius:var(--radius-sm);font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);cursor:pointer;background:0 0;padding:6px 10px;font-size:12px}.pg-btn:hover{color:var(--fg);border-color:var(--hairline-hi)}.pg-btn--active{color:var(--fg);border-color:var(--accent);background:var(--bg-inset)}.pg-swatch{border:2px solid var(--hairline);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.pg-swatch--active{border-color:var(--fg)}.playground-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pg-card{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.pg-card:hover{border-color:var(--hairline-hi)}.pg-card--open{border-color:var(--accent)}.pg-card--featured{border-color:var(--accent-soft);position:relative}.pg-card--featured:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:8px;right:8px}.pg-card-pin{color:var(--accent);font-size:12px;font-weight:400}.pg-card-main{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.pg-card-cta{margin-top:var(--space-3);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px}.pg-variants{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--hairline);background:var(--bg-inset);grid-template-columns:repeat(2,1fr);display:grid}.pg-variant-btn{align-items:center;gap:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;display:flex}.pg-variant-btn:hover{border-color:var(--hairline-hi)}.pg-variant-btn--active{border-color:var(--accent);box-shadow:inset 0 0 16px -4px #ffb02033}.pg-variant-stage{background:linear-gradient(180deg,transparent 0%,#0a0b0d66 70%,var(--bg-inset) 100%);border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;width:100%;height:130px;display:flex;overflow:hidden}.pg-variant-label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);font-size:11px}.pg-variant-btn--active .pg-variant-label{color:var(--fg)}.pg-stage{background:linear-gradient(180deg,transparent 0%,#0a0b0d80 70%,var(--bg-inset) 100%);height:240px;padding:var(--space-4) 0 var(--space-3);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.pg-card-body{padding:var(--space-4) var(--space-5);gap:var(--space-2);border-top:1px solid var(--hairline);flex-direction:column;display:flex}.pg-card-title{font-family:var(--font-type);color:var(--fg);margin:0;font-size:18px;font-weight:500}.pg-card-subtitle{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);margin:0;font-size:12px}.pg-card-notes{font-family:var(--font-ui);color:var(--fg-dim);margin:0;font-size:12px;line-height:1.5}.pg-dancer{transform-origin:50% 90%;will-change:transform;display:block}.pg-dancer--pixel{image-rendering:pixelated;image-rendering:crisp-edges}.pg-dancer--emoji{justify-content:center;align-items:flex-end;line-height:.9;display:flex}.pg-move--idle .pg-dancer{animation:pg-idle 2.4s var(--ease-in-out) infinite}.pg-move--dancing .pg-dancer{animation:pg-dancing .545s var(--ease-snap) infinite alternate}.pg-move--windmill .pg-dancer{animation:.72s cubic-bezier(.3,0,.7,1) infinite pg-windmill}.pg-move--jump .pg-dancer{animation:pg-jump .7s var(--ease-snap) infinite}.pg-move--pop .pg-dancer{animation:pg-pop .5s var(--ease-snap) infinite}.pg-move--freeze .pg-dancer{animation:pg-freeze .8s var(--ease-snap) infinite alternate}@keyframes pg-idle{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}@keyframes pg-dancing{0%{transform:translateY(0)rotate(-4deg)scale(1)}to{transform:translateY(-8px)rotate(4deg)scale(1.04)}}@keyframes pg-windmill{0%{transform:rotate(0)}50%{transform:rotate(180deg)translateY(-10px)}to{transform:rotate(360deg)}}@keyframes pg-jump{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-32px)scale(1.1)}}@keyframes pg-pop{0%{transform:scale(1)}30%{transform:scale(1.25)translateY(-6px)}to{transform:scale(1)}}@keyframes pg-freeze{0%{transform:rotate(0)}to{transform:rotate(-22deg)scale(1.1)translateY(-8px)}}.pixel-workshop{width:min(1280px,96vw);padding:var(--space-8) var(--space-4) var(--space-12);gap:var(--space-8);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.pw-layout{gap:var(--space-6);grid-template-columns:minmax(320px,1fr) 360px;display:grid}@media(max-width:920px){.pw-layout{grid-template-columns:1fr}}.pw-stage-section{gap:var(--space-4);flex-direction:column;display:flex}.pw-big-stage{background:linear-gradient(180deg,transparent 0%,#0a0b0d8c 70%,var(--bg-inset) 100%),var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);height:480px;padding-bottom:var(--space-4);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.pw-anim--idle .pix-dancer{animation:pw-idle 2.4s var(--ease-in-out) infinite;transform-origin:50% 90%}.pw-anim--dancing .pix-dancer{animation:pw-dancing .545s var(--ease-snap) infinite alternate;transform-origin:50% 90%}.pw-anim--windmill .pix-dancer{transform-origin:50% 80%;animation:.72s cubic-bezier(.3,0,.7,1) infinite pw-windmill}.pw-anim--jump .pix-dancer{animation:pw-jump .7s var(--ease-snap) infinite;transform-origin:50% 90%}.pw-anim--spin .pix-dancer{transform-origin:50% 80%;animation:.9s linear infinite pw-spin}.pw-anim--pop .pix-dancer{animation:pw-pop .5s var(--ease-snap) infinite;transform-origin:50% 90%}.pw-anim--freeze .pix-dancer{animation:pw-freeze .8s var(--ease-snap) infinite alternate;transform-origin:50% 90%}.pw-anim--robot .pix-dancer{transform-origin:50% 90%;animation:.64s steps(5,end) infinite pw-robot}.pw-anim--handstand .pix-dancer{transform-origin:50%;animation:1.5s cubic-bezier(.34,1.4,.64,1) infinite pw-handstand}.pw-anim--backflip .pix-dancer{transform-origin:50% 60%;animation:1.2s cubic-bezier(.3,0,.7,1) infinite pw-backflip}.pw-anim--thrust .pix-dancer{transform-origin:50% 90%;animation:.4s ease-in-out infinite pw-thrust}.pw-anim--shuffle .pix-dancer{transform-origin:50% 90%;animation:.5s steps(4,end) infinite pw-shuffle}.pw-anim--moonwalk .pix-dancer{transform-origin:50% 90%;animation:2s ease-in-out infinite alternate pw-moonwalk}.pw-anim--wave .pix-dancer{transform-origin:50% 90%;animation:.8s ease-in-out infinite pw-wave}.pw-anim--dab .pix-dancer{transform-origin:50% 90%;animation:1.1s ease-in-out infinite pw-dab}.pw-anim--floss .pix-dancer{transform-origin:50% 90%;animation:.6s ease-in-out infinite pw-floss}@keyframes pw-idle{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}@keyframes pw-dancing{0%{transform:translateY(0)rotate(-4deg)scale(1)}to{transform:translateY(-8px)rotate(4deg)scale(1.04)}}@keyframes pw-windmill{0%{transform:rotate(0)}50%{transform:rotate(180deg)translateY(-10px)}to{transform:rotate(360deg)}}@keyframes pw-jump{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-32px)scale(1.1)}}@keyframes pw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pw-pop{0%{transform:scale(1)}30%{transform:scale(1.25)translateY(-6px)}to{transform:scale(1)}}@keyframes pw-freeze{0%{transform:rotate(0)}to{transform:rotate(-22deg)scale(1.1)translateY(-8px)}}@keyframes pw-robot{0%{transform:rotate(0)translate(0)}20%{transform:rotate(-10deg)translate(-4px)}40%{transform:rotate(10deg)translate(4px)}60%{transform:rotate(-6deg)translate(-2px)}80%{transform:rotate(6deg)translate(2px)}to{transform:rotate(0)translate(0)}}@keyframes pw-handstand{0%,to{transform:rotate(0)translateY(0)}35%{transform:rotate(180deg)translateY(-12px)}65%{transform:rotate(180deg)translateY(-12px)}}@keyframes pw-backflip{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(360deg)translateY(-26px)}to{transform:rotate(720deg)translateY(0)}}@keyframes pw-thrust{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(.92)translateY(3px)}}@keyframes pw-shuffle{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(-5px)translateY(-3px)}50%{transform:translate(0)translateY(0)}75%{transform:translate(5px)translateY(-3px)}}@keyframes pw-moonwalk{0%{transform:translate(0)}to{transform:translate(-44px)}}@keyframes pw-wave{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-4px)}}@keyframes pw-dab{0%,to{transform:rotate(0)translate(0)}20%,70%{transform:rotate(-15deg)translate(-6px)translateY(-2px)}}@keyframes pw-floss{0%{transform:translate(0)rotate(0)}25%{transform:translate(-4px)rotate(-6deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(4px)rotate(6deg)}to{transform:translate(0)rotate(0)}}.pw-move-strip{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}@media(max-width:1100px){.pw-move-strip{grid-template-columns:repeat(6,1fr)}}@media(max-width:720px){.pw-move-strip{grid-template-columns:repeat(4,1fr)}}.pw-move-card{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);font:inherit;color:inherit;flex-direction:column;display:flex}.pw-move-card:hover{border-color:var(--hairline-hi)}.pw-move-card--active{border-color:var(--accent);background:var(--bg-inset);box-shadow:inset 0 0 16px -4px #ffb02040}.pw-move-stage{background:linear-gradient(180deg,transparent 0%,#0a0b0d80 70%,var(--bg-inset) 100%);border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;width:100%;height:100px;display:flex;overflow:hidden}.pw-move-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.pw-move-card--active .pw-move-label{color:var(--accent)}.pw-sidebar{gap:var(--space-5);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);height:max-content;top:var(--space-4);flex-direction:column;display:flex;position:sticky}.pw-section{gap:var(--space-3);flex-direction:column;display:flex}.pw-section-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:0;font-size:11px}.pw-variant-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.pw-variant{padding:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;align-items:center;gap:4px;display:flex}.pw-variant:hover{border-color:var(--hairline-hi)}.pw-variant--active{border-color:var(--accent);background:var(--bg-inset);box-shadow:inset 0 0 16px -4px #ffb02033}.pw-variant-stage{background:linear-gradient(180deg,transparent 0%,#0a0b0d66 70%,var(--bg-inset) 100%);border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;width:100%;height:110px;display:flex;overflow:hidden}.pw-variant-label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);font-size:11px}.pw-variant--active .pw-variant-label{color:var(--fg)}.pw-palette{gap:var(--space-2);flex-wrap:wrap;display:flex}.pw-swatch{border:2px solid var(--hairline);cursor:pointer;width:28px;height:28px;transition:transform 80ms var(--ease-snap),border-color var(--dur-fast) var(--ease-out);border-radius:50%;padding:0}.pw-swatch:hover{border-color:var(--hairline-hi);transform:scale(1.08)}.pw-swatch--active{border-color:var(--fg);transform:scale(1.1)}.auth-gate{justify-content:center;align-items:center;gap:var(--space-10);min-height:100vh;padding:var(--space-8);flex-direction:column;display:flex}.auth-gate-logo{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-gate-mark{font-family:var(--font-type);letter-spacing:-.02em;color:var(--fg);margin:0;font-size:56px;font-weight:600;line-height:1}.auth-gate-sub{font-family:var(--font-type);color:var(--fg-dim);font-size:14px}.auth-gate-form{gap:var(--space-4);flex-direction:column;width:min(340px,90vw);display:flex}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-dim)}.auth-input{font-family:var(--font-type);color:var(--fg);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out);padding:12px 14px;font-size:16px}.auth-input:focus{border-color:var(--accent);outline:none}.auth-error{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--opponent);letter-spacing:.04em;text-transform:lowercase}.auth-submit{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--bg);background:var(--accent);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:transform 80ms ease,background-color .12s ease,opacity var(--dur-fast);margin-top:var(--space-2);border:none;padding:12px 24px;font-size:15px;font-weight:500;display:inline-flex}.auth-submit:hover:not(:disabled){background:#ffc244}.auth-submit:active:not(:disabled){transform:scale(.97)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-submit:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.auth-swap{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;margin-top:var(--space-1);transition:color var(--dur-fast);background:0 0;border:none;padding:6px}.auth-swap:hover:not(:disabled){color:var(--fg)}.auth-swap:disabled{opacity:.4;cursor:not-allowed}.auth-swap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rhythm-arena.rhythm-arena--dance{flex-direction:column;align-items:stretch;gap:0;width:min(960px,96vw);max-width:min(960px,96vw);height:auto;min-height:600px;margin:0 auto;padding:0;display:flex;overflow:visible}.rhythm-arena.rhythm-arena--dance>*{width:100%}.rhythm-arena--dance .arena-hud{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--hairline);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.arena-hud-left{align-items:center;gap:var(--space-4);display:flex}.song-credit{font-family:var(--font-ui);letter-spacing:.04em;text-transform:lowercase;color:var(--fg-dim);flex-direction:column;font-size:11px;line-height:1.2;display:flex}.song-credit-title{color:var(--fg);font-family:var(--font-type);text-transform:none;font-size:13px;font-weight:500}.song-credit-artist{color:var(--fg-dim);font-variant-numeric:tabular-nums}.round-pill{font-family:var(--font-type);font-size:var(--text-sm);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;padding:4px var(--space-3);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.round-pill .round-current{color:var(--fg);animation:round-pulse .28s var(--ease-snap) both;display:inline-block}.round-pill .round-sep,.round-pill .round-total{color:var(--fg-dim)}@keyframes round-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.score-ribbon{text-align:right;flex-direction:column;gap:2px;min-width:200px;display:flex}.score-ribbon .score-row{align-items:baseline;gap:var(--space-3);font-family:var(--font-type);font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--fg);grid-template-columns:1fr auto auto;display:grid}.score-ribbon .score-label{color:var(--fg-dim);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.04em;text-transform:lowercase;text-align:right}.score-row--bot .score-num{color:var(--opponent)}.score-row--you .score-num{color:var(--accent)}.score-ribbon .score-marker{color:var(--fg-mute);text-align:right;letter-spacing:-.04em;min-width:24px;font-size:10px}.score-row--you .score-marker--lead{color:var(--accent)}.score-row--bot .score-marker--lead{color:var(--opponent)}.score-caption{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;margin-top:2px}.score-caption-sep{color:var(--fg-mute)}.score-caption-kind{font-family:var(--font-type);font-weight:500}.score-caption-kind--perfect{color:var(--accent)}.score-caption-kind--great{color:#7df9a8}.score-caption-kind--good{color:var(--fg)}.score-caption-kind--miss{color:var(--opponent)}.arena-stage{flex:auto;min-height:380px;position:relative;overflow:hidden}.stage-backdrop{background:radial-gradient(ellipse at 50% 100%,var(--accent-soft) 0%,transparent 45%),linear-gradient(180deg,transparent 0%,#0a0b0d8c 60%,var(--bg-inset) 100%);pointer-events:none;position:absolute;top:0;right:0;bottom:40px;left:0}.stage-floor{background:linear-gradient(90deg,transparent,var(--hairline-hi) 20%,var(--hairline-hi) 80%,transparent);pointer-events:none;height:1px;position:absolute;bottom:40px;left:0;right:0}.dancer-slot{transform-origin:bottom;transform:translate3d(var(--dancer-x,0),var(--dancer-y,0),0) scale(var(--dancer-scale,1));transition:transform .42s var(--ease-out),opacity .3s var(--ease-out);z-index:1;pointer-events:none;position:absolute;bottom:32px;left:50%}.dancer-slot[data-position=lead]{--dancer-x:-200px;--dancer-y:0;--dancer-scale:1;z-index:2}.dancer-slot[data-position=follow]{--dancer-x:40px;--dancer-y:-40px;--dancer-scale:1}.dancer-slot[data-position=tied][data-role=player]{--dancer-x:-200px;--dancer-y:-20px;--dancer-scale:1}.dancer-slot[data-position=tied][data-role=bot]{--dancer-x:40px;--dancer-y:-20px;--dancer-scale:1}.dancer-slot--arrow-tick .dancer-head{animation:dancer-head-kick .18s var(--ease-snap) both}@keyframes dancer-head-kick{0%{transform:translateY(-2px)scale(1)}40%{transform:translateY(-5px)scale(1.08)}to{transform:translateY(0)scale(1)}}.combo-flag{font-family:var(--font-type);font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--combo-low);pointer-events:none;will-change:transform;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.combo-flag--mid{color:var(--combo-mid)}.combo-flag--high{color:var(--combo-high)}.combo-flag--peak{color:var(--combo-peak);animation:combo-peak-glow 1s var(--ease-in-out) infinite alternate}@keyframes combo-peak-glow{0%{filter:brightness()}to{filter:brightness(1.25)}}.dancer{filter:none;transition:filter .18s var(--ease-out),opacity .18s var(--ease-out);display:block}.dancer[data-lead=true]{filter:drop-shadow(0 0 18px var(--dc-glow))}.dancer[data-dim=true]{opacity:.55;filter:saturate(.6)}.dancer-shadow{fill:#00000059}.dancer[data-lead=true] .dancer-shadow{fill:var(--dc-glow);transform-origin:40px 115px;transform:scale(1.25)}.dancer[data-pose=dancing] .dancer-head{animation:dancer-head-bob .545s var(--ease-snap) infinite alternate}.dancer[data-pose=dancing] .dancer-arm--left{animation:dancer-arm-l 1.09s var(--ease-in-out) infinite}.dancer[data-pose=dancing] .dancer-arm--right{animation:dancer-arm-r 1.09s var(--ease-in-out) infinite}.dancer[data-pose=dancing] .dancer-leg--left{animation:dancer-leg-l 1.09s var(--ease-in-out) infinite}.dancer[data-pose=dancing] .dancer-leg--right{animation:dancer-leg-r 1.09s var(--ease-in-out) infinite}.dancer[data-pose=idle] .dancer-head,.dancer[data-pose=idle] .dancer-torso{animation:dancer-idle-sway 2.4s var(--ease-in-out) infinite}.dancer[data-pose=idle] .dancer-arm--left{animation:dancer-idle-arm-l 2.4s var(--ease-in-out) infinite}.dancer[data-pose=idle] .dancer-arm--right{animation:dancer-idle-arm-r 2.4s var(--ease-in-out) infinite}.dancer[data-pose=victory] .dancer-arm--left{animation:none;transform:rotate(-85deg)}.dancer[data-pose=victory] .dancer-arm--right{animation:none;transform:rotate(85deg)}.dancer[data-pose=victory] .dancer-head{animation:dancer-victory-head 1.5s var(--ease-in-out) infinite alternate}.dancer[data-pose=victory] .dancer-torso{animation:dancer-victory-sway 1.5s var(--ease-in-out) infinite}@keyframes dancer-head-bob{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes dancer-leg-l{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(6deg)translateY(-3px)}}@keyframes dancer-leg-r{0%,to{transform:rotate(6deg)translateY(-3px)}50%{transform:rotate(-8deg)translateY(0)}}@keyframes dancer-arm-l{0%,to{transform:rotate(-20deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-20deg)}75%{transform:rotate(5deg)}}@keyframes dancer-arm-r{0%,to{transform:rotate(20deg)}25%{transform:rotate(-5deg)}50%{transform:rotate(20deg)}75%{transform:rotate(45deg)}}@keyframes dancer-idle-sway{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-1.5px)rotate(1deg)}}@keyframes dancer-idle-arm-l{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes dancer-idle-arm-r{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}@keyframes dancer-victory-head{0%{transform:scale(1.1)}to{transform:scale(1.18)}}@keyframes dancer-victory-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.dancer-slot--celebrate-perfect .dancer-arm--left{animation:celebrate-arms-l .4s var(--ease-celebrate) both}.dancer-slot--celebrate-perfect .dancer-arm--right{animation:celebrate-arms-r .4s var(--ease-celebrate) both}.dancer-slot--celebrate-perfect .dancer-head{animation:celebrate-head .4s var(--ease-celebrate) both}@keyframes celebrate-arms-l{0%{transform:rotate(-20deg)}40%{transform:rotate(-95deg)}to{transform:rotate(-85deg)}}@keyframes celebrate-arms-r{0%{transform:rotate(20deg)}40%{transform:rotate(95deg)}to{transform:rotate(85deg)}}@keyframes celebrate-head{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1.1)}}.dancer-slot--celebrate-great .dancer-arm--left{animation:celebrate-great-l .4s var(--ease-snap) both}.dancer-slot--celebrate-great .dancer-arm--right{animation:celebrate-great-r .4s var(--ease-snap) both}@keyframes celebrate-great-l{0%{transform:rotate(-20deg)}60%{transform:rotate(-60deg)}to{transform:rotate(-30deg)}}@keyframes celebrate-great-r{0%{transform:rotate(20deg)}60%{transform:rotate(60deg)}to{transform:rotate(30deg)}}.dancer-slot--celebrate-good .dancer{animation:celebrate-good-hop .3s var(--ease-snap) both}@keyframes celebrate-good-hop{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.dancer-slot--stumble .dancer-torso,.dancer-slot--stumble .dancer-head{animation:dancer-stumble-torso .4s var(--ease-in-out) both}@keyframes dancer-stumble-torso{0%{transform:rotate(0)}40%{transform:rotate(5deg)}to{transform:rotate(2deg)}}.dancer-slot--sick-windmill .dancer{transform-origin:50% 80%;animation:.72s cubic-bezier(.3,0,.7,1) both sick-windmill}@keyframes sick-windmill{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-10px)}to{transform:rotate(360deg)translateY(0)}}.dancer-slot--sick-handstand .dancer{transform-origin:50% 85%;animation:.78s cubic-bezier(.34,1.4,.64,1) both sick-handstand}@keyframes sick-handstand{0%{transform:rotate(0)translateY(0)}45%{transform:rotate(175deg)translateY(-22px)}65%{transform:rotate(185deg)translateY(-24px)}to{transform:rotate(360deg)translateY(0)}}.dancer-slot--sick-freeze .dancer-arm--left{animation:sick-freeze-arm-l .5s var(--ease-snap) both}.dancer-slot--sick-freeze .dancer-arm--right{animation:sick-freeze-arm-r .5s var(--ease-snap) both}.dancer-slot--sick-freeze .dancer-leg--right{animation:sick-freeze-leg .5s var(--ease-snap) both}.dancer-slot--sick-freeze .dancer-head{animation:sick-freeze-head .5s var(--ease-snap) both}@keyframes sick-freeze-arm-l{0%{transform:rotate(-20deg)}60%{transform:rotate(-130deg)}to{transform:rotate(-110deg)}}@keyframes sick-freeze-arm-r{0%{transform:rotate(20deg)}60%{transform:rotate(15deg)}to{transform:rotate(20deg)}}@keyframes sick-freeze-leg{0%{transform:rotate(6deg)}60%{transform:rotate(-70deg)translateY(-18px)}to{transform:rotate(-50deg)translateY(-12px)}}@keyframes sick-freeze-head{0%{transform:translateY(0)}to{transform:translateY(-3px)rotate(-8deg)}}.dancer-slot--sick-jump-split .dancer{animation:sick-jump .52s var(--ease-snap) both}.dancer-slot--sick-jump-split .dancer-leg--left{animation:sick-split-l .52s var(--ease-snap) both}.dancer-slot--sick-jump-split .dancer-leg--right{animation:sick-split-r .52s var(--ease-snap) both}.dancer-slot--sick-jump-split .dancer-arm--left{animation:sick-split-arm-l .52s var(--ease-snap) both}.dancer-slot--sick-jump-split .dancer-arm--right{animation:sick-split-arm-r .52s var(--ease-snap) both}@keyframes sick-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-28px)}}@keyframes sick-split-l{0%{transform:rotate(-8deg)}50%{transform:rotate(-65deg)}to{transform:rotate(-8deg)}}@keyframes sick-split-r{0%{transform:rotate(6deg)}50%{transform:rotate(65deg)}to{transform:rotate(6deg)}}@keyframes sick-split-arm-l{0%{transform:rotate(-20deg)}50%{transform:rotate(-95deg)}to{transform:rotate(-20deg)}}@keyframes sick-split-arm-r{0%{transform:rotate(20deg)}50%{transform:rotate(95deg)}to{transform:rotate(20deg)}}.dancer-slot--sick-robot .dancer-arm--left{animation:.64s steps(5,end) both sick-robot-l}.dancer-slot--sick-robot .dancer-arm--right{animation:.64s steps(5,end) both sick-robot-r}.dancer-slot--sick-robot .dancer-head{animation:.64s steps(5,end) both sick-robot-head}@keyframes sick-robot-l{0%{transform:rotate(-20deg)}20%{transform:rotate(-90deg)}40%{transform:rotate(-45deg)}60%{transform:rotate(-120deg)}80%{transform:rotate(-60deg)}to{transform:rotate(-20deg)}}@keyframes sick-robot-r{0%{transform:rotate(20deg)}20%{transform:rotate(90deg)}40%{transform:rotate(45deg)}60%{transform:rotate(120deg)}80%{transform:rotate(60deg)}to{transform:rotate(20deg)}}@keyframes sick-robot-head{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}.dancer-slot--sick-pop .dancer{animation:sick-pop-body .42s var(--ease-snap) both}.dancer-slot--sick-pop .dancer-arm--left{animation:sick-pop-arm-l .42s var(--ease-snap) both}.dancer-slot--sick-pop .dancer-arm--right{animation:sick-pop-arm-r .42s var(--ease-snap) both}@keyframes sick-pop-body{0%{transform:scale(1)}30%{transform:scale(1.14)translateY(-4px)}to{transform:scale(1)}}@keyframes sick-pop-arm-l{0%{transform:rotate(-20deg)}35%{transform:rotate(-75deg)scale(1.1)}to{transform:rotate(-20deg)}}@keyframes sick-pop-arm-r{0%{transform:rotate(20deg)}35%{transform:rotate(75deg)scale(1.1)}to{transform:rotate(20deg)}}.dancer-slot--sick-kick .dancer-leg--right{animation:sick-kick-leg .48s var(--ease-snap) both}.dancer-slot--sick-kick .dancer-arm--left{animation:sick-kick-arm .48s var(--ease-snap) both}.dancer-slot--sick-kick .dancer{animation:sick-kick-body .48s var(--ease-snap) both}@keyframes sick-kick-leg{0%{transform:rotate(6deg)}50%{transform:rotate(-90deg)translateY(-14px)}to{transform:rotate(6deg)}}@keyframes sick-kick-arm{0%{transform:rotate(-20deg)}50%{transform:rotate(60deg)}to{transform:rotate(-20deg)}}@keyframes sick-kick-body{0%{transform:translate(0)}50%{transform:translate(-6px)}to{transform:translate(0)}}.stage--flipped .dancer{filter:brightness(1.3);transition:filter .5s var(--ease-out)}.control-rack{border-top:1px solid var(--hairline);padding:var(--space-4) var(--space-6) var(--space-3);align-items:center;gap:var(--space-3);flex-direction:column;flex-shrink:0;min-height:150px;display:flex}.control-slider{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-pill);width:min(640px,100% - 32px);height:20px;position:relative;overflow:hidden}.control-slider .rhythm-slider-cursor{background:var(--fg);width:4px;box-shadow:0 0 10px var(--fg);will-change:transform;border-radius:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(0)}.control-slider .rhythm-target{pointer-events:none;position:absolute;top:0;bottom:0}.control-sequence--wide{gap:var(--space-3);flex-wrap:nowrap;justify-content:center;align-items:center;width:min(640px,100% - 32px);display:flex}.control-sequence--wide .rhythm-seq-arrow{width:56px;height:56px;font-family:var(--font-type);color:var(--fg-dim);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:30px;font-weight:500;display:inline-flex}.control-sequence--wide .rhythm-seq-arrow--active{color:var(--fg);border-color:var(--accent);background:var(--bg-inset);transform:scale(1.05);box-shadow:0 0 20px -4px #ffb02080}.control-sequence--wide .rhythm-seq-arrow--done{color:#7df9a8;background:var(--bg-inset);border-color:#7df9a859}.control-hint{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.08em;text-transform:lowercase;transition:color var(--dur-fast) var(--ease-out);font-size:11px}.control-hint--armed{color:var(--accent);animation:armed-hint-pulse 1.09s var(--ease-in-out) infinite;font-weight:500}@keyframes armed-hint-pulse{0%,to{opacity:.85}50%{opacity:1}}.control-hint--locked{opacity:.4}.control-hint kbd{font-family:var(--font-type);color:var(--fg);background:var(--hairline);border-radius:var(--radius-sm);margin:0 2px;padding:1px 6px;font-size:11px;font-weight:500}.control-hint--armed kbd{color:var(--bg);background:var(--accent)}.space-hint{opacity:.55;transition:opacity .18s var(--ease-out);flex-direction:column;align-items:center;gap:4px;display:flex}.space-hint[data-state=armed]{opacity:1}.space-hint[data-state=locked]{opacity:.4}.space-hint-key{font-family:var(--font-type);font-size:var(--text-md);color:var(--fg);background:var(--bg-elevated);border:1px solid var(--hairline-hi);border-radius:var(--radius-md);text-align:center;min-width:96px;padding:8px 18px;font-weight:500}.space-hint[data-state=armed] .space-hint-key{border-color:var(--accent);box-shadow:0 0 12px var(--accent-soft);animation:space-armed-pulse 1.09s var(--ease-in-out) infinite}@keyframes space-armed-pulse{0%,to{box-shadow:0 0 8px var(--accent-soft)}50%{box-shadow:0 0 20px var(--accent-soft)}}.space-hint-sub{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.08em;text-transform:lowercase;font-size:10px}.rhythm-arena--dance .rhythm-end{left:50%;bottom:var(--space-4);width:min(520px,100% - 32px);padding:var(--space-8) var(--space-10);z-index:10;animation:rhythm-end-slide .42s var(--ease-out) .2s both;position:absolute;transform:translate(-50%)}@keyframes rhythm-end-slide{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.dancer *{transition:none!important;animation:none!important}.dancer-slot{transition:none!important}.combo-flag--peak{animation:none}.dancer[data-pose=victory] .dancer-arm--left{transform:rotate(-85deg)}.dancer[data-pose=victory] .dancer-arm--right{transform:rotate(85deg)}.rhythm-arena--dance .rhythm-end{animation:none}}@media(max-width:780px){.rhythm-arena--dance{min-height:520px}.dancer-slot[data-position=lead]{--dancer-scale:.82}.dancer-slot[data-position=follow]{--dancer-scale:.6}.control-rack{gap:var(--space-3);padding:var(--space-3);grid-template-rows:auto auto;grid-template-columns:1fr auto}.control-sequence{grid-column:1/-1;justify-content:center}}.rhythm-arena{gap:var(--space-8);flex-direction:column;align-items:center;width:min(720px,94vw);min-height:60vh;display:flex;position:relative}.rhythm-hud{width:100%;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;color:var(--fg-dim);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.rhythm-hud-left,.rhythm-hud-right{gap:var(--space-6);display:flex}.rhythm-stat{gap:var(--space-2);align-items:baseline;display:inline-flex}.rhythm-stat-label{color:var(--fg-dim)}.rhythm-stat-value{color:var(--fg);font-family:var(--font-type);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.rhythm-stage{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;min-height:320px;display:flex;position:relative}.rhythm-panel{align-items:center;gap:var(--space-5);animation:rhythm-phase-in .2s var(--ease-out) both;flex-direction:column;width:100%;max-width:640px;display:flex}.rhythm-hint-row{margin-top:var(--space-2)}.rhythm-hint{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--fg-dim);letter-spacing:.12em;text-transform:lowercase}.rhythm-hint--ready{color:var(--accent)}.rhythm-hint kbd{font-family:var(--font-type);color:var(--fg);background:var(--hairline);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-weight:500}.rhythm-sequence-row{gap:var(--space-4);display:flex}.rhythm-seq-arrow{width:72px;height:72px;font-family:var(--font-type);color:var(--fg-dim);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:40px;font-weight:500;display:inline-flex}.rhythm-seq-arrow--active{color:var(--fg);border-color:var(--accent);transform:scale(1.04);box-shadow:0 0 24px -8px #ffb02080}.rhythm-seq-arrow--done{color:#7df9a8;background:var(--bg-inset);border-color:#7df9a866}.rhythm-slider{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;max-width:560px;height:56px;position:relative;overflow:hidden}.rhythm-target{pointer-events:none;position:absolute;top:0;bottom:0}.rhythm-target--good{background:#7df9a814}.rhythm-target--great{background:#7df9a82e}.rhythm-target--perfect{background:#ffb0208c;box-shadow:0 0 16px #ffb02066}.rhythm-slider-cursor{background:var(--fg);width:4px;box-shadow:0 0 10px var(--fg);will-change:transform;position:absolute;top:0;bottom:0;transform:translate(0)}.rhythm-result{animation:rhythm-result-in .32s var(--ease-out) both;justify-content:center;align-items:center;display:flex}.rhythm-result-kind{font-family:var(--font-type);letter-spacing:.05em;text-transform:uppercase;font-size:56px;font-weight:600}.rhythm-result--perfect .rhythm-result-kind{color:var(--accent)}.rhythm-result--great .rhythm-result-kind{color:#7df9a8}.rhythm-result--good .rhythm-result-kind{color:var(--fg)}.rhythm-result--miss .rhythm-result-kind{color:var(--opponent)}@keyframes rhythm-result-in{0%{opacity:0;transform:scale(.85)}40%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes rhythm-phase-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rhythm-countdown{font-family:var(--font-type);color:var(--accent);z-index:10;animation:rhythm-tick .5s var(--ease-snap) infinite alternate;font-size:120px;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rhythm-tick{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.9;transform:translate(-50%,-50%)scale(1.06)}}.rhythm-end{padding:var(--space-10) var(--space-12);border:1px solid var(--hairline-hi);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);animation:match-end-in .24s var(--ease-out) both;background:#0e0f12f0;flex-direction:column;min-width:320px;display:flex;box-shadow:0 16px 48px -16px #0009}.rhythm-end-label{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.rhythm-end-score{font-family:var(--font-type);color:var(--accent);font-variant-numeric:tabular-nums;font-size:72px;font-weight:500;line-height:1}.rhythm-end-stats{align-items:baseline;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;font-variant-numeric:tabular-nums;display:flex}.rhythm-end-stats .stat-value{color:var(--fg)}.rhythm-end-ctas{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.back-bar{top:var(--space-4);left:var(--space-4);gap:var(--space-2);z-index:20;display:flex;position:fixed}.back-toggle{border:1px solid var(--hairline);color:var(--fg-dim);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast);background:0 0;padding:6px 12px}.back-toggle:hover{color:var(--fg);border-color:var(--hairline-hi)}.back-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:780px){.arena-cols{grid-template-columns:1fr}.arena-typer-wrap{padding:var(--space-4);min-height:132px}.arena-typer-wrap .typer,.bot-mirror{height:102px;font-size:22px;line-height:34px}}.type-arena .word-marquee{pointer-events:none;z-index:5;height:96px;position:absolute;bottom:24px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000)}.word-marquee-track{will-change:transform;height:100%;transition:transform .22s var(--ease-out);align-items:center;gap:28px;padding:0 50%;display:flex}.word-marquee-word{font-family:var(--font-type);letter-spacing:-.005em;color:var(--fg-dim);white-space:nowrap;transition:transform .18s var(--ease-out),color .18s var(--ease-out);transform-origin:50%;font-size:28px;line-height:1}.word-marquee-word--done{color:var(--fg-mute);opacity:.4}.word-marquee-word--active{color:var(--fg);text-shadow:0 0 22px #ffb02052;transform:scale(1.6)}.word-marquee-word .char--correct{color:var(--fg)}.word-marquee-word .char--wrong{color:var(--wrong);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.word-marquee-word .char--active-pending{color:var(--fg-dim)}.word-marquee-word .char--pending{color:var(--fg-mute)}.word-marquee-word .char--done{color:inherit}.type-arena-stats,.type-arena-bot-stats{font-family:var(--font-ui);color:var(--fg-dim);letter-spacing:.04em;text-transform:lowercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.type-arena-stats .type-arena-stat-num,.type-arena-bot-stats .type-arena-stat-num{font-family:var(--font-type);color:var(--fg);font-size:16px;font-weight:600}.type-arena-bot-stats .type-arena-stat-num{color:var(--opponent,#e74c3c)}.type-arena-bot-stats{margin-left:auto}.bot-pulse-bar{background:var(--bg-elevated);border-radius:var(--radius-pill);width:80px;height:3px;margin-left:var(--space-3);overflow:hidden}.bot-pulse-bar-fill{background:var(--opponent,#e74c3c);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.bot-pulse-bar--active .bot-pulse-bar-fill{animation:bot-pulse var(--bot-pulse-ms,.8s) linear infinite}@keyframes bot-pulse{0%{opacity:1;transform:scaleX(0)}85%{opacity:1;transform:scaleX(1)}to{opacity:.2;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.word-marquee-track,.word-marquee-word{transition:none!important}.bot-pulse-bar--active .bot-pulse-bar-fill{animation:none;transform:scaleX(.5)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}