@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-italic-BbzArEj4.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-italic-Ca7Cun8E.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff")}:root{--sf-navy-950:#070a1a;--sf-navy-900:#0c1026;--sf-navy-800:#141a3d;--sf-navy-700:#1d2557;--sf-navy-600:#2a3478;--sf-indigo-500:#4b57c8;--sf-blue-500:#2f7bff;--sf-blue-400:#5aa0ff;--sf-cyan-400:#24e6e0;--sf-cyan-300:#7ff5f0;--sf-orange-500:#ff7a1a;--sf-orange-400:#ffa03a;--sf-orange-600:#e05f05;--sf-magenta-500:#ff2d87;--sf-magenta-400:#ff6cae;--sf-red-500:#ff3352;--sf-lime-400:#b8f52a;--sf-yellow-400:#ffd23a;--sf-purple-500:#8b3dff;--sf-white:#fff;--sf-paper:#f3f1ff;--sf-grey-300:#c4c8e6;--sf-grey-500:#8a90bb;--sf-grey-700:#4a5080;--sf-black:#03040c;--bg-page:var(--sf-navy-950);--bg-elevated:var(--sf-navy-900);--bg-panel:var(--sf-navy-800);--bg-inset:var(--sf-navy-700);--surface-card:#141a3ddb;--surface-glass:#0c1026b8;--surface-hover:#ffffff0f;--surface-active:#ffffff1f;--border-subtle:#ffffff14;--border-strong:#ffffff2e;--border-accent:var(--sf-orange-500);--text-primary:var(--sf-white);--text-secondary:var(--sf-grey-300);--text-muted:var(--sf-grey-500);--text-on-accent:var(--sf-navy-950);--text-link:var(--sf-cyan-400);--text-link-hover:var(--sf-cyan-300);--accent:var(--sf-orange-500);--accent-hover:var(--sf-orange-400);--accent-active:var(--sf-orange-600);--accent-alt:var(--sf-cyan-400);--p1:var(--sf-magenta-500);--p2:var(--sf-blue-500);--drive:var(--sf-lime-400);--super:var(--sf-purple-500);--feedback-correct:#3ee06f;--feedback-close:var(--sf-yellow-400);--feedback-wrong:var(--sf-red-500);--feedback-hidden:var(--sf-navy-700);--feedback-text:var(--sf-navy-950);--tier-rookie:#9aa0c2;--tier-iron:#8f7f6e;--tier-bronze:#c77b3a;--tier-silver:#c8d2e8;--tier-gold:#ffc53d;--tier-platinum:#6fe3ff;--tier-diamond:#c78bff;--tier-master:#ff5c8a;--focus-ring:var(--sf-cyan-400);--font-display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--font-body:"Barlow", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-display-1:clamp(56px, 9vw, 96px);--text-display-2:clamp(40px, 6vw, 64px);--text-title:32px;--text-heading:24px;--text-subheading:18px;--text-body-lg:18px;--text-body:16px;--text-small:14px;--text-micro:12px;--leading-display:.9;--leading-tight:1.1;--leading-body:1.5;--weight-display:800;--weight-heading:700;--weight-body:400;--weight-medium:500;--weight-semibold:600;--tracking-display:-.01em;--tracking-caps:.08em;--tracking-micro:.14em;--display-skew:-8deg;--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;--radius-sharp:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--skew:-12deg;--skew-soft:-6deg;--chamfer:12px;--clip-chamfer:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));--clip-chamfer-sm:polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);--clip-chamfer-xs:polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);--clip-slant:polygon(8% 0, 100% 0, 92% 100%, 0 100%);--content-max:1120px;--game-max:720px;--control-h:44px;--control-h-sm:36px;--control-h-lg:52px;--shadow-card:0 12px 32px #00000073, 0 1px 0 #ffffff0f inset;--shadow-pop:0 24px 64px #0009;--shadow-press:0 2px 6px #00000080 inset;--glow-accent:0 0 24px #ff7a1a73;--glow-cyan:0 0 24px #24e6e073;--glow-p1:0 0 20px #ff2d8780;--glow-p2:0 0 20px #2f7bff80;--text-shadow-hit:2px 2px 0 var(--sf-magenta-500), -2px -2px 0 var(--sf-cyan-400);--blur-glass:blur(14px);--bg-arena:radial-gradient(ellipse 70% 50% at 20% 0%, #4b57c859, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 100%, #ff7a1a2e, transparent 60%), linear-gradient(180deg, #0c1026 0%, #070a1a 100%);--bg-stripes:repeating-linear-gradient(-60deg, #ffffff09 0 2px, transparent 2px 14px);--bg-gauge-p1:linear-gradient(90deg, var(--sf-magenta-500), var(--sf-red-500));--bg-gauge-p2:linear-gradient(90deg, var(--sf-blue-500), var(--sf-cyan-400));--bg-gauge-drive:linear-gradient(90deg, var(--sf-lime-400), var(--sf-yellow-400));--bg-accent-splash:linear-gradient(135deg, var(--sf-orange-400), var(--sf-orange-600));--dur-fast:.12s;--dur-base:.22s;--dur-slow:.45s;--flip-stagger:.45s;--ease-hit:cubic-bezier(.2, .9, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}.sf-display{font-family:var(--font-display);font-weight:var(--weight-display);text-transform:uppercase;font-style:italic;line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.sf-caps{font-family:var(--font-display);font-weight:var(--weight-heading);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.sf-micro{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--text-muted)}@keyframes sf-flip{0%{opacity:0;transform:rotateX(90deg)}60%{opacity:1;transform:rotateX(-12deg)}to{transform:rotateX(0)}}@keyframes sf-hit{0%{transform:scale(.92) skewX(var(--display-skew))}50%{transform:scale(1.06) skewX(var(--display-skew))}to{transform:scale(1) skewX(var(--display-skew))}}:root{--accent-hot:var(--accent-hover);--on-accent:var(--text-on-accent);--bg:var(--bg-page);--bg-elev:var(--surface-card);--bg-elev-2:var(--bg-inset);--text:var(--text-primary);--text-dim:var(--text-secondary);--text-mute:var(--text-muted);--info:var(--accent-alt);--border:var(--border-strong);--success:var(--feedback-correct);--close:var(--feedback-close);--danger:var(--feedback-wrong);--shadow-elev:var(--shadow-pop);--shadow-hard:var(--shadow-card);--radius-xs:var(--radius-sharp);--accent-rgb:255, 122, 26;--accent-alt-rgb:36, 230, 224;--accent-world-tour:var(--sf-orange-500);--accent-arcade:var(--sf-cyan-400);--accent-retro:var(--sf-magenta-500);--border-accent:var(--accent);--glow-accent:0 0 24px rgba(var(--accent-rgb), .45);--bg-accent-splash:linear-gradient(135deg, var(--accent-hover), var(--accent-active));--font-w-display:var(--weight-heading);--font-w-slant:var(--weight-display);--border-w-hair:1px;--border-w-ink:1px;--border-w-heavy:3px;--ds-ease-out:cubic-bezier(.16, .84, .44, 1);--ds-dur-instant:90ms;--ds-dur-fast:.14s;--ds-dur-base:.22s;--ds-dur-slow:.38s;--ds-lift:-2px;--ds-transition-control:background-color var(--ds-dur-fast) var(--ds-ease-out), border-color var(--ds-dur-fast) var(--ds-ease-out), color var(--ds-dur-fast) var(--ds-ease-out), box-shadow var(--ds-dur-fast) var(--ds-ease-out), filter var(--ds-dur-fast) var(--ds-ease-out), transform var(--ds-dur-fast) var(--ds-ease-out);--z-raised:1;--z-sticky:10;--z-dropdown:20;--z-modal:50;--z-toast:100;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--ds-dur-instant:0s;--ds-dur-fast:0s;--ds-dur-base:0s;--ds-dur-slow:0s}}.theme-world-tour{--theme-art:url(/bg-world-tour.webp);--theme-art-pos:center 40%}.theme-arcade{--theme-art:url(/bg-arcade.webp);--theme-art-pos:center 28%;--accent:var(--accent-arcade);--accent-hover:var(--sf-cyan-300);--accent-active:#10a8a3;--accent-rgb:36, 230, 224;--accent-alt:var(--sf-orange-400);--accent-alt-rgb:255, 160, 58;--text-link:var(--sf-orange-400);--text-link-hover:#ffc07a;--focus-ring:var(--sf-orange-400)}.theme-retro{--theme-art:url(/bg-retro.webp);--theme-art-pos:center 45%;--accent:var(--accent-retro);--accent-hover:var(--sf-magenta-400);--accent-active:#cc1266;--accent-rgb:255, 45, 135}.theme-world-tour,.theme-arcade,.theme-retro{--app-bg:radial-gradient(ellipse 70% 50% at 20% 0%, #4b57c84d, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 100%, rgba(var(--accent-rgb), .16), transparent 60%), linear-gradient(#090c1ee0, #090c1ee0), var(--theme-art);--app-bg-pos:var(--theme-art-pos)}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}html{color:var(--text);background:var(--app-bg);background-size:cover;background-attachment:fixed;background-position:var(--app-bg-pos,center center);background-color:var(--bg);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--bg-inset) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-inset);border-radius:var(--radius-sm);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}::selection{background:var(--accent);color:var(--sf-navy-950)}body{min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-w-display);letter-spacing:.01em;margin:0}p{margin:0}a{color:var(--text-link)}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
