:root,[data-theme=dark]{--bg-canvas: #141417;--bg-surface: #1C1C21;--bg-surface-raised: #26262B;--border-default: #FFFFFF14;--border-strong: #FFFFFF29;--text-primary: #F4F4F6;--text-secondary: #A7A8B0;--text-disabled: #5D5E66;--action-primary: #F5A623;--action-primary-text: #1A1200;--action-link: #FFD37A;--feedback-danger: #E5484D;--feedback-success: #2FBF71;--feedback-info: #3E8BFF;--focus-ring: #F5A623;--focus-ring-width: 2px;--focus-ring-offset: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 999px;--shadow-1: 0 1px 2px #00000014;--shadow-2: 0 4px 12px #0000001F;--motion-instant: 80ms;--motion-quick: .14s;--motion-standard: .24s;--motion-gentle: .4s;--motion-show: .7s;--motion-podium: 1.2s;--motion-roulette: 3.2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-show: cubic-bezier(.16, 1, .3, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--ease-roulette: cubic-bezier(.12, .8, .2, 1);--team-red: #E5484D;--team-red-on: #FFFFFF;--team-orange: #F76B15;--team-orange-on: #101014;--team-yellow: #FACC15;--team-yellow-on: #101014;--team-chartreuse: #A3E635;--team-chartreuse-on: #101014;--team-green: #22C55E;--team-green-on: #101014;--team-mint: #6EE7B7;--team-mint-on: #101014;--team-teal: #14B8A6;--team-teal-on: #101014;--team-cyan: #22D3EE;--team-cyan-on: #101014;--team-sky: #38BDF8;--team-sky-on: #101014;--team-blue: #3B82F6;--team-blue-on: #FFFFFF;--team-indigo: #6366F1;--team-indigo-on: #FFFFFF;--team-violet: #8B5CF6;--team-violet-on: #FFFFFF;--team-fuchsia: #D946EF;--team-fuchsia-on: #FFFFFF;--team-pink: #F472B6;--team-pink-on: #101014;--team-chalk: #E8E9EB;--team-chalk-on: #101014;--team-steel: #94A3B8;--team-steel-on: #101014;--brand-300: #FFB3C9;--brand-400: #FF7A9E;--brand-500: #F0407A;--brand-600: #D42A67;--brand-700: #A31A4C;--brand-tint: #FFEDF2;--brand-ink: #101014;--brand-cta-bg: #D42A67;--brand-cta-ink: #FFFFFF;--brand-cta-bg-dark: #FF5C8D;--brand-cta-ink-dark: #2A0512;--brand-gradient: linear-gradient(135deg, #FF7A45, #E0357A)}[data-theme=light]{--bg-canvas: #FFFFFF;--bg-surface: #F6F6F7;--bg-surface-raised: #FFFFFF;--border-default: #ECECEE;--border-strong: #B4B5BB;--text-primary: #26262B;--text-secondary: #7C7D85;--text-disabled: #B4B5BB;--action-primary: #F5A623;--action-primary-text: #1A1200;--action-link: #8A5B00;--feedback-danger: #B3261E;--feedback-success: #1B7A48;--feedback-info: #3E8BFF;--focus-ring: #F5A623;--focus-ring-width: 2px;--focus-ring-offset: 2px}.tv{--bg-canvas: #0B0B0E;--tv-chrome-size: 2.6vh;--tv-chrome-weight: 600;--tv-code-size: 3.2vh;--tv-code-weight: 600;--tv-code-letter-spacing: .12em;--tv-rank-size: 3.6vh;--tv-rank-weight: 600;--tv-name-size: 4.2vh;--tv-name-weight: 700;--tv-score-size: 5.2vh;--tv-score-weight: 600;--tv-delta-size: 3vh;--tv-delta-weight: 600;--tv-podium-name-size: 8.5vh;--tv-podium-name-weight: 900;--tv-podium-score-size: 6.5vh;--tv-podium-score-weight: 600;--tv-waiting-code-size: 9vh;--tv-waiting-code-weight: 600;--tv-waiting-code-letter-spacing: .1em}@media(prefers-reduced-motion:reduce){:root{--motion-show: .24s;--motion-podium: .6s}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Archivo Variable,Inter Variable,system-ui,sans-serif;margin:0}h1{font-size:20px;line-height:26px;font-weight:800}h2{font-size:16px;line-height:22px;font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-2);top:calc(-1 * var(--space-16));z-index:20;background:var(--action-primary);color:var(--action-primary-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:top var(--motion-quick) var(--ease-standard)}.skip-link:focus{top:var(--space-2)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-2)}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--text-secondary)}.tnum{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface-raised);color:var(--text-primary);cursor:pointer;transition:background var(--motion-quick) var(--ease-standard),border-color var(--motion-quick) var(--ease-standard)}.btn:hover:not(:disabled){border-color:var(--action-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--action-primary);color:var(--action-primary-text);border-color:transparent;font-weight:600}.btn--ghost{background:transparent;border-color:transparent}.btn--danger{color:var(--feedback-danger);border-color:var(--feedback-danger);background:transparent}.btn--lg{min-height:44px;padding:0 var(--space-4)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-size:12px;line-height:16px;color:var(--text-secondary)}.field input,.field select,.field textarea{min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-canvas)}.field--invalid input,.field--invalid select{border-color:var(--feedback-danger)}.field__error{color:var(--feedback-danger);font-size:12px;line-height:16px}.field__hint{color:var(--text-secondary);font-size:12px;line-height:16px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:24px;border-radius:var(--radius-full);border:1px solid var(--border-default);font-size:12px;line-height:16px}.badge--live{border-color:var(--feedback-success);color:var(--feedback-success)}.badge--warn{border-color:var(--action-primary);color:var(--action-primary)}.badge--muted{color:var(--text-secondary)}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex:none}.app{display:flex;flex-direction:column;min-height:100%}.appbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-surface);position:sticky;top:0;z-index:10}.appbar__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:Archivo Variable,system-ui,sans-serif;font-weight:900;letter-spacing:.02em;text-decoration:none;color:var(--text-primary)}.page{padding:var(--space-6) var(--space-4);margin:0 auto;width:100%;max-width:1200px}.page--narrow{max-width:480px}.empty{text-align:center;padding:var(--space-12) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--action-primary);color:var(--action-primary-text);font-weight:600}.banner--error{background:var(--feedback-danger);color:var(--gray-0, #fff)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0009;z-index:30}.dialog__panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-4);width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-4)}.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-2);z-index:40}.qr{background:#fff;padding:var(--space-2);border-radius:var(--radius-md);align-self:center}.qr svg{display:block;width:180px;height:180px}.kbd{font-family:ui-monospace,monospace;font-size:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.brand-mark{display:inline-block;flex:none;line-height:0}.brand-mark svg{display:block;width:100%;height:100%}.brand-lockup{display:inline-block;flex:none;line-height:0}.brand-lockup svg{display:block;width:auto;height:100%}.brand-lockup__light{display:none;height:100%}.brand-lockup__dark{display:block;height:100%}[data-theme=light] .brand-lockup__light{display:block}[data-theme=light] .brand-lockup__dark{display:none}.scoring{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-6);align-items:start}.scoreboard{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.scorerow{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--motion-quick) var(--ease-standard)}.scorerow[aria-current=true]{border-color:var(--action-primary);background:var(--bg-surface-raised)}.scorerow:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.scorerow__rank{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right}.scorerow__shape{width:14px;height:14px;border-radius:var(--radius-full);flex:none}.scorerow__name{font-weight:600}.scorerow__score{font-variant-numeric:tabular-nums;font-size:20px;line-height:26px;font-weight:600;min-width:3ch;text-align:right}.scorerow__pending{color:var(--action-primary);font-variant-numeric:tabular-nums}.scorerow__pad{display:flex;gap:var(--space-1)}.scorerow__pad .btn{min-width:40px;padding:0 var(--space-2)}.panel{display:flex;flex-direction:column;gap:var(--space-4)}.panel section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.panel h2{font-size:13px;line-height:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-family:inherit}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1)}.palette__swatch{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;padding:0}.palette__swatch[aria-pressed=true]{border-color:var(--text-primary)}@media(max-width:1024px){.scoring{grid-template-columns:minmax(0,1fr)}.scorerow{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"rank name score" "pad pad pad";row-gap:var(--space-2)}.scorerow__rank{grid-area:rank}.scorerow__pad{grid-area:pad}.scorerow__pad .btn{flex:1;min-height:44px}}@media(max-width:768px){.page{padding:var(--space-4) var(--space-2)}}