:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink-0:#030712;--ink-1:#07111f;--ink-2:#0b1728;--ink-3:#12243a;--panel:#07111fe6;--panel-soft:#0a1828c2;--panel-raised:#0e1f32f0;--line:#89d3ff33;--line-strong:#70e0ff85;--cyan:#55e7ff;--cyan-hot:#a8f5ff;--blue:#258dff;--orange:#ff8a2a;--orange-hot:#ffc15c;--red:#ff4e46;--green:#57f0a1;--text:#f4f9ff;--text-muted:#91a9be;--text-dim:#647b91;--mono:"Cascadia Mono", "Consolas", "Lucida Console", monospace;--shadow:0 24px 80px #00000085;--ease-out:cubic-bezier(.16, 1, .3, 1);--corner-cut:18px;font-family:Bahnschrift SemiCondensed,Arial Narrow,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html{background:var(--ink-0)}body{min-width:320px;color:var(--text);background:var(--ink-0);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select{font:inherit}button,select,input[type=range]{accent-color:var(--cyan)}button{color:inherit;border:0}button:not(:disabled),select:not(:disabled),input:not(:disabled){cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cyan-hot);outline-offset:3px;box-shadow:0 0 0 6px #258dff47}::selection{color:var(--ink-0);background:var(--cyan)}.game-shell{isolation:isolate;background:radial-gradient(circle at 72% 42%,#2478b929,#0000 42%),linear-gradient(145deg,#07111d,#02050b 70%);width:100vw;height:100vh;min-height:0;position:fixed;inset:0;overflow:hidden}.game-viewport{z-index:0;background:#050a12;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.game-viewport>canvas{outline:none;display:block;width:100%!important;height:100%!important}.game-shell.is-paused .game-viewport{filter:brightness(.72)saturate(.68);transition:filter .22s}.game-grade{z-index:1;pointer-events:none;mix-blend-mode:normal;background:linear-gradient(90deg,#00000038,#0000 24% 75%,#0003),radial-gradient(#0000 48%,#01050d61 100%),repeating-linear-gradient(0deg,#afe1ff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.screen-menu .game-grade,.screen-track-select .game-grade,.screen-car-select .game-grade,.screen-settings .game-grade,.screen-results .game-grade{background:linear-gradient(90deg,#02070f94,#02070f1f 58%,#02070f5c),radial-gradient(#0000 36%,#00030994 100%),repeating-linear-gradient(0deg,#afe1ff06 0 1px,#0000 1px 4px)}.screen-layer{z-index:5;pointer-events:none;min-width:0;min-height:0;animation:screen-enter .52s var(--ease-out) both;position:absolute;inset:0;overflow:hidden}.screen-layer :is(button,input,select,textarea,a,label),.screen-layer .settings-panel,.screen-layer .track-detail,.screen-layer .car-roster,.screen-layer .modal-backdrop{pointer-events:auto}.screen-layer--left{flex-direction:column;align-items:flex-start;display:flex}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:800;line-height:1.2}kbd{color:#eaf8ff;min-width:24px;height:23px;font-family:var(--mono);background:#07111ddb;border:1px solid #a3d9f759;border-bottom-color:#a3d9f7a6;border-radius:3px;place-items:center;padding:0 6px;font-size:.66rem;font-weight:700;display:inline-grid;box-shadow:inset 0 -2px #76b8dc1f}.brand-mark{filter:drop-shadow(0 0 15px #55e7ff61);width:62px;height:39px;position:relative}.brand-mark:before{content:"";background:var(--orange);width:7px;height:7px;position:absolute;top:2px;right:1px;transform:skew(-24deg);box-shadow:0 0 12px #ff8a2ad9}.brand-mark:after{content:"";background:linear-gradient(90deg, var(--orange), #ff8a2a00);width:52px;height:1px;position:absolute;bottom:1px;left:2px}.brand-mark i{background:linear-gradient(90deg, var(--cyan-hot), var(--blue));clip-path:polygon(9% 0,100% 0,84% 100%,0 100%);width:44px;height:7px;position:absolute;left:4px;transform:skew(-22deg)}.brand-mark i:first-child{top:2px;left:10px}.brand-mark i:nth-child(2){background:linear-gradient(90deg, var(--blue), var(--cyan));width:50px;top:15px}.brand-mark i:nth-child(3){background:linear-gradient(90deg, var(--orange), #ff5d36);width:40px;top:28px;left:1px}.action-button{--button-accent:var(--cyan);background:linear-gradient(100deg, #142f46f0, #081524e0 72%), var(--ink-2);width:100%;min-height:62px;box-shadow:inset 3px 0 var(--button-accent), 0 8px 24px #0000002e;text-align:left;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, filter .18s ease, transform .18s var(--ease-out);border:1px solid #85c5e93b;grid-template-rows:auto auto;align-content:center;padding:10px 47px 10px 65px;display:grid;position:relative;overflow:hidden}.action-button:before{content:"";transition:transform .42s var(--ease-out);background:linear-gradient(105deg,#0000 40%,#a2f2ff21 50%,#0000 60%);position:absolute;inset:0;transform:translate(-130%)}.action-button:hover,.action-button:focus-visible{box-shadow:inset 5px 0 var(--button-accent), 0 12px 30px #0000004d, 0 0 22px #55e7ff1a;background-color:#142c43;border-color:#73e0ffb8;transform:translate(5px)}.action-button:hover:before,.action-button:focus-visible:before{transform:translate(130%)}.action-button:active{filter:brightness(.9);transform:translate(3px)scale(.992)}.action-button--primary{--button-accent:var(--orange-hot);color:#0b1017;background:linear-gradient(105deg,#ffb13b,#ff7b24 68%,#f45a2c);border-color:#ffc15c99;box-shadow:inset 3px 0 #ffe1a7,0 12px 30px #ff691f33}.action-button--secondary{--button-accent:var(--cyan)}.action-button--primary:hover,.action-button--primary:focus-visible{background-color:#ff9e30;border-color:#fff0bf;box-shadow:inset 5px 0 #fff1c7,0 15px 34px #ff6d2152,0 0 24px #ffb73d38}.action-button--danger{--button-accent:var(--red);background:linear-gradient(100deg,#5c1c23eb,#1f0e18e6);border-color:#ff4e466b}.action-button--quiet{--button-accent:#73869a;color:#a8b7c5;background:#08111d8a}.action-button__icon{border:1px solid color-mix(in srgb, var(--button-accent) 55%, transparent);width:34px;height:34px;color:var(--button-accent);background:#040c1542;place-items:center;font-family:Segoe UI Symbol,Segoe UI,sans-serif;font-size:1rem;font-weight:800;display:grid;position:absolute;top:50%;left:17px;transform:translateY(-50%)skew(-8deg)}.action-button--primary .action-button__icon{color:#17202a;background:#fff3;border-color:#1416173d}.action-button__label{z-index:1;letter-spacing:.055em;text-transform:uppercase;font-size:1rem;font-weight:850;line-height:1.05;position:relative}.action-button__detail{z-index:1;color:var(--text-muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.72rem;font-weight:500;line-height:1.15;position:relative;overflow:hidden}.action-button--primary .action-button__detail{color:#111922b8}.action-button__chevron{color:currentColor;opacity:.72;transition:transform .18s var(--ease-out);font-size:1.65rem;font-weight:300;line-height:1;position:absolute;top:50%;right:18px;transform:translateY(-52%)}.action-button:hover .action-button__chevron,.action-button:focus-visible .action-button__chevron{transform:translate(4px,-52%)}.back-button{color:#c8d9e8;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px);background:#07121fb8;border:1px solid #8dc7e847;justify-content:center;align-items:center;gap:9px;min-width:112px;min-height:42px;padding:9px 18px;font-size:.78rem;font-weight:750;transition:all .18s;display:inline-flex}.back-button span{color:var(--cyan);font-size:1.45rem;line-height:0}.back-button:hover,.back-button:focus-visible{border-color:var(--cyan);color:#fff;background:#16374fe6;transform:translate(-3px)}.menu-frame{background:linear-gradient(135deg, #0e2033f5, #050e1af2 58%), var(--panel);width:min(760px,100% - 48px);min-height:0;max-height:calc(100% - 44px);box-shadow:var(--shadow), inset 0 1px #ddf7ff0f;clip-path:polygon(0 var(--corner-cut), var(--corner-cut) 0, calc(100% - 48px) 0, calc(100% - 34px) 14px, 100% 14px, 100% calc(100% - var(--corner-cut)), calc(100% - var(--corner-cut)) 100%, 0 100%);filter:drop-shadow(0 24px 50px #0000005c);border:1px solid #7ecbf342;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.menu-frame:before{content:"";z-index:2;background:linear-gradient(90deg, var(--orange), var(--cyan), transparent);width:min(260px,32%);height:3px;position:absolute;top:0;left:22px;box-shadow:0 0 18px #55e7ff7a}.menu-frame:after{content:"SF // 01";z-index:-1;color:#7bd7ff09;font-family:var(--mono);letter-spacing:-.09em;pointer-events:none;font-size:clamp(2.7rem,6vw,6.5rem);font-weight:900;position:absolute;top:22px;right:30px;transform:skew(-12deg)}.menu-frame--wide{width:min(1760px,100% - 54px);height:min(1040px,100% - 40px)}.menu-frame__header{z-index:1;background:linear-gradient(90deg,#142e466b,#0000 65%);border-bottom:1px solid #7ecbf326;min-height:100px;padding:23px 32px 17px;position:relative}.menu-frame__header h1{letter-spacing:-.045em;text-transform:uppercase;transform-origin:0;margin:0;font-size:clamp(2rem,3.25vw,3.7rem);font-weight:900;line-height:.94;transform:skew(-5deg)}.menu-frame__subtitle{max-width:700px;color:var(--text-muted);letter-spacing:.015em;margin:8px 0 0;font-size:.82rem;line-height:1.35}.menu-frame__content{z-index:1;min-width:0;min-height:0;padding:18px 24px;position:relative;overflow:hidden}.menu-frame__footer{z-index:1;background:#030a1399;border-top:1px solid #7ecbf324;min-height:66px;padding:11px 24px;position:relative}.splash-screen{pointer-events:auto;background:radial-gradient(circle at 50% 45%,#1d80bd33,#0000 30%),linear-gradient(115deg,#02070eeb,#040d1880 48%,#01050be0);place-items:center;display:grid}.splash-screen:before,.splash-screen:after{content:"";pointer-events:none;position:absolute}.splash-screen:before{clip-path:polygon(0 30px,30px 0,34% 0,36% 2px,64% 2px,66% 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px));border:1px solid #77d9ff1f;inset:7%}.splash-screen:after{background:linear-gradient(#0000 9%,#62d3ff21 30%,#0000 74%);width:1px;top:0;bottom:0;left:50%}.splash-screen__speed-lines{opacity:.28;background:repeating-conic-gradient(from 270deg,#0000 0deg 2deg,#4fd0ff4d 2.1deg 2.25deg,#0000 2.35deg 6deg);animation:12s linear infinite speed-lines;position:absolute;inset:-25%;-webkit-mask-image:radial-gradient(circle,#0000 0 15%,#000 48%,#0000 70%);mask-image:radial-gradient(circle,#0000 0 15%,#000 48%,#0000 70%)}.splash-screen__logo{z-index:1;text-align:center;animation:splash-logo .9s var(--ease-out) both;flex-direction:column;align-items:center;display:flex;position:relative}.splash-screen__logo .brand-mark{margin-bottom:24px;transform:scale(1.45)}.splash-screen__logo p{color:var(--text-muted);letter-spacing:.35em;text-transform:uppercase;margin:0 0 10px;font-size:.65rem;font-weight:700}.splash-screen__logo h1,.main-menu__brand h1{letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 0 42px #55e7ff21,4px 5px #185c8552;margin:0;font-size:clamp(3.4rem,7vw,8.8rem);font-weight:950;line-height:.82;transform:skew(-8deg)}.splash-screen__logo h1:first-letter,.main-menu__brand h1:first-letter{color:var(--orange)}.splash-screen__logo>span{border-left:3px solid var(--orange);border-right:3px solid var(--cyan);color:#c8e5f5;letter-spacing:.34em;text-transform:uppercase;margin-top:17px;padding:7px 17px;font-size:.82rem;font-weight:700}.splash-screen__continue{z-index:2;border-bottom:2px solid var(--cyan);color:#d9f6ff;letter-spacing:.22em;text-transform:uppercase;background:#040d1894;padding:12px 25px 10px;font-size:.72rem;font-weight:750;animation:2s ease-in-out infinite continue-pulse;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.splash-screen__continue:hover,.splash-screen__continue:focus-visible{color:#08101a;background:var(--cyan)}.main-menu{background:linear-gradient(90deg,#020810f7 0,#040d18e8 31%,#040d1845 59%,#0000 78%),linear-gradient(#0000 62%,#02060c85);padding:clamp(28px,5.2vh,78px) clamp(28px,5vw,96px)}.main-menu:before{content:"";background:linear-gradient(var(--orange), var(--cyan) 42%, transparent 90%);width:5px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 28px #55e7ff61}.main-menu__brand{z-index:1;width:min(540px,44vw);animation:menu-brand-in .6s var(--ease-out) both;margin-bottom:clamp(22px,4vh,48px);position:relative}.main-menu__brand .brand-mark{margin-bottom:12px}.main-menu__brand p{color:var(--cyan);letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px;font-size:.68rem;font-weight:800}.main-menu__brand h1{font-size:clamp(3.15rem,5.4vw,7rem);line-height:.84}.main-menu__brand>span{color:#b8ccdc;letter-spacing:.24em;text-transform:uppercase;margin-top:13px;font-size:.8rem;font-weight:650;display:block}.main-menu__actions{z-index:2;width:min(455px,43vw);animation:menu-actions-in .65s 80ms var(--ease-out) both;gap:8px;display:grid;position:relative}.main-menu__footer{z-index:1;color:#738da3;font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:13px;font-size:.61rem;font-weight:700;display:flex;position:absolute;bottom:clamp(20px,3.5vh,44px);left:clamp(28px,5vw,96px)}.main-menu__footer i{background:var(--orange);width:18px;height:1px;transform:skew(-35deg)}.selection-screen,.settings-screen{background:radial-gradient(circle at 77% 46%,#1e7dbd1a,#0000 32%),linear-gradient(135deg,#030911c9,#040c166b)}.car-selection-screen{background:radial-gradient(circle at 52% 45%,#36b8ee0f,#0000 29%),linear-gradient(90deg,#030a1394 0 27%,#030a1305 36% 69%,#030a1370 78% 100%)}.selection-footer{justify-content:space-between;align-items:center;gap:18px;width:100%;display:flex}.selection-footer>.action-button{width:min(315px,38vw);min-height:48px}.selection-footer__summary{color:#dceef8;flex-direction:column;align-items:flex-end;min-width:0;margin-left:auto;display:flex}.selection-footer__summary small{color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:.59rem;font-weight:700}.selection-footer__summary b{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:36vw;font-size:.76rem;overflow:hidden}.selection-footer__summary b span{color:var(--orange)}.track-selection-layout{grid-template-columns:minmax(530px,1.35fr) minmax(330px,.65fr);gap:18px;height:100%;min-height:0;display:grid}.track-grid{grid-template-rows:repeat(6,minmax(48px,1fr));grid-template-columns:1fr;gap:7px;min-width:0;min-height:0;display:grid}.theme-coast{--theme:#55e7ff;--theme-rgb:85, 231, 255;--theme-alt:#ffbd58}.theme-forest{--theme:#68e59a;--theme-rgb:104, 229, 154;--theme-alt:#e3bd68}.theme-neon{--theme:#d953ff;--theme-rgb:217, 83, 255;--theme-alt:#58f5ff}.theme-desert{--theme:#ff9d4c;--theme-rgb:255, 157, 76;--theme-alt:#ffe06e}.theme-sky{--theme:#7cecff;--theme-rgb:124, 236, 255;--theme-alt:#ff77c8}.theme-gauntlet{--theme:#ff573a;--theme-rgb:255, 87, 58;--theme-alt:#55e9ff}.track-card{color:#cce0ee;text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);min-width:0;min-height:0;transition:border-color .16s ease, background .16s ease, transform .18s var(--ease-out), filter .16s ease;background:linear-gradient(100deg,#0f2235d4,#050f1bb0);border:1px solid #78bbe029;grid-template-columns:34px 61px minmax(105px,1fr) auto minmax(105px,auto);align-items:center;gap:10px;padding:7px 12px 7px 9px;display:grid;position:relative;overflow:hidden}.track-card:before{content:"";background:var(--theme);opacity:.38;width:3px;box-shadow:0 0 14px rgba(var(--theme-rgb), .55);position:absolute;top:0;bottom:0;left:0}.track-card:after{content:"";background:linear-gradient(100deg, rgba(var(--theme-rgb), .12), transparent 43%);opacity:0;transition:opacity .18s;position:absolute;inset:0}.track-card:hover,.track-card:focus-visible,.track-card.is-selected{z-index:1;border-color:rgba(var(--theme-rgb), .72);color:#fff;filter:brightness(1.08);background:linear-gradient(100deg,#183448f7,#071321eb);transform:translate(4px)}.track-card:hover:after,.track-card:focus-visible:after,.track-card.is-selected:after{opacity:1}.track-card.is-selected{box-shadow:inset 4px 0 var(--theme), 0 8px 22px #00000038}.track-card>span{z-index:1;position:relative}.track-card__number{color:var(--theme);font-family:var(--mono);opacity:.68;font-size:.75rem;font-weight:800}.track-card__route{border:1px solid rgba(var(--theme-rgb), .18);background:#02080f75;width:55px;height:31px;position:relative;transform:skew(-5deg)}.track-card__route i{background:var(--theme);height:2px;box-shadow:0 0 5px rgba(var(--theme-rgb), .65);transform-origin:0;border-radius:2px;display:block;position:absolute}.track-card__route i:first-child{width:19px;top:20px;left:7px;transform:rotate(-42deg)}.track-card__route i:nth-child(2){width:24px;top:7px;left:21px;transform:rotate(30deg)}.track-card__route i:nth-child(3){width:10px;top:19px;left:40px;transform:rotate(-57deg)}.track-card__body{flex-direction:column;min-width:0;display:flex}.track-card__body b{letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.84rem;font-weight:850;line-height:1.1;overflow:hidden}.track-card__body small{color:var(--text-dim);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.59rem;overflow:hidden}.difficulty{color:#aabac7;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#050c1591;border:1px solid #91acc03d;justify-self:end;padding:4px 7px 3px;font-size:.52rem;font-weight:800;line-height:1}.difficulty--easy{color:var(--green);border-color:#55f0a15c}.difficulty--easy--medium,.difficulty--medium{color:var(--orange-hot);border-color:#ffc15c6b}.difficulty--hard{color:#ff776f;border-color:#ff4e4675}.track-card__best{flex-direction:column;align-items:flex-end;min-width:104px;display:flex}.track-card__best small{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.51rem;font-weight:700}.track-card__best b{color:#ddecf6;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.73rem}.track-detail{border:1px solid rgba(var(--theme-rgb), .27);background:linear-gradient(160deg, rgba(var(--theme-rgb), .14), transparent 42%), linear-gradient(145deg, #0d1f30eb, #040c17eb);min-width:0;min-height:0;box-shadow:inset 0 0 45px rgba(var(--theme-rgb), .04);scrollbar-color:rgba(var(--theme-rgb), .55) transparent;scrollbar-width:thin;padding:15px 18px;position:relative;overflow:auto}.track-detail:before{content:"";background:var(--theme);width:48px;height:4px;box-shadow:0 0 15px rgba(var(--theme-rgb), .8);position:absolute;top:0;right:0}.track-detail__topline{color:var(--theme);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.56rem;font-weight:750;display:flex}.track-detail__map{border:1px solid rgba(var(--theme-rgb), .23);background:linear-gradient(rgba(var(--theme-rgb), .045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--theme-rgb), .045) 1px, transparent 1px), radial-gradient(circle at center, rgba(var(--theme-rgb), .08), #010810a6);background-size:18px 18px,18px 18px,auto;height:clamp(98px,17vh,190px);margin:12px 0 14px;position:relative;overflow:hidden}.track-detail__map b{color:rgba(var(--theme-rgb), .1);letter-spacing:-.1em;font-size:clamp(3rem,6vw,6rem);font-weight:950;line-height:1;position:absolute;bottom:-13px;right:8px}.track-detail__map-glow{border:2px solid rgba(var(--theme-rgb), .48);width:68%;height:64%;box-shadow:0 0 8px var(--theme), inset 0 0 11px rgba(var(--theme-rgb), .2);border-radius:51% 32% 44% 39%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)skew(-9deg)}.track-detail__map i{z-index:1;background:var(--theme-alt);height:3px;box-shadow:0 0 8px var(--theme-alt);transform-origin:0;display:block;position:absolute}.track-detail__map i:first-of-type{width:25%;top:27%;left:22%;transform:rotate(24deg)}.track-detail__map i:nth-of-type(2){width:29%;top:48%;left:43%;transform:rotate(51deg)}.track-detail__map i:nth-of-type(3){width:23%;top:70%;left:51%;transform:rotate(154deg)}.track-detail__map i:nth-of-type(4){width:20%;top:64%;left:30%;transform:rotate(-67deg)}.track-detail h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,2.2vw,2.5rem);font-weight:900;line-height:1}.track-detail h3{color:var(--theme);letter-spacing:.08em;text-transform:uppercase;margin:5px 0 8px;font-size:.74rem;font-weight:700}.track-detail>p:not(.eyebrow){color:#9eb3c4;margin:0;font-size:.72rem;line-height:1.45}.track-detail__feature{border-left:3px solid var(--theme-alt);background:#030a1385;flex-direction:column;margin-top:12px;padding:9px 11px;display:flex}.track-detail__feature span{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.53rem;font-weight:750}.track-detail__feature b{color:#d9eaf4;margin-top:3px;font-size:.67rem;font-weight:650;line-height:1.35}.track-detail__metrics{border-top:1px solid rgba(var(--theme-rgb), .18);grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.track-detail__metrics>span{border-right:1px solid rgba(var(--theme-rgb), .12);text-align:center;flex-direction:column;align-items:center;min-width:0;padding:9px 7px 0;display:flex}.track-detail__metrics>span:last-child{border-right:0}.track-detail__metrics small{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.48rem;font-weight:700}.track-detail__metrics b{max-width:100%;color:var(--theme);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.78rem;overflow:hidden}.car-selection-layout{grid-template-columns:minmax(255px,.72fr) minmax(210px,1.35fr) minmax(305px,.82fr);gap:18px;height:100%;min-height:0;display:grid;position:relative}.car-selection-screen .menu-frame{background:linear-gradient(90deg,#081625f5 0 29%,#040d1806 37% 68%,#06121ff0 76% 100%),#040d180e}.car-selection-screen .menu-frame__header,.car-selection-screen .menu-frame__footer{background-color:#050f1beb}.car-detail{z-index:2;scrollbar-color:#55e7ff80 transparent;scrollbar-width:thin;background:linear-gradient(145deg,#0e2235e8,#050d18db);border:1px solid #5cceff3b;min-width:0;padding:19px;position:relative;overflow:auto}.car-detail:before{content:"";background:linear-gradient(90deg, var(--orange), var(--cyan));width:34%;height:3px;position:absolute;top:0;left:0}.car-detail h2{letter-spacing:-.06em;text-transform:uppercase;transform-origin:0;margin:1px 0 11px;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:950;line-height:.9;transform:skew(-5deg)}.car-detail>p:not(.eyebrow){color:#9cb1c2;margin:0 0 17px;font-size:.73rem;line-height:1.5}.car-detail__personality{border-left:3px solid var(--orange);background:#030a138f;flex-direction:column;margin-top:18px;padding:10px 12px;display:flex}.car-detail__personality span{color:var(--text-dim);letter-spacing:.13em;text-transform:uppercase;font-size:.52rem;font-weight:700}.car-detail__personality b{color:#dcecf5;letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:.69rem}.car-stage-copy{z-index:0;pointer-events:none;min-width:0;position:relative;overflow:hidden}.car-stage-copy:before{content:"";background:radial-gradient(#34aee629,#0000 67%);border:1px solid #55e7ff38;border-radius:50%;height:20%;position:absolute;bottom:19%;left:4%;right:4%;transform:perspective(400px)rotateX(65deg);box-shadow:0 0 55px #258dff1f}.car-stage-copy:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#47ccff21,#1965980a 42%,#0000 69%);position:absolute;inset:7% -8% 22%}.car-stage-copy>span{color:#b8e7ff17;letter-spacing:-.09em;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(3.1rem,6.8vw,8.5rem);font-weight:950;line-height:.8;position:absolute;bottom:13%;left:3%;transform:skew(-9deg)}.car-stage-copy>b{color:#55e7ff4d;font-family:var(--mono);font-size:clamp(2rem,4vw,5rem);font-weight:300;line-height:1;position:absolute;top:6%;right:3%}.car-stage-copy>small{color:#a4d0e866;letter-spacing:.16em;font-size:.5rem;font-weight:700;position:absolute;top:calc(6% + clamp(2rem,4vw,5rem));right:3%}.car-roster{z-index:2;scrollbar-color:#55e7ff80 transparent;scrollbar-width:thin;grid-template-rows:repeat(6,minmax(54px,1fr));gap:6px;min-width:0;min-height:0;display:grid;position:relative;overflow:auto}.car-roster-card{--car-color:var(--cyan);color:#c5d8e6;text-align:left;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);min-width:0;min-height:0;transition:.18s var(--ease-out);background:linear-gradient(100deg,#0d1f31de,#050e19c2);border:1px solid #82c1e226;grid-template-rows:auto auto;grid-template-columns:28px 74px minmax(80px,1fr) minmax(112px,1.2fr);align-items:center;column-gap:8px;padding:7px 9px;display:grid;position:relative;overflow:hidden}.car-roster-card:before{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--car-color) 16%, transparent), transparent 48%);opacity:0;transition:opacity .18s;position:absolute;inset:0}.car-roster-card:hover,.car-roster-card:focus-visible,.car-roster-card.is-selected{border-color:color-mix(in srgb, var(--car-color) 68%, white 8%);color:#fff;box-shadow:inset 4px 0 var(--car-color), 0 7px 20px #00000038;transform:translate(-4px)}.car-roster-card:hover:before,.car-roster-card:focus-visible:before,.car-roster-card.is-selected:before{opacity:1}.car-roster-card>*{z-index:1;position:relative}.car-roster-card__index{color:var(--car-color);font-family:var(--mono);opacity:.7;grid-row:1/3;font-size:.64rem;font-weight:800}.car-roster-card__silhouette{width:68px;height:30px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--car-color) 46%, transparent));grid-row:1/3;position:relative}.car-roster-card__silhouette:before{content:"";border:1px solid color-mix(in srgb, var(--car-color) 70%, white 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--car-color) 82%, white 8%), color-mix(in srgb, var(--car-color) 62%, black 24%));clip-path:polygon(0 45%,13% 14%,36% 8%,47% 0,74% 4%,87% 31%,100% 46%,95% 100%,4% 100%);border-radius:5px 10px 3px 3px;height:13px;position:absolute;bottom:7px;left:1px;right:2px}.car-roster-card__silhouette:after{content:"";clip-path:polygon(19% 0,79% 0,100% 100%,0 100%);background:#071b27d1;border-top:1px solid #ddfaffa6;width:26px;height:8px;position:absolute;bottom:18px;right:18px}.car-roster-card__silhouette i:first-child,.car-roster-card__silhouette i:nth-child(2){z-index:2;background:#050910;border:2px solid #718392;border-radius:50%;width:10px;height:10px;position:absolute;bottom:3px}.car-roster-card__silhouette i:first-child{left:11px}.car-roster-card__silhouette i:nth-child(2){right:10px}.car-roster-card__silhouette i:nth-child(3){z-index:2;background:var(--car-color);width:17px;height:2px;position:absolute;top:6px;right:3px;transform:rotate(-5deg)}.car-roster-card>b{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-self:end;font-size:.72rem;font-weight:850;line-height:1;overflow:hidden}.car-roster-card>small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:.51rem;line-height:1.1;overflow:hidden}.car-roster-card>.stat-bars{grid-area:1/4/3}.stat-bars{gap:8px;display:grid}.stat-row{grid-template-columns:84px minmax(55px,1fr) 18px;align-items:center;gap:9px;display:grid}.stat-row>span{color:#9bb0c0;letter-spacing:.07em;text-transform:uppercase;font-size:.59rem;font-weight:700}.stat-row>b{color:#dceef8;font-family:var(--mono);text-align:right;font-size:.66rem}.stat-row__track{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#01080fe6 calc(10% - 1px) 10%),#6d99b433;height:5px;position:relative;overflow:hidden;transform:skew(-16deg)}.stat-row__track i{background:linear-gradient(90deg, var(--blue), var(--cyan), var(--orange-hot));height:100%;display:block;box-shadow:0 0 8px #55e7ff66}.stat-bars--compact{gap:3px}.stat-bars--compact .stat-row{grid-template-columns:48px minmax(38px,1fr) 12px;gap:4px}.stat-bars--compact .stat-row>span{letter-spacing:.02em;font-size:.42rem}.stat-bars--compact .stat-row>b{font-size:.48rem}.stat-bars--compact .stat-row__track{height:3px}.settings-screen--paused{-webkit-backdrop-filter:blur(10px)saturate(.72);backdrop-filter:blur(10px)saturate(.72);background:#02070eb8}.settings-layout{grid-template-columns:205px minmax(0,1fr);gap:19px;height:100%;min-height:0;display:grid}.settings-tabs{background:#040d1887;border:1px solid #74c2eb24;flex-direction:column;align-self:start;gap:6px;min-width:0;padding:7px;display:flex}.settings-tabs button{color:#879eb1;letter-spacing:.07em;text-align:left;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:0 0;border:1px solid #0000;align-items:center;gap:11px;min-height:49px;padding:9px 13px;font-size:.72rem;font-weight:760;transition:all .16s;display:flex;position:relative}.settings-tabs button span{width:27px;height:27px;color:var(--cyan);opacity:.7;place-items:center;font-family:Segoe UI Symbol,sans-serif;font-size:.84rem;display:grid}.settings-tabs button:hover,.settings-tabs button:focus-visible{color:#eefaff;background:#23526e6b}.settings-tabs button.is-active{color:#fff;box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(100deg,#1f709785,#0a1f2fa8);border-color:#55e7ff61}.settings-tabs button.is-active span{color:var(--orange-hot);opacity:1}.settings-panel{scrollbar-color:#55e7ff80 transparent;scrollbar-width:thin;background:linear-gradient(145deg,#0d1e2fc2,#040d18a3);border:1px solid #74c2eb24;min-width:0;min-height:0;padding:18px 22px;overflow:auto}.settings-panel h2{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:900;line-height:1}.settings-panel>p{color:#7f98ab;margin:6px 0 16px;font-size:.68rem;line-height:1.4}.setting-row{border-top:1px solid #7ebee11c;grid-template-columns:minmax(220px,1fr) minmax(230px,auto);align-items:center;gap:22px;min-height:63px;padding:11px 5px;display:grid}.setting-row>div:first-child{flex-direction:column;min-width:0;display:flex}.setting-row>div:first-child b{letter-spacing:.04em;text-transform:uppercase;font-size:.73rem;font-weight:790}.setting-row>div:first-child span{color:#6f879a;margin-top:3px;font-size:.6rem;line-height:1.25}.setting-row__control{justify-content:flex-end;align-items:center;min-width:0;display:flex}.settings-panel select{color:#e8f7ff;min-width:170px;height:38px;font-family:var(--mono);background-color:#0b2033;border:1px solid #74cef957;border-radius:0;padding:0 36px 0 12px;font-size:.69rem;font-weight:650}.settings-panel select option{color:#eef9ff;background:#091725}.segmented-control{background:#030a13a8;border:1px solid #78bde033;grid-auto-columns:1fr;grid-auto-flow:column;min-width:220px;padding:3px;display:inline-grid}.segmented-control button{color:#7e95a8;letter-spacing:.09em;text-transform:uppercase;background:0 0;border-right:1px solid #78bde01f;min-height:31px;padding:5px 11px;font-size:.59rem;font-weight:800;transition:all .15s}.segmented-control button:last-child{border-right:0}.segmented-control button:hover,.segmented-control button:focus-visible{color:#effbff;background:#26709559}.segmented-control button.is-active{color:#07111a;background:linear-gradient(100deg, var(--cyan), #36b4f0);box-shadow:0 0 12px #55e7ff2e}.toggle{color:#788fa2;letter-spacing:.08em;text-transform:uppercase;background:#040c16bd;border:1px solid #7bb0cf45;grid-template-columns:31px 1fr;align-items:center;gap:7px;min-width:91px;height:36px;padding:4px 10px 4px 5px;font-size:.58rem;font-weight:800;transition:all .16s;display:inline-grid}.toggle i{background:#26394a;border-radius:12px;width:29px;height:17px;display:block;position:relative;box-shadow:inset 0 0 0 1px #a5cfe726}.toggle i:after{content:"";width:11px;height:11px;transition:.18s var(--ease-out);background:#869bae;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.is-on{color:var(--cyan-hot);background:#133e53a8;border-color:#55e7ff73}.toggle.is-on i{background:#258dff94}.toggle.is-on i:after{background:var(--cyan);left:15px;box-shadow:0 0 8px #55e7ffcc}.volume-control{grid-template-columns:minmax(140px,1fr) 42px;align-items:center;gap:12px;min-width:245px;display:grid}.volume-control input[type=range]{appearance:none;background:0 0;width:100%;height:18px;margin:0}.volume-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#258dff9e,#55e7ff42);border:1px solid #5cceff3d;height:5px}.volume-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid #dfffff;border-radius:0;width:12px;height:20px;margin-top:-8px;transform:skew(-9deg);box-shadow:0 0 10px #55e7ffa6}.volume-control input[type=range]::-moz-range-track{background:linear-gradient(90deg,#258dff9e,#55e7ff42);border:1px solid #5cceff3d;height:4px}.volume-control input[type=range]::-moz-range-thumb{background:var(--cyan);border:2px solid #dfffff;border-radius:0;width:10px;height:18px;box-shadow:0 0 10px #55e7ffa6}.volume-control b{color:var(--cyan-hot);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.72rem}.volume-control b:after{content:"%";color:var(--text-dim);margin-left:2px;font-size:.52rem}.test-audio-button,.reset-bindings-button{min-height:38px;color:var(--cyan-hot);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#10364b8f;border:1px solid #55e7ff57;margin-top:12px;padding:8px 14px;font-size:.6rem;font-weight:780;transition:all .16s}.test-audio-button:hover,.test-audio-button:focus-visible,.reset-bindings-button:hover,.reset-bindings-button:focus-visible{color:#07121d;background:var(--cyan);transform:translateY(-1px)}.settings-callout{border:1px solid #57f0a133;border-left:4px solid var(--green);background:#1440394d;margin-top:22px;padding:15px 17px}.settings-callout span{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.settings-callout p{color:#9cbdb8;margin:6px 0 0;font-size:.66rem;line-height:1.45}.bindings-list{border-top:1px solid #7ebee11f}.binding-row{border-bottom:1px solid #7ebee11a;grid-template-columns:minmax(130px,1fr) minmax(260px,auto);align-items:center;gap:16px;min-height:43px;padding:5px 4px;display:grid}.binding-row>span{color:#bccfdd;letter-spacing:.05em;text-transform:uppercase;font-size:.64rem;font-weight:720}.binding-row>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.binding-row button{color:#d9eaf4;min-width:86px;min-height:29px;font-family:var(--mono);background:#05101cc2;border:1px solid #8ecaeb42;padding:5px 9px;font-size:.56rem;transition:all .15s}.binding-row button:hover,.binding-row button:focus-visible{border-color:var(--cyan);color:var(--cyan-hot);background:#14435bb8}.binding-row button.is-listening{border-color:var(--orange);color:#15100a;background:var(--orange-hot);animation:.9s ease-in-out infinite alternate listening;box-shadow:0 0 16px #ff8a2a59}.reset-bindings-button{color:var(--orange-hot);background:#4f2a1570;border-color:#ff8a2a52}.race-overlay{overflow:hidden}.race-hud--top{filter:drop-shadow(0 9px 15px #00000073);grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr);align-items:start;gap:24px;display:grid;position:absolute;top:clamp(16px,2.5vh,34px);left:clamp(18px,2.6vw,50px);right:clamp(18px,2.6vw,50px)}.race-course-tag,.race-best{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(105deg,#05111eeb,#0a1f30ad);border:1px solid #7fcdf633;flex-direction:column;width:min(310px,100%);min-height:70px;padding:11px 15px 10px 18px;display:flex;position:relative;overflow:hidden}.race-course-tag:before,.race-best:before{content:"";background:var(--cyan);width:3px;box-shadow:0 0 12px var(--cyan);position:absolute;top:0;bottom:0;left:0}.race-course-tag>span{color:var(--orange-hot);letter-spacing:.13em;text-transform:uppercase;font-size:.52rem;font-weight:800}.race-course-tag b{letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:1.03rem;font-weight:900;line-height:1.1;overflow:hidden}.race-course-tag small{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-top:2px;font-size:.58rem}.race-timer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 17px,calc(100% - 19px) 100%,19px 100%,0 17px);background:linear-gradient(#040e1aed,#05121fb5);border-top:2px solid #55e7ff9e;flex-direction:column;align-items:center;min-width:clamp(260px,24vw,460px);min-height:86px;padding:8px 30px 13px;display:flex;position:relative;box-shadow:0 12px 32px #00000059,inset 0 1px #ffffff0d}.race-timer:before,.race-timer:after{content:"";background:var(--orange);width:30px;height:3px;position:absolute;top:0;box-shadow:0 0 11px #ff8a2aa6}.race-timer:before{left:22px}.race-timer:after{right:22px}.race-timer small,.race-best small{color:#83a3ba;letter-spacing:.17em;text-transform:uppercase;font-size:.51rem;font-weight:750}.race-timer strong{z-index:1;color:#f8fdff;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.08em;text-shadow:0 0 18px #55e7ff3b,2px 3px #0e486959;font-size:clamp(2rem,3.4vw,4.1rem);font-weight:750;line-height:.95;position:relative}.race-timer__line{background:#55e7ff29;height:2px;position:absolute;bottom:6px;left:19%;right:19%;overflow:hidden}.race-timer__line:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:40%;height:100%;animation:2.4s linear infinite timer-scan;display:block}.race-best{text-align:right;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);justify-self:end;align-items:flex-end;padding-left:15px;padding-right:18px}.race-best:before{background:var(--orange);box-shadow:0 0 12px var(--orange);left:auto;right:0}.race-best b{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.98rem}.race-best span{color:#71899e;letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:.55rem}.checkpoint-progress{border-left:3px solid var(--orange);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(100deg,#040f1be3,#0818269c);grid-template-columns:1fr auto;align-items:end;width:clamp(178px,15vw,250px);min-height:78px;padding:10px 14px 12px;display:grid;position:absolute;top:clamp(103px,15vh,155px);left:clamp(18px,2.6vw,50px);box-shadow:0 9px 25px #00000042}.checkpoint-progress>span{color:#86a2b7;letter-spacing:.14em;text-transform:uppercase;font-size:.55rem;font-weight:750}.checkpoint-progress>b{color:#f1faff;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.12rem;line-height:1}.checkpoint-progress>b small{color:#7e98aa;font-size:.62rem}.checkpoint-progress__pips{grid-column:1/-1;gap:3px;min-width:0;margin-top:9px;display:flex}.checkpoint-progress__pips i{min-width:3px;height:4px;transition:background .22s ease, box-shadow .22s ease, transform .22s var(--ease-out);background:#7ca1b747;flex:1;display:block;transform:skew(-18deg)}.checkpoint-progress__pips i.is-passed{background:var(--cyan);box-shadow:0 0 7px #55e7ff9e}.checkpoint-progress__pips i.is-next{background:var(--orange);animation:.7s ease-in-out infinite alternate next-pip;transform:skew(-18deg)scaleY(1.8);box-shadow:0 0 10px #ff8a2abf}.speedometer{aspect-ratio:1.12;color:#f7fcff;filter:drop-shadow(0 10px 20px #0000006b);flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(160px,14vw,235px);display:flex;position:absolute;bottom:clamp(31px,5vh,70px);right:clamp(22px,3vw,58px)}.speedometer:before{content:"";border-bottom:3px solid var(--cyan);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:radial-gradient(at bottom,#071522e3,#050f1b94 62%,#0000 63%);position:absolute;inset:18% 5% 2%}.speedometer__arc{border:3px solid #55e7ff3b;border-top-color:var(--cyan);border-right-color:var(--orange);border-bottom-color:#0000;border-radius:50%;animation:1.8s ease-in-out infinite alternate speedometer-breathe;position:absolute;inset:0;overflow:hidden;transform:rotate(-14deg)}.speedometer__arc:before{content:"";border:1px dashed #beecff45;border-bottom-color:#0000;border-radius:50%;position:absolute;inset:9px}.speedometer__arc i{background:linear-gradient(90deg, var(--orange), transparent);transform-origin:0;width:39%;height:2px;position:absolute;top:48%;left:50%;transform:rotate(-37deg)}.speedometer strong{z-index:1;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.1em;text-shadow:0 0 18px #55e7ff47;font-size:clamp(2.8rem,4.8vw,6rem);font-weight:780;line-height:.78;position:relative}.speedometer>span{z-index:1;color:var(--cyan);font-family:var(--mono);letter-spacing:.19em;margin-top:7px;font-size:.66rem;font-weight:800;position:relative}.speedometer>small{z-index:1;color:#061019;background:var(--cyan);letter-spacing:.12em;text-align:center;min-width:60px;margin-top:7px;padding:3px 8px;font-size:.49rem;font-weight:900;position:relative}.speedometer.is-sliding .speedometer__arc{border-top-color:var(--orange-hot);border-right-color:var(--red);filter:drop-shadow(0 0 9px #ff682880);animation:.16s linear infinite alternate slip-shake}.speedometer.is-sliding>small{background:var(--orange-hot)}.race-overlay.is-boosting .speedometer{filter:drop-shadow(0 0 20px #55e7ff8c)}.race-controls-hint{color:#8aa0b2;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040d17b0;align-items:center;gap:16px;padding:7px 12px;font-size:.55rem;font-weight:650;display:flex;position:absolute;bottom:clamp(18px,2.7vh,36px);left:50%;transform:translate(-50%)}.race-controls-hint span{align-items:center;gap:5px;display:flex}.countdown{aspect-ratio:1;filter:drop-shadow(0 0 30px #55e7ff3d);width:clamp(190px,20vw,330px);animation:countdown-pop .76s var(--ease-out) both;background:radial-gradient(circle,#05111ee0,#040d1757 58%,#0000 59%);border:2px solid #55e7ff38;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown:before,.countdown:after{content:"";border-radius:50%;position:absolute}.countdown:before{border:1px dashed #beeeff4d;animation:4s linear infinite countdown-spin;inset:11%}.countdown:after{border-top:3px solid var(--orange);border-right:3px solid #0000;border-bottom:3px solid var(--cyan);border-left:3px solid #0000;animation:1.8s linear infinite reverse countdown-spin;inset:-9%}.countdown span{z-index:1;font-family:var(--mono);letter-spacing:-.13em;text-indent:-.08em;text-shadow:0 0 22px #55e7ff94,6px 7px #104d6e75;font-size:clamp(6rem,13vw,13rem);font-weight:900;line-height:1;position:relative;transform:skew(-8deg)}.countdown>i{background:linear-gradient(90deg, transparent, var(--orange) 22%, var(--cyan) 75%, transparent);height:5px;position:absolute;bottom:23%;left:-18%;right:-18%;transform:skew(-22deg);box-shadow:0 0 15px #55e7ff80}.countdown--3 span{color:#f4fbff}.countdown--2 span{color:var(--cyan-hot)}.countdown--1 span{color:var(--orange-hot);text-shadow:0 0 26px #ff8a2a94,6px 7px #80360c66}.countdown--go{aspect-ratio:1.65;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(100deg,#0000,#091f2ce6 22% 78%,#0000);border-color:#ffc15c6b;border-radius:0;width:clamp(260px,28vw,480px)}.countdown--go:before,.countdown--go:after{border-radius:0}.countdown--go span{color:var(--orange-hot);letter-spacing:-.09em;text-shadow:0 0 28px #ff8a2aad,6px 7px #80360c7a;font-size:clamp(5rem,10vw,10rem)}.race-notice{color:#e8fbff;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);min-width:225px;min-height:45px;animation:notice-in .42s var(--ease-out) both;background:linear-gradient(100deg,#072230eb,#07121fe6);border:1px solid #55e7ff73;justify-content:center;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:flex;position:absolute;top:clamp(116px,17vh,178px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000057,0 0 18px #55e7ff21}.race-notice span{color:#061219;background:var(--cyan);place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:900;display:grid;transform:skew(-9deg)}.race-notice b{letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:850}.race-notice--warning{background:linear-gradient(100deg,#4e1b16f0,#160e16f0);border-color:#ff6141ad;box-shadow:0 10px 30px #00000057,0 0 18px #ff52363b}.race-notice--warning span{background:var(--red)}.boost-vignette{z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 270deg,#0000 0deg 2.4deg,#5ae1ff29 2.45deg 2.65deg,#0000 2.7deg 6deg),radial-gradient(circle,#0000 43%,#1eade51f 75%,#ff7d251f);border:clamp(8px,1.5vw,26px) solid #43d9ff1f;border-right-color:#ff8b2a2b;animation:.52s linear infinite boost-rush;position:absolute;inset:-10%;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#0000 0 42%,#000 68%);mask-image:radial-gradient(circle,#0000 0 42%,#000 68%)}.boost-vignette span{color:#8fefff33;letter-spacing:-.05em;font-size:clamp(3rem,7vw,8rem);font-weight:950;line-height:1;position:absolute;top:50%;right:8%;transform:translateY(-50%)skew(-12deg)rotate(90deg)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(11px)saturate(.62);backdrop-filter:blur(11px)saturate(.62);background:linear-gradient(90deg,#02070ee0,#02070eb3),repeating-linear-gradient(0deg,#b2e1ff05 0 1px,#0000 1px 4px);place-items:center;animation:.24s both backdrop-in;display:grid;position:absolute;inset:0}.pause-backdrop{background:radial-gradient(circle,#12354b33,#0000 38%),linear-gradient(90deg,#02070ee6,#02070eb8),repeating-linear-gradient(0deg,#b2e1ff05 0 1px,#0000 1px 4px)}.pause-menu{width:min(520px,100% - 44px);max-height:calc(100% - 36px);box-shadow:var(--shadow), inset 0 1px #e6f9ff12;clip-path:polygon(0 18px,18px 0,calc(100% - 45px) 0,calc(100% - 31px) 14px,100% 14px,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);animation:pause-menu-in .44s var(--ease-out) both;scrollbar-width:thin;background:linear-gradient(145deg,#0f2437fa,#040d18fa);border:1px solid #73d7ff54;padding:23px;position:relative;overflow:auto}.pause-menu:before{content:"";background:linear-gradient(90deg, var(--orange), var(--cyan));width:37%;height:3px;position:absolute;top:0;left:18px;box-shadow:0 0 14px #55e7ff6e}.pause-menu header{border-bottom:1px solid #7ac5ec29;padding:4px 5px 17px}.pause-menu h2{letter-spacing:-.05em;text-transform:uppercase;transform-origin:0;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:920;line-height:.95;transform:skew(-5deg)}.pause-menu header>span{color:#7f9aae;letter-spacing:.11em;text-transform:uppercase;margin-top:7px;font-size:.64rem;font-weight:700;display:block}.pause-menu__actions{gap:7px;margin-top:14px;display:grid}.pause-menu__actions .action-button{min-height:53px}.pause-menu footer{color:#667f92;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-top:14px;font-size:.56rem}.results-screen{background:radial-gradient(circle at 50% 37%,#1f84bc33,#0000 36%),linear-gradient(115deg,#020810e8,#040e19b3,#02080fed);place-items:center;display:grid}.results-screen__rays{opacity:.14;background:repeating-conic-gradient(from 0deg at 50% 50%, var(--cyan) 0deg .45deg, transparent .5deg 10deg, var(--orange) 10.1deg 10.45deg, transparent 10.5deg 21deg);animation:55s linear infinite result-rays;position:absolute;inset:-65%;-webkit-mask-image:radial-gradient(circle,#0000 0 8%,#000 33%,#0000 68%);mask-image:radial-gradient(circle,#0000 0 8%,#000 33%,#0000 68%)}.results-screen--record .results-screen__rays{opacity:.25;animation-duration:32s}.results-card{z-index:2;background:linear-gradient(140deg, #11273bf7, #040d18f5 66%), var(--panel);width:min(800px,100% - 48px);max-height:calc(100% - 36px);box-shadow:var(--shadow), inset 0 1px #e0f8ff0f;clip-path:polygon(0 21px,21px 0,calc(100% - 58px) 0,calc(100% - 42px) 16px,100% 16px,100% calc(100% - 21px),calc(100% - 21px) 100%,0 100%);scrollbar-width:thin;animation:results-card-in .62s var(--ease-out) both;border:1px solid #74d3ff4d;grid-template-columns:1fr;padding:clamp(20px,3vh,34px);display:grid;position:relative;overflow:auto}.results-card:before{content:"";background:linear-gradient(90deg, var(--orange), var(--cyan), transparent);width:38%;height:4px;position:absolute;top:0;left:21px;box-shadow:0 0 16px #55e7ff73}.results-card>header{padding-left:81px;position:relative}.results-card>header .brand-mark{position:absolute;top:1px;left:1px}.results-card>header h1{letter-spacing:-.055em;text-transform:uppercase;transform-origin:0;margin:0;font-size:clamp(1.9rem,3.6vw,3.65rem);font-weight:950;line-height:.92;transform:skew(-5deg)}.results-screen--record .results-card>header h1{color:var(--orange-hot);text-shadow:0 0 25px #ff8a2a3d}.results-card__pairing{color:#90a9bb;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin-top:9px;font-size:.65rem;font-weight:720;display:flex}.results-card__pairing i{background:var(--cyan);width:23px;height:2px;transform:skew(-25deg)}.result-time{background:linear-gradient(90deg,#0000,#1448614d,#0000);border-top:1px solid #64daff47;border-bottom:1px solid #64daff2e;flex-direction:column;justify-content:center;align-items:center;min-height:126px;margin-top:18px;padding:15px 26px;display:flex;position:relative}.result-time small{color:#7892a6;letter-spacing:.19em;text-transform:uppercase;font-size:.56rem;font-weight:750}.result-time strong{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.095em;text-shadow:0 0 22px #55e7ff47;font-size:clamp(3.3rem,7vw,7rem);font-weight:750;line-height:.92}.record-stamp{border:2px solid var(--orange-hot);color:var(--orange-hot);letter-spacing:.11em;animation:record-stamp .82s .36s var(--ease-out) both, record-glow 1.3s 1.2s ease-in-out infinite alternate;padding:6px 10px 4px;font-size:.64rem;font-weight:900;position:absolute;top:19px;right:18px;transform:rotate(7deg)}.result-comparison{background:#040d177a;border:1px solid #79bce029;grid-template-columns:repeat(3,1fr);margin-top:15px;display:grid}.result-comparison>div{border-right:1px solid #79bce024;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:10px;display:flex}.result-comparison>div:last-child{border-right:0}.result-comparison small{color:#6f899d;letter-spacing:.12em;text-transform:uppercase;font-size:.52rem;font-weight:720}.result-comparison b{color:#d9eaf4;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.76rem}.result-comparison .is-faster b{color:var(--green);text-shadow:0 0 10px #57f0a140}.results-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px;display:grid}.results-actions .action-button{min-height:54px}.results-card>footer{color:#60798d;letter-spacing:.06em;text-align:center;margin-top:13px;font-size:.54rem}.confetti{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{--piece:var(--cyan);top:-8%;left:calc(var(--i) * 2.9%);background:var(--piece);width:6px;height:17px;box-shadow:0 0 7px color-mix(in srgb, var(--piece) 55%, transparent);opacity:0;transform:rotate(calc(var(--i) * 23deg));animation:confetti-fall 3.5s calc(var(--i) * -90ms) cubic-bezier(.15, .45, .35, 1) infinite;position:absolute}.confetti i:nth-child(3n){--piece:var(--orange-hot);width:10px;height:8px}.confetti i:nth-child(3n+1){--piece:#ff58cf}.confetti i:nth-child(5n){--piece:var(--green);height:12px}.global-toast{z-index:60;border:1px solid #55e7ff70;border-left:4px solid var(--cyan);color:#e9faff;letter-spacing:.025em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);max-width:min(390px,100% - 32px);animation:toast-in .42s var(--ease-out) both;background:#061522f0;padding:11px 16px 10px 18px;font-size:.68rem;font-weight:650;line-height:1.35;position:absolute;bottom:clamp(16px,2.6vh,34px);right:clamp(16px,2vw,34px);box-shadow:0 14px 35px #00000061,0 0 19px #55e7ff1f}@keyframes screen-enter{0%{opacity:0}to{opacity:1}}@keyframes splash-logo{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.96)}to{opacity:1;filter:blur();transform:none}}@keyframes speed-lines{to{transform:rotate(360deg)scale(1.04)}}@keyframes continue-pulse{0%,to{opacity:.62}50%{opacity:1;box-shadow:0 7px 20px #55e7ff1c}}@keyframes menu-brand-in{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:none}}@keyframes menu-actions-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes listening{to{box-shadow:0 0 24px #ff8a2aad}}@keyframes timer-scan{0%{transform:translate(-130%)}to{transform:translate(340%)}}@keyframes next-pip{to{filter:brightness(1.5);transform:skew(-18deg)scaleY(2.2)}}@keyframes speedometer-breathe{to{filter:brightness(1.18)drop-shadow(0 0 6px #55e7ff33)}}@keyframes slip-shake{0%{transform:rotate(-15deg)translate(-1px)}to{transform:rotate(-13deg)translate(1px)}}@keyframes countdown-pop{0%{opacity:0;filter:blur(6px)drop-shadow(0 0 15px #55e7ff00);transform:translate(-50%,-50%)scale(1.55)}24%{opacity:1}64%{filter:blur()drop-shadow(0 0 40px #55e7ff66);transform:translate(-50%,-50%)scale(.97)}to{opacity:.96;filter:blur()drop-shadow(0 0 20px #55e7ff3d);transform:translate(-50%,-50%)scale(1)}}@keyframes countdown-spin{to{transform:rotate(360deg)}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.93)}to{opacity:1;transform:translate(-50%)}}@keyframes boost-rush{0%{transform:scale(.98)}to{transform:scale(1.08)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes pause-menu-in{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:none}}@keyframes result-rays{to{transform:rotate(360deg)}}@keyframes results-card-in{0%{opacity:0;filter:blur(7px);transform:translateY(34px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes record-stamp{0%{opacity:0;transform:rotate(18deg)scale(2.2)}65%{opacity:1;transform:rotate(4deg)scale(.92)}to{opacity:1;transform:rotate(7deg)scale(1)}}@keyframes record-glow{to{filter:brightness(1.2);box-shadow:0 0 20px #ff8a2a8c}}@keyframes confetti-fall{0%{opacity:0;translate:0 -5vh}8%{opacity:.9}88%{opacity:.75}to{opacity:0;translate:calc((var(--i) - 17) * .7vw) 116vh;rotate:calc(var(--i) * 47deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@media (max-width:1399px),(max-height:779px){:root{--corner-cut:14px}.menu-frame--wide{width:calc(100% - 30px);height:calc(100% - 24px)}.menu-frame__header{min-height:82px;padding:17px 25px 12px}.menu-frame__header h1{font-size:clamp(1.75rem,3vw,2.6rem)}.menu-frame__subtitle{margin-top:5px;font-size:.7rem}.menu-frame__content{padding:12px 16px}.menu-frame__footer{min-height:57px;padding:7px 16px}.selection-footer>.action-button{min-height:43px}.action-button{min-height:55px}.main-menu{padding-top:clamp(24px,3.8vh,42px)}.main-menu__brand{margin-bottom:18px}.main-menu__brand .brand-mark{transform-origin:0 100%;margin-bottom:7px;transform:scale(.86)}.main-menu__brand h1{font-size:clamp(3rem,5vw,4.7rem)}.main-menu__actions{gap:6px;width:min(410px,43vw)}.main-menu__actions .action-button{min-height:50px;padding-top:7px;padding-bottom:7px}.track-selection-layout{grid-template-columns:minmax(505px,1.3fr) minmax(310px,.7fr);gap:12px}.track-card{grid-template-columns:30px 53px minmax(95px,1fr) auto minmax(95px,auto);gap:7px;padding-top:5px;padding-bottom:5px}.track-card__route{width:49px;height:27px;transform:scale(.92)skew(-5deg)}.track-detail{padding:11px 13px}.track-detail__map{height:clamp(84px,14vh,118px);margin:8px 0 10px}.track-detail__feature,.track-detail__metrics{margin-top:8px}.car-selection-layout{grid-template-columns:minmax(235px,.7fr) minmax(190px,1.2fr) minmax(290px,.84fr);gap:12px}.car-detail{padding:14px}.car-detail h2{font-size:clamp(1.8rem,2.8vw,2.7rem)}.car-detail>p:not(.eyebrow){margin-bottom:12px;font-size:.65rem;line-height:1.4}.car-detail__personality{margin-top:12px}.stat-bars{gap:6px}.car-roster-card{grid-template-columns:23px 64px minmax(70px,1fr) minmax(103px,1.15fr);column-gap:6px}.car-roster-card__silhouette{transform-origin:0;transform:scale(.88)}.settings-layout{grid-template-columns:178px minmax(0,1fr);gap:12px}.settings-tabs button{min-height:42px}.settings-panel{padding:14px 17px}.settings-panel>p{margin-bottom:10px}.setting-row{min-height:55px;padding-top:7px;padding-bottom:7px}.race-hud--top{gap:14px}.race-timer{min-height:72px}.race-course-tag,.race-best{min-height:62px;padding-top:8px;padding-bottom:7px}.checkpoint-progress{top:92px}.pause-menu{width:min(470px,100% - 30px);padding:18px}.pause-menu__actions .action-button{min-height:47px}.results-card{width:min(720px,100% - 32px);padding:19px 23px}.result-time{min-height:100px;margin-top:12px}.results-actions{margin-top:11px}.results-actions .action-button{min-height:48px}}@media (min-width:1560px) and (min-height:760px){.track-grid{grid-template-rows:repeat(3,minmax(92px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.track-card{grid-template-rows:1fr 1fr;grid-template-columns:28px 58px minmax(92px,1fr) auto;padding:10px}.track-card__number,.track-card__route{grid-row:1/3}.track-card__body,.track-card .difficulty{align-self:end}.track-card__best{flex-direction:row;grid-area:2/3/auto/5;justify-content:space-between;align-self:start;align-items:center}.track-card__best b{margin-top:0}}@media (max-width:1090px),(max-height:655px){.menu-frame--wide{width:calc(100% - 18px);height:calc(100% - 14px)}.menu-frame__header{min-height:72px;padding:13px 20px 9px}.menu-frame__header h1{font-size:1.7rem}.menu-frame__subtitle{max-width:72%;font-size:.62rem}.menu-frame__content{padding:9px 11px}.menu-frame__footer{min-height:51px;padding:5px 11px}.selection-footer>.action-button{min-height:40px}.selection-footer .action-button__detail{display:none}.track-selection-layout{grid-template-columns:minmax(470px,1.25fr) minmax(286px,.75fr);gap:9px}.track-grid{gap:4px}.track-card{grid-template-columns:25px 43px minmax(82px,1fr) auto minmax(89px,auto);gap:5px;padding:3px 7px}.track-card__route{width:42px;height:24px}.track-card__body b{font-size:.71rem}.track-card__body small,.track-card__best small{display:none}.difficulty{padding:3px 5px;font-size:.45rem}.track-card__best{min-width:88px}.track-card__best b{font-size:.61rem}.track-detail{padding:9px 11px}.track-detail__map{height:78px;margin:6px 0 8px}.track-detail>p:not(.eyebrow){font-size:.61rem;line-height:1.3}.track-detail__feature{padding:6px 8px}.track-detail__feature b{font-size:.57rem}.track-detail__metrics>span{padding-top:6px}.car-selection-layout{grid-template-columns:minmax(215px,.72fr) minmax(150px,1.15fr) minmax(270px,.92fr);gap:8px}.car-detail{padding:11px}.car-detail__personality{margin-top:8px;padding:7px 9px}.car-roster{gap:3px}.car-roster-card{grid-template-columns:19px 52px minmax(61px,1fr) minmax(89px,1.1fr);column-gap:4px;padding:4px 6px}.car-roster-card__silhouette{transform-origin:0;transform:scale(.73)}.stat-bars--compact .stat-row{grid-template-columns:39px minmax(32px,1fr) 10px}.stat-bars--compact .stat-row>span{font-size:.35rem}.settings-layout{grid-template-columns:155px minmax(0,1fr);gap:8px}.settings-tabs{gap:3px;padding:4px}.settings-tabs button{min-height:38px;padding:6px 9px}.settings-panel{padding:10px 13px}.setting-row{grid-template-columns:minmax(185px,1fr) minmax(210px,auto);min-height:48px}.binding-row{min-height:37px}.main-menu__brand>span,.main-menu__footer{font-size:.53rem}.main-menu__actions .action-button{min-height:45px}.race-controls-hint{display:none}.result-time strong{font-size:3.4rem}.results-card>footer{display:none}}@media (max-width:820px){.screen-layer{overflow:auto}.main-menu{background:linear-gradient(90deg,#020810f5,#040d18ba);padding:26px 20px 72px}.main-menu__brand,.main-menu__actions{width:min(100%,430px)}.main-menu__brand h1{font-size:clamp(2.7rem,13vw,4.6rem)}.main-menu__footer{flex-wrap:wrap;left:20px;right:20px}.menu-frame--wide{width:calc(100% - 16px);height:auto;min-height:calc(100% - 12px);max-height:none;margin:6px auto;position:relative;top:auto;left:auto;overflow:visible;transform:none}.menu-frame__content{overflow:visible}.track-selection-layout,.car-selection-layout,.settings-layout{grid-template-columns:1fr;height:auto}.track-grid,.car-roster{min-height:430px}.track-detail{min-height:440px}.car-stage-copy{grid-row:2;min-height:210px}.car-roster{grid-row:3}.settings-tabs{grid-template-columns:repeat(4,1fr);display:grid}.settings-tabs button{justify-content:center}.settings-tabs button span{display:none}.setting-row,.binding-row{grid-template-columns:1fr}.setting-row__control,.binding-row>div{justify-content:flex-start}.race-hud--top{grid-template-columns:1fr auto}.race-timer{grid-area:1/2;min-width:210px}.race-best{display:none}.checkpoint-progress{top:95px}.speedometer{width:145px;bottom:18px;right:14px}.results-actions,.result-comparison{grid-template-columns:1fr}.result-comparison>div{border-bottom:1px solid #79bce024;border-right:0;min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.splash-screen__speed-lines,.boost-vignette,.results-screen__rays{display:none}}@media (forced-colors:active){.action-button,.back-button,.track-card,.car-roster-card,.settings-tabs button,.segmented-control button,.toggle,.pause-menu,.results-card{border:1px solid buttontext}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid highlight}}