:root{color:#eeeff5;font-synthesis:none;--accent:#94a5ff;--muted:#8e93a6;background:#090b10;font-family:DM Sans,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.brand,h1,h2,h3,strong{font-family:Space Grotesk,sans-serif}p{color:#9b9fb0;line-height:1.8}i{display:inline-block}.home,.lobby{height:100dvh;min-height:0;position:relative;overflow:hidden}.topbar{z-index:3;background:linear-gradient(#090b10a0,#0000);border-bottom:1px solid #ffffff0c;justify-content:space-between;height:80px;padding:0 3.5%;position:relative}.brand,.topbar{align-items:center;display:flex}.brand{letter-spacing:-1px;gap:12px;font-size:21px;font-weight:700}.brand-icon{color:var(--accent);font-size:34px}.alpha{letter-spacing:1.8px;color:#8e94aa;border:1px solid #ffffff20;margin-left:12px;padding:5px 8px;font-family:DM Sans;font-size:8px}.text-button{color:#b8bece;padding:10px;font-size:12px;transition:color .2s}.text-button:hover{color:#fff}.home-scene{position:absolute;inset:0 0 0 18%}.garage-canvas{position:absolute;inset:0}.garage-canvas canvas{width:100%;height:100%;display:block}.home-shade{background:linear-gradient(90deg,#090b10,#090b10f0 20%,#090b1070 50%,#0000 80%),linear-gradient(#0000 70%,#090b10);inset:0}.hero,.home-shade{pointer-events:none;position:absolute}.hero{z-index:2;top:49%;left:7%;transform:translateY(-50%)}.hero>*{pointer-events:auto}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:9px;font-weight:600;display:block}.connection i,.crew-note i,.eyebrow i,.home-footer i{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:9px;box-shadow:0 0 12px #94a5ff44}h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(38px,4.7vw,76px);font-weight:500;line-height:1.07}h1>span{color:var(--accent)}.hero p{margin-bottom:28px;font-size:14px;line-height:1.9}.hero-actions{gap:12px;display:flex}.button{background:var(--accent);color:#111525;border:1px solid var(--accent);border-radius:5px;justify-content:space-between;align-items:center;gap:30px;padding:15px 20px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.button:hover{background:#b2bfff;transform:translateY(-2px);box-shadow:0 4px 25px #889cff20}.button:active{transform:translateY(0)}.button>span{font-size:20px;line-height:1}.secondary{color:#e1e4f0;background:#12151d99;border-color:#ffffff25}.secondary:hover{background:#242a3d}.hero-meta{color:#727b91;letter-spacing:1.5px;gap:16px;margin-top:24px;font-size:8px;display:flex}.hero-meta b{color:var(--accent)}.car-caption{width:235px;position:absolute;bottom:100px;right:5%}.car-caption h3{margin:10px 0;font-size:25px}.car-caption h3 span{float:right;color:#7d859d;padding-top:10px;font-size:10px;font-weight:400}.car-caption>span:last-child{color:#7c8297;letter-spacing:1.8px;font-size:8px}.home-footer{color:#737c92;letter-spacing:1.5px;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;height:58px;font-size:8px;display:flex;position:absolute;bottom:0;left:3.5%;right:3.5%}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#03050bbc;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:#141720;border:1px solid #343b51;border-radius:12px;width:440px;max-width:100%;max-height:90dvh;padding:35px;animation:.24s ease-out panel-in;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.modal h2{letter-spacing:-1.5px;margin:18px 0 10px;font-size:30px;font-weight:500}.modal p{margin-bottom:25px}.close{color:#949cb1;font-size:26px;position:absolute;top:12px;right:15px}.modal label{letter-spacing:1.6px;color:#a0a9bf;margin:20px 0;font-size:9px;display:block}.modal input{color:#edf0ff;background:#0b0e16;border:1px solid #333a4f;border-radius:5px;outline:none;width:100%;margin-top:10px;padding:15px;font-size:14px;display:block}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #94a5ff12}.full{width:100%}.error{color:#ffabb2}.binding{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.binding button{background:#222839;border:1px solid #424d6a;border-radius:5px;min-width:65px;padding:9px 15px}.binding:last-of-type{margin-bottom:24px}.header-actions{align-items:center;gap:20px;display:flex}.connection{letter-spacing:1px;color:#949eb9;font-size:8px}.connection .offline{background:#ee8799}.lobby-vignette{pointer-events:none;background:linear-gradient(#0000 60%,#090b1070 82%,#090b10),linear-gradient(#090b1080,#0000 22%);position:absolute;inset:0}.crew-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#10131ceb;border:1px solid #ffffff12;border-radius:9px;width:245px;padding:17px;animation:.4s ease-out panel-in;position:absolute;top:100px;right:24px}.panel-title{letter-spacing:1.5px;justify-content:space-between;font-size:9px;font-weight:600;display:flex}.panel-title em{color:#626e88;font-style:normal}.room-code{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:3px;padding:14px 0;display:flex}.map-preview small,.room-code small{color:#76809a;letter-spacing:1.3px;font-size:7px;display:block}.room-code strong{letter-spacing:5px;font-size:24px}.room-code button{color:#b9c4ec;border:1px solid #9eafff33;border-radius:4px;padding:8px;font-size:9px;transition:background .2s}.room-code button:hover{background:#94a5ff15}.player{border-bottom:1px solid #ffffff06;align-items:center;gap:10px;height:39px;animation:.3s ease-out fade-in;display:flex}.avatar{color:var(--accent);background:#94a5ff19;border-radius:5px;place-items:center;width:27px;height:27px;font-family:Space Grotesk;font-size:10px;display:grid}.avatar.red{color:#fa8e9b;background:#ff637422}.player-info{flex:1}.player-info strong{font-size:11px;display:block}.player-info small{color:#8b96b2;margin-left:5px;font-family:DM Sans;font-size:7px}.player-info>span{color:#75819d;margin-top:3px;font-size:8px;display:block}.status-dot{background:#4e5770;border-radius:50%;flex-shrink:0;width:11px;height:11px}.status-dot.ready{background:var(--accent);box-shadow:0 0 10px #94a5ff77}.kick{color:#ba7d8f;font-size:20px}.empty{color:#53617c;font-size:9px}.empty .avatar{color:#677798;background:0 0;border:1px dashed #63759d40;font-size:16px}.crew-note{color:#76819c;margin-top:13px;font-size:8px}.crew-note i{width:4px;height:4px;box-shadow:none}.vehicle-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#10131ced;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding:20px 25px;animation:.45s ease-out panel-in;display:grid;position:absolute;bottom:20px;left:24px;right:24px}.vehicle-details h2{letter-spacing:-1.4px;align-items:center;gap:12px;margin:9px 0 5px;font-size:29px;font-weight:500;display:flex}.vehicle-details h2 span{border-radius:50%;width:8px;height:8px}.vehicle-details p{margin:0 0 14px;font-size:10px}.muted{color:#7984a0;letter-spacing:1.2px;font-size:8px}.car-picker,.car-picker button{gap:8px;display:flex}.car-picker button{color:#8694b3;border:1px solid #8395bf35;border-radius:5px;flex:1;align-items:center;padding:10px;font-size:10px;transition:all .2s}.car-picker button:hover{background:#94a5ff13}.car-picker button.selected{color:#e0e6ff;background:#94a5ff12;border-color:#94a5ff90}.car-picker i{border-radius:50%;width:7px;height:7px}.car-picker span{margin-left:auto}.specs{border-right:1px solid #ffffff0e;padding-right:30px}.specs>.eyebrow{color:#7e8dab;margin-bottom:15px;font-size:8px}.stat{margin-top:12px}.stat>div:first-child{color:#b2bfd9;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.stat small{color:#546582;margin-left:4px;font-size:8px}.stat-track{background:#94a5ff18;border-radius:2px;height:3px;overflow:hidden}.stat-track i{background:var(--accent);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.race-panel{flex-direction:column;justify-content:center;display:flex}.map-preview{align-items:center;gap:12px;margin-bottom:15px;display:flex}.map-preview>span{color:#8d9dbb;background:#7488b525;border:1px solid #94a5ff25;border-radius:4px;place-items:center;width:38px;height:34px;font-size:23px;display:grid}.map-preview strong{margin-top:5px;font-size:11px;font-weight:500;display:block}.map-preview button{color:#a0afd0;margin-left:auto;font-size:9px;text-decoration:underline}.race-panel>small{color:#7b89a5;text-align:center;margin-top:10px;font-size:8px}.drive-hud{pointer-events:none;animation:.6s ease-out fade-in;position:absolute;top:110px;left:30px}.drive-hud>strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:5px 0 10px;font-size:40px;display:block}.drive-hud small{letter-spacing:1px;color:#8a94ae;font-size:9px}.drive-hud kbd{color:#b9c4df;background:#121725d9;border:1px solid #ffffff20;border-bottom-width:3px;border-radius:4px;margin-right:5px;padding:5px 7px;font-family:inherit;font-size:9px;display:inline-block}.back-link{text-align:center;color:#99a9cd;margin-top:20px;display:block}.scene-fallback{color:#d1dcf8;position:absolute;top:40%;left:25%;right:25%}.reconnect{z-index:5;position:absolute;top:90px}.reconnect,.toast-stack{left:50%;transform:translate(-50%)}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:10px;width:min(400px,90vw);display:flex;position:fixed;top:95px}.notification{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#dae3fb;pointer-events:auto;background:#1a2032f5;border:1px solid #819aff40;border-radius:9px;align-items:center;gap:12px;padding:15px 16px;font-size:11px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006}.notification-icon{width:23px;height:23px;color:var(--accent);background:#94a5ff22;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notification>button{color:#8695b6;margin-left:auto;font-size:18px}.notification.error{border-color:#ff879744}.notification.error .notification-icon{color:#ff9aaa;background:#ff879722}.notification-timer{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:4.5s linear forwards toast-countdown;position:absolute;bottom:0;left:0}.notification-enter-active,.notification-leave-active,.notification-move{transition:all .25s}.notification-enter-from,.notification-leave-to{opacity:0;transform:translateY(-12px)scale(.96)}.notification-leave-active{position:absolute}.desktop-gate{text-align:center;background:radial-gradient(at top,#212a4c,#090b10 65%);flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:28px;display:flex}.desktop-gate>.brand{color:var(--accent);position:absolute;top:35px}.desktop-gate h1{letter-spacing:-2px;font-size:40px}.desktop-gate p{max-width:380px;margin-bottom:25px;font-size:13px}.desktop-icon{color:var(--accent);font-size:65px}.hero .eyebrow,.hero h1,.hero p,.hero-actions,.hero-meta{animation:.7s both hero-in}.hero h1{animation-delay:60ms}.hero p{animation-delay:.12s}.hero-actions{animation-delay:.18s}.hero-meta{animation-delay:.24s}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-countdown{to{transform:scaleX(0)}}@media (height<=760px){.topbar{height:65px}.crew-panel{padding:13px 16px;top:80px}.player{height:32px}.room-code{padding:9px 0}.crew-note{display:none}.vehicle-panel{padding:15px 22px;bottom:14px}.drive-hud{top:85px}.hero h1{font-size:clamp(35px,4.5vw,60px)}.hero p{margin-bottom:20px}.car-caption{bottom:80px}}@media (width<=1050px){.vehicle-panel{grid-template-columns:1.1fr .8fr 1fr;gap:20px}.specs{padding-right:18px}.crew-panel{width:220px}.car-picker button{padding:8px;font-size:9px}.header-actions{gap:8px}.alpha{margin-left:0}.hero{left:5%}.hero h1{font-size:45px}.vehicle-details h2{font-size:25px}.muted{display:none}}@media (width<=800px){.alpha,.car-caption,.connection{display:none}.vehicle-panel{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.specs{display:none}.crew-panel{width:195px}.hero h1{font-size:40px}.brand{font-size:17px}.hero{left:5%}.home-footer{letter-spacing:.8px}.hero-meta,.home-footer{font-size:7px}.drive-hud{left:20px}.vehicle-panel{left:15px;right:15px}.crew-panel{right:15px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}.notification-timer{display:none}}.room-page{background:#090b12;height:100dvh;position:relative;overflow:hidden}.room-page>.topbar{z-index:8;position:absolute;top:0;left:0;right:0}.join-stage,.parking-stage,.selection-stage{position:absolute;inset:0}.join-stage{place-items:center;display:grid}.showroom-canvas{position:absolute;inset:0 13%}.showroom-canvas canvas{width:100%;height:100%;display:block}.selection-shade{pointer-events:none;background:linear-gradient(90deg,#090b12,#090b12e8 16%,#0000 35% 65%,#090b12e8 86%,#090b12),linear-gradient(#0000 80%,#090b12);position:absolute;inset:0}.selection-picker{width:245px;position:absolute;top:50%;left:4%;transform:translateY(-45%)}.selection-picker h1{letter-spacing:-1.9px;max-width:240px;margin:17px 0 30px;font-size:38px;line-height:1.1}.selection-options{flex-direction:column;gap:12px;display:flex}.selection-options button{text-align:left;background:#10131cbb;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:14px;padding:20px 16px;transition:all .2s;display:flex}.selection-options button:hover{background:#1d2235}.selection-options button.active{background:#94a5ff12;border-color:#94a5ff99}.option-number{color:#78819a;font-family:Space Grotesk;font-size:12px}.selection-options strong{font-size:17px;font-weight:500;display:block}.selection-options small{letter-spacing:1.3px;color:#7d869f;margin-top:5px;font-size:7px;display:block}.selection-options i{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:auto}.pick-button{margin-top:25px;padding:18px}.button:disabled,.selection-options button:disabled{cursor:wait;opacity:.55;transform:none}.selection-specs{width:260px;position:absolute;top:50%;right:4%;transform:translateY(-45%)}.selection-specs h2{letter-spacing:-1.8px;margin:12px 0 8px;font-size:39px;font-weight:500}.selection-specs p{margin:0 0 33px;font-size:11px}.showroom-stat{margin-top:25px}.showroom-stat>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.showroom-stat>div>span{color:#a8afc3;font-size:13px}.showroom-stat strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}.showroom-stat small{color:#5e6986;margin-left:5px;font:10px DM Sans}.showroom-meter{gap:4px;height:8px;display:flex}.showroom-meter i{background:#ffffff10;border-radius:1px;flex:1;transition:background .35s}.showroom-meter i.filled{background:#94a5ff}.parking-stage .crew-panel{border-radius:11px;width:320px;padding:24px;top:105px;right:30px}.parking-stage .panel-title{font-size:12px}.parking-stage .room-code{margin-bottom:8px;padding:20px 0 18px}.parking-stage .room-code small{font-size:9px}.parking-stage .room-code strong{font-size:31px}.parking-stage .room-code button{padding:10px;font-size:11px}.parking-stage .player{gap:13px;height:55px}.parking-stage .avatar{width:36px;height:36px;font-size:13px}.parking-stage .player-info strong{font-size:14px}.parking-stage .player-info>span{margin-top:4px;font-size:10px}.parking-stage .empty{font-size:11px}.parking-stage .player-info small{font-size:8px}.crew-actions{justify-content:space-between;gap:10px;padding-top:14px;display:flex}.crew-actions .text-button{color:#d8e0ff;background:#151b2b;border:1px solid #94a5ff30;border-radius:6px;flex:1;min-height:40px;padding:10px 12px;font-size:11px;transition:background .2s,border-color .2s,transform .15s}.crew-actions .text-button:hover{background:#202940;border-color:#94a5ff65}.crew-actions .text-button:active{background:#101522;transform:translateY(1px)}.speedometer{pointer-events:none;min-width:250px;position:absolute;bottom:35px;right:32px}.speedometer>div:first-child{justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.speedometer strong{letter-spacing:-4px;font-variant-numeric:tabular-nums;color:#fff;font-family:Space Grotesk;font-size:78px;font-weight:500;line-height:1}.speedometer span{letter-spacing:2px;color:#a5aec4;font-size:11px}.speed-segments{gap:5px;height:19px;margin-top:16px;display:flex}.speed-segments i{background:#ffffff16;border-radius:2px;width:10px;transition:background .15s,box-shadow .15s;transform:skew(-12deg)}.speed-segments i.filled{background:#a8b5ff;box-shadow:0 0 9px #94a5ff30}.speed-segments i.filled:nth-last-child(-n+3){background:#e7ebff}.page-enter-active,.page-leave-active{transition:opacity .32s,filter .32s,transform .32s}.page-enter-from{opacity:0;filter:blur(9px);transform:scale(1.025)}.page-leave-to{opacity:0;filter:blur(7px);transform:scale(.98)}.stage-enter-active,.stage-leave-active{transition:opacity .4s,filter .4s,transform .4s}.stage-enter-from{opacity:0;filter:blur(10px);transform:scale(1.035)}.stage-leave-to{opacity:0;filter:blur(7px);transform:scale(.97)}.spec-title-enter-active,.spec-title-leave-active{transition:opacity .15s,transform .15s}.spec-title-enter-from{opacity:0;transform:translateY(8px)}.spec-title-leave-to{opacity:0;transform:translateY(-8px)}.home .hero h1{margin-bottom:35px}@media (height<=800px){.parking-stage .crew-panel{width:300px;padding:18px 22px;top:82px}.parking-stage .player{height:44px}.parking-stage .room-code{padding:13px 0}.parking-stage .avatar{width:32px;height:32px}.parking-stage .crew-actions{padding-top:8px}.speedometer strong{font-size:64px}.speedometer{bottom:25px}.selection-picker,.selection-specs{transform:translateY(-42%)}}@media (width<=1100px){.selection-picker{width:210px;left:3%}.selection-specs{width:215px;right:3%}.selection-picker h1,.selection-specs h2{font-size:32px}.selection-options button{padding:17px 12px}.selection-options strong{font-size:15px}.showroom-meter{gap:3px}.showroom-stat strong{font-size:28px}.parking-stage .crew-panel{width:280px;right:22px}.parking-stage .player-info strong{font-size:12px}}@media (width<=800px){.selection-picker,.selection-specs{width:175px}.selection-picker h1{font-size:28px}.selection-specs h2{font-size:26px}.selection-options button{gap:8px;padding:14px 9px}.selection-options strong{font-size:13px}.selection-options small{font-size:6px}.showroom-canvas{inset:0 5%}.showroom-stat>div>span{font-size:11px}.parking-stage .crew-panel{width:245px}.speedometer{right:25px}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active,.stage-enter-active,.stage-leave-active{transition:none}.page-enter-from,.page-leave-to,.stage-enter-from,.stage-leave-to{filter:none;transform:none}}.home-scene,.showroom-canvas{inset:0}.home:after,.selection-stage:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#06080de8,#06080d90 42%,#0000);height:180px;position:absolute;top:0;left:0;right:0}.home>.topbar{z-index:8}.home-shade{background:linear-gradient(90deg,#090b10b8,#0000 65%)}.selection-shade{background:linear-gradient(90deg,#090b1285,#0000 30% 70%,#090b1285)}.selection-picker,.selection-specs{z-index:3}@media (width<=800px){.showroom-canvas{inset:0}}