@font-face{font-family:Chakra Petch;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-italic-700.woff2)format("woff2")}@font-face{font-family:Saira Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/saira-condensed-400.woff2)format("woff2")}@font-face{font-family:Saira Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/saira-condensed-500.woff2)format("woff2")}@font-face{font-family:Saira Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/saira-condensed-700.woff2)format("woff2")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono-400.woff2)format("woff2")}:root{--font-display:"Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-ui:"Saira Condensed", "Segoe UI Semibold", system-ui, sans-serif;--font-lcd:"Share Tech Mono", ui-monospace, "Cascadia Mono", "Consolas", monospace;--fs-micro:10px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--fs-3xl:48px;--fs-4xl:64px;--fs-5xl:88px;--lh-tight:1;--lh-snug:1.15;--lh-body:1.45;--tracking-label:.14em;--tracking-title:.02em;--tracking-lcd:.06em;--weight-body:500;--weight-strong:700;--skew-italic:-11deg;--skew-italic-hard:-16deg}.q-display{font-family:var(--font-display);letter-spacing:var(--tracking-title);font-style:italic;font-weight:700;line-height:var(--lh-tight)}.q-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:700;font-size:var(--fs-xs)}.q-lcd{font-family:var(--font-lcd);letter-spacing:var(--tracking-lcd);font-variant-numeric:tabular-nums}.q-body{font-family:var(--font-ui);font-weight:var(--weight-body);line-height:var(--lh-body)}@property --bg-page{syntax:"<color>";inherits:true;initial-value:#f4f6f8}@property --bg-panel{syntax:"<color>";inherits:true;initial-value:#fff}@property --bg-inset{syntax:"<color>";inherits:true;initial-value:#e3e7ec}@property --bg-rail{syntax:"<color>";inherits:true;initial-value:#0b0c10}@property --text-strong{syntax:"<color>";inherits:true;initial-value:#101318}@property --text-body{syntax:"<color>";inherits:true;initial-value:#2b3038}@property --text-muted{syntax:"<color>";inherits:true;initial-value:#6c747e}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff007f}@property --accent-2{syntax:"<color>";inherits:true;initial-value:#f60}@property --accent-3{syntax:"<color>";inherits:true;initial-value:#00e5ff}:root,[data-phase=present]{--chrome-0:#fff;--chrome-1:#f4f6f8;--chrome-2:#e3e7ec;--chrome-3:#c6ccd4;--chrome-4:#9aa2ac;--chrome-5:#6c747e;--chrome-6:#454b53;--ink-0:#050507;--ink-1:#0b0c10;--ink-2:#14161d;--ink-3:#1f2230;--ink-4:#2e3243;--ink-5:#454b62;--magenta:#ff007f;--magenta-soft:#ff62b0;--magenta-deep:#a10050;--orange:#f60;--amber:#ffc400;--cyan:#00e5ff;--cyan-deep:#0090a8;--violet:#9b30ff;--lime:#7cff3f;--red:#ff2b3d;--blue:#2f8fff;--judge-300g:#4fe3ff;--judge-300:#ffd400;--judge-200:#7cff3f;--judge-100:#f60;--judge-50:#9b30ff;--judge-miss:#ff2b3d;--diff-easy:#00e5ff;--diff-normal:#2f8fff;--diff-hard:#ffd400;--diff-insane:#ff2f92;--diff-extra:#b04dff;--gauge-fill:#00e5ff;--gauge-fill-hi:#b9fbff;--gauge-danger:#ff2b3d;--gauge-empty:#2b2f3c;--gauge-clear:#7cff3f;--bg-page:var(--chrome-1);--bg-panel:var(--chrome-0);--bg-inset:var(--chrome-2);--bg-rail:var(--ink-1);--surface-metal:linear-gradient(180deg, #fff 0%, #e6eaef 42%, #c2c9d2 52%, #f2f4f7 100%);--text-strong:#101318;--text-body:#2b3038;--text-muted:var(--chrome-5);--text-invert:#fff;--accent:var(--magenta);--accent-2:var(--orange);--accent-3:var(--cyan);--edge-hi:#ffffffe6;--edge-lo:#00000059;--hairline:#00000038;--focus-ring:0 0 0 2px var(--bg-page), 0 0 0 4px var(--magenta-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--scrollbar-thumb:var(--text-muted);--scrollbar-track:var(--bg-inset);--scrollbar-rail-stops:color-mix(in srgb, var(--scrollbar-thumb) 78%, #000) 0%, color-mix(in srgb, var(--scrollbar-thumb) 55%, #fff) 20%, var(--scrollbar-thumb) 46%, color-mix(in srgb, var(--scrollbar-thumb) 72%, #000) 64%, color-mix(in srgb, var(--scrollbar-thumb) 72%, #fff) 88%, color-mix(in srgb, var(--scrollbar-thumb) 82%, #000) 100%;--q-pf-bg:#06040de6;--q-pf-lane-1:#151024;--q-pf-lane-2:#0d0918;--q-pf-lane-div:#dce3ec29;--q-judgeline:#ff2e9a;--q-receptor:#dce3ec73;--q-receptor-active:#c4a6ff;--q-impact-1:#edf1f8f2;--q-impact-2:#a273fff2;--q-note-1:linear-gradient(180deg, #fff 0%, #dde4f0 42%, #98a3b8 52%, #edf1f8 100%);--q-note-2:linear-gradient(180deg, #d9c4ff 0%, #a273ff 42%, #5a1fc4 52%, #c4a6ff 100%);--q-note-hold-1:linear-gradient(180deg, #98a3b8, #565e72);--q-note-hold-2:linear-gradient(180deg, #6c2be0, #3a1178);--q-note-edge:#06040df2;--phase-fade:.9s}[data-phase=future]{--bg-page:var(--ink-0);--bg-panel:var(--ink-2);--bg-inset:var(--ink-1);--bg-rail:#000;--surface-metal:linear-gradient(180deg, #3a3f52 0%, #191c26 44%, #0c0e14 54%, #2a2e3d 100%);--text-strong:#fff;--text-body:#d8dbe4;--text-muted:#8d93a6;--text-invert:#050507;--accent:var(--magenta);--accent-2:var(--violet);--accent-3:var(--magenta-soft);--edge-hi:#ffffff73;--edge-lo:#000000d9;--hairline:#ffffff24;--focus-ring:0 0 0 2px var(--bg-page), 0 0 0 4px var(--magenta), 0 0 22px #ff007f99;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--q-pf-lane-1:#1a1030;--q-pf-lane-2:#0a0616;--q-receptor-active:#ff62b0;--q-impact-2:#ff62b0f2}:root[data-phase-transition=on]{transition:--bg-page var(--phase-fade) ease, --bg-panel var(--phase-fade) ease, --bg-inset var(--phase-fade) ease, --bg-rail var(--phase-fade) ease, --text-strong var(--phase-fade) ease, --text-body var(--phase-fade) ease, --text-muted var(--phase-fade) ease, --accent var(--phase-fade) ease, --accent-2 var(--phase-fade) ease, --accent-3 var(--phase-fade) ease}@media (prefers-reduced-motion:reduce){:root[data-phase-transition=on]{transition:none}}:root{--sp-0:0px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:24px;--sp-8:32px;--sp-9:48px;--sp-10:64px;--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-pill:999px;--chamfer-sm:6px;--chamfer-md:10px;--chamfer-lg:18px;--border-hair:1px;--border-plate:2px;--border-frame:3px;--lane-w:56px;--lane-gap:2px;--rail-w:14px;--gauge-h:14px;--hud-bar-h:26px;--scrollbar-w:12px;--band-reserve:80px;--console-w:380px;--desk-side-w:380px;--versus-console-w:216px;--control-h-touch:52px;--thumb-zone:96px}:root,[data-phase=present]{--metal-plate:linear-gradient(180deg, #fff 0%, #eef1f4 40%, #c8ced6 50%, #e9edf1 62%, #fff 100%);--metal-dark:linear-gradient(180deg, #4a5164 0%, #22262f 40%, #0e1015 52%, #282c38 66%, #3f4557 100%);--metal-rail:linear-gradient(90deg, #9aa2ac 0%, #fff 22%, #d2d8de 46%, #7f868f 62%, #fff 86%, #a7aeb7 100%);--metal-edge:linear-gradient(90deg, #fff0 0%, #ffffffd9 50%, #fff0 100%);--neon-magenta:linear-gradient(180deg, #ff8ec8 0%, #ff007f 48%, #8e0046 100%);--neon-orange:linear-gradient(180deg, #ffd08a 0%, #f60 50%, #8f3200 100%);--neon-cyan:linear-gradient(180deg, #c9fbff 0%, #00e5ff 48%, #00697c 100%);--bevel-out:inset 0 1px 0 var(--edge-hi), inset 0 -1px 0 var(--edge-lo);--bevel-plate:inset 0 1px 0 #fffffff2, inset 0 -2px 0 #00000047, inset 1px 0 0 #fff9, inset -1px 0 0 #0000002e;--bevel-inset:inset 0 2px 4px #00000073, inset 0 -1px 0 #ffffff40;--shadow-drop:0 2px 0 #00000059, 0 8px 18px #00000047;--shadow-lift:0 4px 0 #0006, 0 14px 30px #0006;--filter-drop:drop-shadow(0 2px 0 #00000047) drop-shadow(0 8px 14px #00000038);--filter-lift:drop-shadow(0 3px 0 #00000059) drop-shadow(0 12px 22px #0000004d);--glow-magenta:0 0 6px #ff007fe6, 0 0 22px #ff007f8c;--glow-cyan:0 0 6px #00e5ffe6, 0 0 22px #00e5ff80;--glow-amber:0 0 6px #ffc400e6, 0 0 20px #ff660080;--text-glow:0 0 4px currentColor, 0 0 14px currentColor;--text-chrome-shadow:0 1px 0 #fff, 0 2px 0 #b9bfc6, 0 3px 0 #8d949c, 0 5px 10px #00000073;--clip-chamfer-r:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer-md)), calc(100% - var(--chamfer-md)) 100%, 0 100%);--clip-chamfer-lr:polygon(var(--chamfer-md) 0, 100% 0, 100% calc(100% - var(--chamfer-md)), calc(100% - var(--chamfer-md)) 100%, 0 100%, 0 var(--chamfer-md));--clip-arrow-r:polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);--clip-tag:polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);--lowpoly-light:conic-gradient(from 210deg at 30% 20%, #fff, #eef1f5, #fff, #dfe4ea, #fff);--lowpoly-dark:radial-gradient(120% 90% at 20% 10%, #2a0c1d 0%, #0a0a0f 60%, #000 100%);--scanline:repeating-linear-gradient(180deg, #ffffff0f 0 1px, #0000 1px 3px);--backdrop:var(--lowpoly-light)}[data-phase=future]{--backdrop:var(--lowpoly-dark);--bevel-plate:inset 0 1px 0 #ffffff80, inset 0 -2px 0 #000000d9, inset 1px 0 0 #ffffff38, inset -1px 0 0 #0009;--text-chrome-shadow:0 1px 0 #ffffff59, 0 2px 0 #3a3f52, 0 3px 0 #14161d, 0 6px 14px #000c}.q-chrome-text{background:linear-gradient(#fff 0% 34%,#a9b0b9 50%,#5c636c 56%,#e9edf1 72%,#fff 100%);color:#0000;filter:drop-shadow(0 2px #00000059)drop-shadow(0 6px 12px #00000059);-webkit-background-clip:text;background-clip:text}.q-neon-text{color:#fff;text-shadow:0 0 4px var(--accent), 0 0 16px var(--accent), 0 0 34px var(--accent)}:root{--ease-snap:cubic-bezier(.16, 1, .3, 1);--ease-mech:cubic-bezier(.4, 0, .1, 1);--ease-linear:linear;--dur-instant:60ms;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.42s;--dur-sweep:.9s;--pulse-beat:.52s}@keyframes q-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes q-flash{0%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1)}}@keyframes q-sweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes q-tick{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{scroll-padding-block:var(--band-reserve);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports selector(::-webkit-scrollbar){@media (hover:hover) and (pointer:fine){html{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}::-webkit-scrollbar-track{background:var(--scrollbar-track);box-shadow:var(--bevel-inset)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:var(--border-hair) solid transparent;box-shadow:var(--bevel-out);background-clip:padding-box}::-webkit-scrollbar-thumb:vertical{background-image:linear-gradient(90deg, var(--scrollbar-rail-stops))}::-webkit-scrollbar-thumb:horizontal{background-image:linear-gradient(180deg, var(--scrollbar-rail-stops))}::-webkit-scrollbar-thumb:hover{background-color:var(--accent);background-image:none}::-webkit-scrollbar-thumb:active{background-color:var(--accent-2);background-image:none}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}}}body{background:var(--bg-page);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-title);font-style:italic;font-weight:700;line-height:var(--lh-snug);color:var(--text-strong)}code,kbd,samp,[data-numeral]{font-family:var(--font-lcd);font-variant-numeric:tabular-nums}a{color:var(--magenta-deep);border-bottom:1px solid color-mix(in srgb, currentColor 45%, transparent);transition:color var(--dur-fast) var(--ease-mech);text-decoration:none}a:hover{color:var(--magenta)}[data-phase=future] a{color:var(--accent)}[data-phase=future] a:hover{color:var(--accent-3)}::selection{background:var(--accent);color:#fff}:focus-visible{box-shadow:var(--focus-ring);outline:none}button,input,select,textarea{font:inherit;color:inherit}.q-plate{isolation:isolate;background:var(--surface-metal);box-shadow:var(--bevel-plate);clip-path:var(--clip-chamfer-r);border-radius:var(--radius-0);color:var(--text-body);position:relative}.q-plate--lr{clip-path:var(--clip-chamfer-lr)}.q-plate--dark{background:var(--metal-dark);color:var(--text-body)}.q-plate--neon{background:var(--metal-dark);color:var(--text-strong);box-shadow:var(--bevel-plate), inset 0 0 0 var(--border-plate) var(--accent)}.q-well{background:var(--bg-inset);box-shadow:var(--bevel-inset);border-radius:var(--radius-1)}.q-well--lcd{color:var(--text-body);box-shadow:var(--bevel-inset), inset 0 0 0 var(--border-hair) #ffffff14;background:#050507d1}.q-sweep:after{content:"";background:var(--metal-edge);pointer-events:none;mix-blend-mode:screen;animation:q-sweep var(--dur-sweep) var(--ease-linear) 1.2s infinite;position:absolute;inset:0;transform:translate(-120%)}.q-btn,[data-phase=future] .q-btn{color:var(--text-strong)}.q-btn--primary,.q-btn--hazard,[data-phase=future] .q-btn--primary,[data-phase=future] .q-btn--hazard{color:#fff}.q-btn--data,[data-phase=future] .q-btn--data{color:var(--cyan)}.q-btn--ghost,[data-phase=future] .q-btn--ghost{color:var(--text-muted)}.q-btn:hover,[data-phase=future] .q-btn:hover{color:var(--accent)}.q-btn--primary:hover,.q-btn--hazard:hover,[data-phase=future] .q-btn--primary:hover,[data-phase=future] .q-btn--hazard:hover{color:#fff}.q-menu__item,[data-phase=future] .q-menu__item,.q-band__mark,[data-phase=future] .q-band__mark{color:var(--text-strong)}.q-menu__item[data-selected=true] .q-menu__label,[data-phase=future] .q-menu__item[data-selected=true] .q-menu__label{color:var(--accent)}.q-tag{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-5) var(--sp-1) var(--sp-3);clip-path:var(--clip-tag);background:var(--bg-inset);color:var(--text-muted);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;display:inline-flex}.q-tag--accent{background:var(--accent);color:var(--text-invert)}.q-badge{padding:var(--sp-1) var(--sp-4);clip-path:var(--clip-chamfer-r);background:var(--bg-inset);color:var(--q-badge-color,var(--text-strong));box-shadow:inset 0 0 0 var(--border-hair) var(--hairline);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;align-items:center;display:inline-flex}.q-badge--md{font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-5)}.q-badge--lg{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-6)}.q-badge[data-tone=easy]{--q-badge-color:var(--diff-easy)}.q-badge[data-tone=normal]{--q-badge-color:var(--diff-normal)}.q-badge[data-tone=hard]{--q-badge-color:var(--diff-hard)}.q-badge[data-tone=insane]{--q-badge-color:var(--diff-insane)}.q-badge[data-tone=extra]{--q-badge-color:var(--diff-extra)}.q-badge[data-tone=info]{--q-badge-color:var(--cyan-deep)}.q-badge[data-tone=warn]{--q-badge-color:var(--orange)}.q-badge[data-tone=neutral]{--q-badge-color:var(--text-muted)}[data-phase=future] .q-badge[data-tone=info]{--q-badge-color:var(--cyan)}.q-badge--solid{background:var(--q-badge-color,var(--bg-inset));color:var(--ink-0);box-shadow:var(--bevel-out)}.q-btn{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-7);min-height:var(--control-h-touch);border-radius:var(--radius-0);clip-path:var(--clip-chamfer-r);background:var(--surface-metal);box-shadow:var(--bevel-plate);color:var(--text-strong);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-md);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-snap), filter var(--dur-fast) var(--ease-snap), transform var(--dur-instant) var(--ease-snap);filter:var(--filter-drop);border:0;text-decoration:none;display:inline-flex;position:relative}.q-btn:before{content:"";width:var(--sp-2);background:var(--accent);opacity:.85;position:absolute;inset:0 auto 0 0}.q-btn:hover{color:var(--accent);filter:var(--filter-lift)}.q-btn:active{box-shadow:var(--bevel-inset);filter:none;transform:translateY(1px)}.q-btn:disabled,.q-btn[aria-disabled=true]{opacity:.35;filter:grayscale();cursor:not-allowed}.q-btn--sm{padding:var(--sp-2) var(--sp-5);min-height:auto;font-size:var(--fs-xs)}.q-btn--lg{padding:var(--sp-5) var(--sp-9);font-size:var(--fs-lg)}.q-btn--block{width:100%;display:flex}.q-btn--primary{background:var(--neon-magenta);color:#fff;text-shadow:0 1px 2px #0000008c}.q-btn--primary:before{background:#fffc}.q-btn--primary:hover{color:#fff}[data-phase=future] .q-btn--primary:hover{box-shadow:var(--bevel-plate), var(--glow-magenta)}.q-btn--hazard{background:var(--neon-orange);color:#fff;text-shadow:0 1px 2px #0000008c}.q-btn--hazard:before{background:#fffc}.q-btn--hazard:hover{color:#fff}.q-btn--data{background:var(--metal-dark);color:var(--cyan);font-family:var(--font-lcd);letter-spacing:var(--tracking-lcd);text-transform:none}.q-btn--data:before{background:var(--cyan)}.q-btn--ghost{box-shadow:inset 0 0 0 var(--border-hair) var(--hairline);color:var(--text-muted);filter:none;background:0 0}.q-btn--ghost:before{display:none}.q-btn--ghost:hover{color:var(--accent);filter:none}.q-panel{filter:var(--filter-drop);flex-direction:column;display:flex}.q-panel--sm{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer-sm)), calc(100% - var(--chamfer-sm)) 100%, 0 100%)}.q-panel--lg{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer-lg)), calc(100% - var(--chamfer-lg)) 100%, 0 100%)}.q-panel__title{justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-6);background:var(--bg-rail);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;border-bottom:var(--border-plate) solid var(--accent);display:flex}.q-panel__body{padding:var(--sp-6);flex:1;min-height:0}.q-panel__body--inset{background:var(--bg-inset);box-shadow:var(--bevel-inset)}.q-readout{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.q-readout__label{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.q-readout__value{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-lcd);font-size:var(--fs-lg);line-height:var(--lh-tight);color:var(--text-strong)}.q-readout--sm .q-readout__value{font-size:var(--fs-md)}.q-readout--lg .q-readout__value{font-size:var(--fs-2xl)}.q-readout[data-tone=magenta] .q-readout__value{color:var(--accent)}.q-readout[data-tone=cyan] .q-readout__value{color:var(--cyan-deep)}.q-readout[data-tone=amber] .q-readout__value{color:var(--orange)}[data-phase=future] .q-readout[data-tone=cyan] .q-readout__value{color:var(--cyan)}[data-phase=future] .q-readout[data-tone=amber] .q-readout__value{color:var(--amber)}.q-readout__delta{font-family:var(--font-lcd);font-size:var(--fs-xs);color:var(--text-muted)}.q-statbar{gap:var(--sp-2);flex-direction:column;display:flex}.q-statbar__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);display:flex}.q-statbar__track{height:var(--gauge-h);background:var(--bg-inset);box-shadow:var(--bevel-inset);position:relative;overflow:hidden}.q-statbar__fill{height:100%;width:calc(var(--q-fill,0) * 100%);background:var(--q-bar-color,var(--cyan));transition:width var(--dur-base) var(--ease-mech)}.q-statbar__track--segmented .q-statbar__fill{-webkit-mask-image:repeating-linear-gradient(90deg, #000 0, #000 calc(100% / var(--q-segments,10) - 2px), transparent calc(100% / var(--q-segments,10) - 2px), transparent calc(100% / var(--q-segments,10)));mask-image:repeating-linear-gradient(90deg, #000 0, #000 calc(100% / var(--q-segments,10) - 2px), transparent calc(100% / var(--q-segments,10) - 2px), transparent calc(100% / var(--q-segments,10)))}.q-statbar[data-tone=magenta]{--q-bar-color:var(--magenta)}.q-statbar[data-tone=amber]{--q-bar-color:var(--amber)}.q-statbar[data-tone=lime]{--q-bar-color:var(--lime)}.q-statbar[data-tone=red]{--q-bar-color:var(--red)}.q-screen{background:var(--bg-page);background-image:var(--backdrop);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex}.q-band{align-items:center;gap:var(--sp-6);padding:var(--sp-3) var(--sp-6);background:var(--surface-metal);box-shadow:var(--bevel-out), var(--shadow-drop);border-bottom:var(--border-hair) solid var(--hairline);z-index:5;display:flex;position:sticky;top:0}.q-band--bottom{border-bottom:0;border-top:var(--border-hair) solid var(--hairline);font-size:var(--fs-micro);min-height:var(--hud-bar-h);top:auto;bottom:0}.q-band__mark{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);letter-spacing:var(--tracking-title);color:var(--text-strong);transform:skewX(var(--skew-italic));transform-origin:0 100%;border:0;text-decoration:none}.q-band__title{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.q-band__spacer{flex:1}.q-nav{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.q-nav a{padding:var(--sp-2) var(--sp-5);clip-path:var(--clip-tag);background:var(--bg-inset);color:var(--text-body);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;transition:background var(--dur-fast) var(--ease-mech), color var(--dur-fast) var(--ease-mech);border:0}.q-nav a:hover,.q-nav a.is-active{background:var(--accent);color:var(--text-invert)}.q-content{padding:var(--sp-8) var(--sp-6);flex:auto;width:100%;min-width:0;max-width:1280px;margin:0 auto}.q-screen--desk{height:100dvh}.q-content--desk{max-width:none;min-height:0;padding:var(--sp-6);display:flex;overflow:hidden}@media (width<=720px){.q-band{row-gap:var(--sp-3);flex-wrap:wrap}.q-band__spacer{display:none}.q-nav{order:3;width:100%}}.q-screen--play{height:100dvh}.q-screen--play .q-band{flex-wrap:nowrap;overflow:hidden}.q-screen--play .q-band__spacer{flex:1;display:block}.q-screen--play .q-band__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.q-stage{background:var(--ink-0);background-image:var(--backdrop);flex:1 1 0;min-height:0;position:relative;overflow:hidden}.q-stage__frame{justify-content:center;align-items:stretch;gap:var(--sp-6);height:100%;padding:0 var(--sp-6);display:flex}[data-phase=future] .q-stage__frame{flex-direction:row-reverse}.q-playfield{aspect-ratio:363.12/480;background:var(--ink-0);min-width:0;height:100%;box-shadow:var(--bevel-inset), 0 0 0 var(--border-hair) var(--hairline);outline:none;flex:0 auto;position:relative;overflow:hidden}.q-playfield__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.q-stage__side{flex:0 0 var(--console-w);flex-direction:column;min-width:0;display:flex;position:relative}.q-stage__marquee{isolation:isolate;aspect-ratio:16/9;background:var(--surface-metal);box-shadow:var(--bevel-out), var(--shadow-drop);flex:0 auto;position:relative;overflow:hidden}.q-stage__marquee:empty,.q-stage__marquee .q-set__veil{display:none}.q-console{gap:var(--sp-5);min-width:0;padding:var(--sp-5);background:var(--surface-metal);box-shadow:var(--bevel-out), var(--shadow-drop);border:var(--border-hair) solid var(--hairline);flex-direction:column;flex:1 0 auto;display:flex;overflow:hidden}.q-console__row{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.q-console .q-readout__value{white-space:nowrap;overflow:hidden}.q-console__pace{font-size:var(--fs-xs);letter-spacing:var(--tracking-lcd);white-space:pre;color:var(--text-muted);line-height:1.6}.q-console__gauge{height:6px;box-shadow:var(--bevel-inset);background:#0505078c;overflow:hidden}.q-console__gauge-fill{transform-origin:0;background:var(--cyan);width:100%;height:100%;transform:scaleX(0)}.q-console .q-tally{grid-template-columns:repeat(3,minmax(0,1fr))}.q-console__specs{gap:var(--sp-1) var(--sp-4);font-size:var(--fs-micro);grid-template-columns:auto minmax(0,1fr);margin:auto 0 0;display:grid}.q-console__specs>div{display:contents}.q-console__specs dt{font-family:var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.q-console__specs dd{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.q-veil{z-index:4;scrollbar-gutter:stable;background:var(--bg-page);box-shadow:var(--bevel-out), var(--shadow-drop);flex-direction:column;justify-content:safe center;display:flex;position:absolute;inset:0;overflow-y:auto}.q-veil__card{width:100%;padding:var(--sp-5);flex:none}.q-veil .q-rank{font-size:var(--fs-4xl)}.q-result__board{align-items:center;gap:var(--sp-8);padding:var(--sp-5) var(--sp-6);flex-wrap:wrap;display:flex}.q-result__score{font-size:var(--fs-3xl)}@media (width<=900px){.q-stage__frame{padding:0 var(--sp-4)}.q-console,.q-stage__marquee{display:none}.q-stage__side{pointer-events:none;flex:none;position:absolute;inset:0}.q-veil{pointer-events:auto}.q-veil__card{width:100%;max-width:560px;margin-inline:auto}}@media (width<=720px){.q-screen--play .q-band__note{display:none}}.q-layout{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}@media (width<=900px){.q-layout{grid-template-columns:minmax(0,1fr)}}.q-pair{gap:var(--sp-7);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=1100px){.q-pair{grid-template-columns:minmax(0,1fr)}}.q-desk{gap:var(--sp-5);flex:auto;min-width:0;min-height:0;display:flex}.q-desk__side,.q-desk__main{overscroll-behavior:contain;min-height:0;padding-inline:var(--sp-4);padding-bottom:var(--sp-7);overflow-y:auto}.q-desk__side{order:-1;flex:0 0 var(--desk-side-w);gap:var(--sp-5);flex-direction:column;display:flex}.q-desk__main{flex:auto;min-width:0}@media (width<=900px){.q-desk{flex-direction:column}.q-desk__side{flex:0 auto;order:0;max-height:45%}.q-desk__main{flex:auto}}.q-title{--q-cut:62%;--q-cut-skew:26%;isolation:isolate;background:var(--bg-page);background-image:var(--backdrop);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:clip}.q-seam__ink{background:var(--bg-page);background-image:var(--backdrop);clip-path:polygon(var(--q-cut) 0, 100% 0, 100% 100%, calc(var(--q-cut) - var(--q-cut-skew)) 100%);z-index:0;position:absolute;inset:0}.q-seam__base{background:var(--bg-page);background-image:var(--backdrop);z-index:0;position:absolute;inset:0}.q-seam__edge{z-index:1;pointer-events:none;clip-path:polygon(var(--q-cut) 0, calc(var(--q-cut) + 1px) 0, calc(var(--q-cut) - var(--q-cut-skew) + 1px) 100%, calc(var(--q-cut) - var(--q-cut-skew)) 100%);background:var(--magenta);box-shadow:var(--glow-magenta);position:absolute;inset:0}.q-title__body{z-index:2;gap:var(--sp-9);padding:var(--sp-8) var(--sp-9);flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-content:center;width:100%;max-width:1280px;margin:0 auto;display:grid;position:relative}@media (width<=900px){.q-title{--q-cut:100%}.q-title__body{gap:var(--sp-7);padding:var(--sp-7) var(--sp-6);grid-template-columns:minmax(0,1fr)}.q-title .q-seam__ink,.q-title .q-seam__edge{display:none}}.q-wordmark{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(var(--fs-4xl), 11vw, 132px);line-height:var(--lh-tight);letter-spacing:var(--tracking-title);transform:skewX(var(--skew-italic));transform-origin:0 100%;-webkit-user-select:none;user-select:none;margin:0;position:relative}.q-wordmark__layer{background:linear-gradient(#fff 0% 34%,#a9b0b9 50%,#5c636c 56%,#e9edf1 72%,#fff 100%);color:#0000;filter:drop-shadow(0 2px #00000059)drop-shadow(0 6px 12px #00000059);-webkit-background-clip:text;background-clip:text;display:block}[data-phase=future] .q-wordmark__layer{color:#fff;filter:none;text-shadow:0 0 4px var(--accent), 0 0 16px var(--accent), 0 0 34px var(--accent);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.q-title__tagline{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.q-menu{gap:var(--sp-4);margin-top:var(--sp-8);flex-direction:column;max-width:460px;display:flex}.q-menu__item{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);min-height:var(--control-h-touch);clip-path:var(--clip-arrow-r);background:var(--surface-metal);box-shadow:var(--bevel-plate);color:var(--text-strong);filter:var(--filter-drop);transition:transform var(--dur-fast) var(--ease-snap), filter var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);border:0;text-decoration:none;display:flex;position:relative}.q-menu__item:before{content:"";width:var(--sp-3);background:var(--accent);position:absolute;inset:0 auto 0 0}.q-menu__caret{visibility:hidden;color:var(--accent);font-size:var(--fs-lg);line-height:1}.q-menu__item[data-selected=true] .q-menu__caret,.q-menu__item:hover .q-menu__caret{visibility:visible}.q-menu__item[data-selected=true],.q-menu__item:hover{transform:translateX(var(--sp-2));filter:var(--filter-lift)}.q-menu__label{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xl);letter-spacing:var(--tracking-label);text-transform:uppercase;position:relative}.q-menu__hint{padding-right:var(--sp-6);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-left:auto}.q-menu__item[data-selected=true] .q-menu__label{color:var(--accent)}.q-rack{gap:var(--sp-5);flex-direction:column;display:flex}.q-grid-readouts{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.q-row{align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-6);background:var(--bg-panel);border-bottom:var(--border-hair) solid var(--hairline);box-shadow:inset var(--sp-4) 0 0 var(--q-row-rank,transparent);transition:background var(--dur-fast) var(--ease-mech);display:flex}.q-row:nth-child(2n){background:var(--bg-inset)}.q-row:hover,.q-row[data-selected=true]{background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel))}.q-row__main{flex:1;min-width:0}.q-row__title{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-md);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.q-row__meta{gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-1);font-family:var(--font-lcd);font-size:var(--fs-xs);letter-spacing:var(--tracking-lcd);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.q-library{display:block}.q-library__head{z-index:2;gap:var(--sp-5);padding:var(--sp-6);margin:calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) 0;background:var(--bg-panel);border-bottom:var(--border-hair) solid var(--hairline);flex-direction:column;display:flex;position:sticky;top:0}.q-library__item{padding-bottom:var(--sp-7)}.q-set{background:var(--bg-panel);box-shadow:var(--bevel-out), var(--shadow-drop);clip-path:var(--clip-chamfer-r)}.q-set__head{isolation:isolate;align-items:flex-end;gap:var(--sp-6);min-height:112px;padding:var(--sp-6);background:var(--surface-metal);display:flex;position:relative;overflow:hidden}.q-set__art{z-index:-2;object-fit:cover;object-position:center;filter:saturate(1.15)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.q-set__veil{z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-panel) 55%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 82%, transparent) 55%, color-mix(in srgb, var(--bg-panel) 96%, transparent) 100%);position:absolute;inset:0}.q-set__id{flex:1;min-width:0}.q-set__title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-title);color:var(--text-strong);text-wrap:balance;margin:0}.q-set__artist{margin:var(--sp-2) 0 0;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-muted)}.q-set__side{align-items:center;gap:var(--sp-4);flex-shrink:0;display:flex}.q-set__rank{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);line-height:var(--lh-tight)}.q-set__credit{padding:var(--sp-2) var(--sp-6);font-family:var(--font-lcd);font-size:var(--fs-micro);letter-spacing:var(--tracking-lcd);color:var(--text-muted);background:var(--bg-inset);border-bottom:var(--border-hair) solid var(--hairline);margin:0}.q-row--diff{padding-left:var(--sp-8);background:0 0;flex-wrap:wrap}.q-row--diff:last-child{border-bottom:0}.q-plays{flex:1 0 100%;min-width:0}.q-plays__toggle{align-items:baseline;gap:var(--sp-4);max-width:100%;padding:var(--sp-2) var(--sp-5);background:var(--bg-inset);box-shadow:var(--bevel-inset);font-family:var(--font-lcd);font-size:var(--fs-micro);letter-spacing:var(--tracking-lcd);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease-mech);flex-wrap:wrap;list-style:none;display:inline-flex}.q-plays__best{align-items:baseline;gap:var(--sp-3);display:inline-flex}.q-plays__best .q-label{color:var(--text-muted)}.q-plays__score{font-family:var(--font-lcd);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-lcd);font-weight:700;line-height:var(--lh-tight)}.q-plays__rank{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);line-height:var(--lh-tight)}.q-plays__acc{color:var(--text-muted)}.q-plays__count{white-space:nowrap}.q-plays__sep{color:var(--text-faint,var(--text-muted))}.q-plays__toggle::-webkit-details-marker{display:none}.q-plays__toggle:hover{color:var(--text-strong)}.q-plays__caret{transition:transform var(--dur-fast) var(--ease-mech);display:inline-block}.q-plays[open] .q-plays__caret{transform:rotate(90deg)}.q-plays__last{color:var(--text-faint,var(--text-muted))}.q-plays__body{padding-top:var(--sp-4);background:var(--bg-panel)}@media (width>=1200px){.q-set__head{min-height:140px;padding:var(--sp-7)}.q-set__title{font-size:var(--fs-2xl)}}@media (width<=720px){.q-set__head{flex-direction:column;align-items:stretch}.q-row--diff{padding-left:var(--sp-6)}.q-plays__last{display:none}}.q-row__field{align-items:baseline;gap:var(--sp-2);white-space:nowrap;display:inline-flex}.q-row__field .q-label{color:var(--text-faint,var(--text-muted))}.q-table-scroll{min-width:0;max-width:100%;overflow-x:auto}.q-table{border-collapse:collapse;width:100%;font-family:var(--font-lcd);font-size:var(--fs-xs);letter-spacing:var(--tracking-lcd);font-variant-numeric:tabular-nums}.q-table th{text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--bg-rail);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap}.q-table td{padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-hair) solid var(--hairline);color:var(--text-body)}.q-table tbody tr:nth-child(2n) td{background:var(--bg-inset)}.q-table tbody tr:hover td{background:color-mix(in srgb, var(--accent) 10%, transparent)}.q-drop{align-items:center;gap:var(--sp-5);padding:var(--sp-9) var(--sp-6);background:var(--bg-inset);box-shadow:var(--bevel-inset), inset 0 0 0 var(--border-plate) var(--hairline);text-align:center;transition:box-shadow var(--dur-fast) var(--ease-mech);flex-direction:column;display:flex}.q-drop[data-dragging=true]{box-shadow:var(--bevel-inset), inset 0 0 0 var(--border-plate) var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-inset))}.q-drop input[type=file]{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-xs);width:100%}.q-drop input[type=file]::file-selector-button{margin-right:var(--sp-5);padding:var(--sp-3) var(--sp-6);clip-path:var(--clip-chamfer-r);background:var(--surface-metal);box-shadow:var(--bevel-plate);color:var(--text-strong);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;border:0}.q-drop input[type=file]::file-selector-button:hover{color:var(--accent)}.q-help__toggle{align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) var(--sp-5);background:var(--bg-inset);box-shadow:var(--bevel-inset);font-family:var(--font-lcd);font-size:var(--fs-micro);letter-spacing:var(--tracking-lcd);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease-mech);list-style:none;display:inline-flex}.q-help__toggle::-webkit-details-marker{display:none}.q-help__toggle:hover{color:var(--accent)}.q-help__caret{transition:transform var(--dur-fast) var(--ease-mech);display:inline-block}.q-help[open]>.q-help__toggle>.q-help__caret{transform:rotate(90deg)}.q-help__body{gap:var(--sp-5);padding:var(--sp-6) var(--sp-5) 0;flex-direction:column;display:flex}.q-help__list{gap:var(--sp-5);flex-direction:column;margin:0;display:flex}.q-help__list dt{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);font-weight:700}.q-help__list dt code{text-transform:none}.q-help__list dd{margin:var(--sp-2) 0 0;color:var(--text-muted);font-size:var(--fs-xs)}.q-alert{align-items:flex-start;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:var(--bg-panel);box-shadow:var(--bevel-out), inset var(--sp-1) 0 0 var(--q-alert-color,var(--orange));color:var(--text-body);font-size:var(--fs-sm);display:flex}.q-alert[data-tone=danger]{--q-alert-color:var(--red)}.q-alert[data-tone=info]{--q-alert-color:var(--cyan-deep)}.q-alert__label{color:var(--q-alert-color,var(--orange))}.q-note{color:var(--text-muted);font-size:var(--fs-xs);max-width:100ch}.q-field{width:100%;padding:var(--sp-4) var(--sp-5);min-height:var(--control-h-touch);background:var(--bg-inset);border-radius:var(--radius-0);box-shadow:var(--bevel-inset);color:var(--text-strong);font-family:var(--font-ui);font-size:var(--fs-md);border:0}.q-field::placeholder{color:var(--text-muted)}.q-slider{width:100%;height:var(--gauge-h);appearance:none;background:var(--bg-inset);box-shadow:var(--bevel-inset);cursor:pointer}.q-slider::-webkit-slider-thumb{appearance:none;width:var(--sp-6);height:var(--gauge-h);background:var(--accent);box-shadow:var(--bevel-out);clip-path:var(--clip-chamfer-r);border:0}.q-slider::-moz-range-thumb{width:var(--sp-6);height:var(--gauge-h);background:var(--accent);box-shadow:var(--bevel-out);border:0}.q-switch{align-items:center;gap:var(--sp-3);cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);background:0 0;border:0;padding:0;display:inline-flex;position:relative}.q-switch__track{width:calc(var(--sp-10) - var(--sp-4));height:var(--hud-bar-h);background:var(--bg-inset);box-shadow:var(--bevel-inset);clip-path:var(--clip-chamfer-r);position:relative}.q-switch__knob{inset:var(--sp-1) auto var(--sp-1) var(--sp-1);width:calc(50% - var(--sp-1));background:var(--chrome-4);box-shadow:var(--bevel-out);transition:transform var(--dur-fast) var(--ease-snap), background var(--dur-fast) var(--ease-mech);position:absolute}.q-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.q-switch input:checked~.q-switch__track .q-switch__knob,.q-switch__track[data-on=true] .q-switch__knob{background:var(--accent);transform:translate(100%)}.q-switch input:focus-visible~.q-switch__track{box-shadow:var(--focus-ring)}.q-choice{gap:var(--sp-4);flex-wrap:wrap;display:flex}.q-choice__option{display:inline-flex;position:relative}.q-choice__input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.q-choice__plate{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);min-height:var(--control-h-touch);clip-path:var(--clip-chamfer-r);background:var(--surface-metal);box-shadow:var(--bevel-plate);color:var(--text-muted);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;transition:color var(--dur-fast) var(--ease-snap), transform var(--dur-instant) var(--ease-snap);display:inline-flex}.q-choice__option:hover .q-choice__plate{color:var(--accent)}.q-choice__pip{width:var(--sp-5);height:var(--sp-5);background:var(--bg-inset);box-shadow:var(--bevel-inset);flex:none}.q-choice__input:checked~.q-choice__plate{background:var(--bg-inset);box-shadow:var(--bevel-inset);color:var(--text-strong);transform:translateY(1px)}.q-choice__input:checked~.q-choice__plate .q-choice__pip{background:var(--accent);box-shadow:var(--bevel-out)}.q-hud{color:#edf1f8;pointer-events:none;z-index:3;position:absolute}.q-hud--combo{text-align:center;font-family:var(--font-lcd);font-variant-numeric:tabular-nums;font-size:var(--fs-5xl);line-height:var(--lh-tight);text-shadow:0 0 18px #ff007f73;top:28%;left:0;right:0}.q-hud--judgement{text-align:center;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-2xl);letter-spacing:var(--tracking-label);text-transform:uppercase;color:#fff;top:39%;left:0;right:0}.q-hud--judgement[data-judgement=perfect]{color:var(--judge-300g)}.q-hud--judgement[data-judgement=great]{color:var(--judge-300)}.q-hud--judgement[data-judgement=good]{color:var(--judge-200)}.q-hud--judgement[data-judgement=ok]{color:var(--judge-100)}.q-hud--judgement[data-judgement=meh]{color:var(--judge-50)}.q-hud--judgement[data-judgement=miss]{color:var(--judge-miss)}.q-hud--timing{text-align:center;font-family:var(--font-ui);font-weight:700;font-size:var(--fs-sm);letter-spacing:.2em;color:var(--magenta-soft);top:47%;left:0;right:0}.q-hud--timing[data-side=early]{color:var(--cyan)}.q-hud--timing[data-side=late]{color:var(--orange)}.q-key{min-width:4ch;padding:var(--sp-2) var(--sp-5);font-family:var(--font-lcd);font-size:var(--fs-md);letter-spacing:var(--tracking-lcd);color:var(--text-strong);background:var(--bg-inset);box-shadow:var(--bevel-out), inset 0 0 0 var(--border-hair) var(--hairline);clip-path:var(--clip-chamfer-r);cursor:pointer;border:0;align-self:flex-start}.q-key--inline{padding:0 var(--sp-3);min-width:2.5ch;font-size:var(--fs-xs);color:inherit;box-shadow:inset 0 0 0 var(--border-hair) currentColor;cursor:inherit;background:#05050759;margin-inline-start:var(--sp-2)}.q-key[data-listening=true]{color:var(--text-invert);background:var(--accent);font-family:var(--font-ui);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}.q-veil__grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.q-rank{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-5xl);line-height:var(--lh-tight);transform:skewX(var(--skew-italic));margin:0}.q-tally{gap:var(--sp-1);text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.q-tally__cell{padding:var(--sp-2) var(--sp-1);box-shadow:var(--bevel-inset);background:#0505078c}.q-tally__label{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--tracking-label);color:var(--q-judge-color,#fff)}.q-tally__count{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);color:#fff}.q-stack{gap:var(--sp-5);flex-direction:column;display:flex}.q-inline{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.q-scan{background-image:var(--scanline)}.q-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.q-versus__stage{--q-cut:50%;--q-cut-skew:0%;isolation:isolate;display:flex}.q-versus__half{z-index:2;justify-content:center;align-items:stretch;gap:var(--sp-5);min-width:0;height:100%;padding:0 var(--sp-5);color:var(--text-body);flex:1 1 0;display:flex;position:relative}.q-versus__half[data-cote=gauche]{flex-direction:row-reverse}.q-console--versus{flex:0 0 var(--versus-console-w);gap:var(--sp-4);padding:var(--sp-4)}.q-versus__foot{margin-top:auto}.q-versus__who{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:var(--border-hair) solid var(--hairline);display:flex}.q-versus__label{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);letter-spacing:var(--tracking-title);color:var(--text-strong);transform:skewX(var(--skew-italic))}.q-versus__gap{font-family:var(--font-lcd);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);letter-spacing:var(--tracking-lcd);color:var(--text-muted)}.q-versus__gap[data-side=ahead]{color:var(--judge-200)}.q-versus__gap[data-side=behind]{color:var(--judge-100)}.q-versus__veil{z-index:4;pointer-events:none;padding:var(--sp-5);justify-content:center;align-items:safe center;display:flex;position:absolute;inset:0;overflow:hidden}.q-versus__veil>*{pointer-events:auto;flex:none;width:100%;max-width:640px;max-height:100%;overflow-y:auto}.q-versus__boards{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.q-versus__board{align-items:center;gap:var(--sp-2);padding:var(--sp-5);flex-direction:column;display:flex}.q-versus__board .q-rank{font-size:var(--fs-3xl)}.q-versus__winner{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--accent);color:var(--text-invert);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xl);letter-spacing:var(--tracking-title);display:flex}.q-versus__keys{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=1100px){.q-console--versus{display:none}.q-versus__half{padding:0 var(--sp-3)}}