@font-face{font-family:Barlow;src:url(../fonts/Barlow-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Barlow;src:url(../fonts/Barlow-SemiBold.ttf) format("truetype");font-display:swap;font-weight:600}@font-face{font-family:BarlowCondensed;src:url(../fonts/BarlowCondensed-Bold.ttf) format("truetype");font-display:swap;font-weight:700}.mode-grid .mode-card:last-child .mode-name{font-size:24px;white-space:nowrap}@media(max-width:1100px){.mode-grid .mode-card:last-child .mode-name{font-size:22px}.mode-grid .mode-card:last-child .mode-name small{display:none}}:root{font-family:Barlow,Arial,sans-serif;color:#edf4fc;background:#10192c;font-synthesis:none;--lime:#bdf15b;--muted:#91a6bb;--panel:rgba(11,22,36,.88);--line:rgba(170,207,234,.16)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .15s,transform .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(1.12)}svg{width:20px;height:20px;vertical-align:middle}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,12,23,.82),rgba(4,12,23,.4) 32%,transparent 60%),linear-gradient(0deg,rgba(4,12,23,.88),transparent 44%);transition:opacity .3s}body.playing #vignette{opacity:0}#app{position:relative;width:100%;height:100%;pointer-events:none}#app button,#app input,#app select,#app label,#app .modal,#app .panel{pointer-events:auto}[hidden]{display:none!important}.topbar{position:absolute;left:4.2vw;right:4.2vw;top:28px;height:44px;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand{display:flex;align-items:center;gap:13px;background:none;padding:0;font-weight:600;font-size:18px;letter-spacing:3px}.brand svg{width:35px;height:35px;color:var(--lime)}.brand span em{font-style:normal;color:#9aacbc;font-weight:400}.topnav{display:flex;gap:30px;margin-left:60px}.topnav button{background:none;font-size:11px;letter-spacing:2px;font-weight:600;color:#a5b5c4;padding:13px 0;border-bottom:2px solid transparent}.topnav button.active{color:#fff;border-color:var(--lime)}.topright{display:flex;align-items:center;gap:14px}.live-tag{font-size:9px;letter-spacing:2px;color:#cbd8df;border:1px solid var(--line);padding:9px 13px;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #bdf15b80}.iconbtn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:#0f1d2d85;color:#bfcddd}.iconbtn:hover{border-color:#91b594}.hero-copy{position:absolute;top:20.5%;left:6.2vw;width:490px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--lime);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:25px;height:1px;background:var(--lime)}.hero-title{font-family:BarlowCondensed,Impact,sans-serif;font-size:clamp(88px,9vw,145px);font-style:italic;line-height:.84;letter-spacing:1px;margin:21px 0 25px;font-weight:700;transform:skew(-4deg);transform-origin:left}.hero-title span{display:block;color:var(--lime)}.hero-description{font-size:14px;line-height:1.6;color:#bccbd7;max-width:305px;margin:0 0 26px}.primary{background:var(--lime);color:#111e24;height:52px;padding:0 25px;display:inline-flex;justify-content:space-between;align-items:center;gap:40px;font-weight:600;font-size:12px;letter-spacing:1.5px;min-width:240px;border:1px solid var(--lime)}.primary svg{width:18px;height:18px}.secondary{height:43px;border:1px solid var(--line);background:#122335c7;font-size:11px;font-weight:600;letter-spacing:1px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.textbtn{background:transparent;color:#a9bac8;font-size:10px;font-weight:600;letter-spacing:1.6px;padding:12px 0;display:flex;align-items:center;gap:10px}.hero-actions{display:flex;gap:20px;align-items:center}.hero-detail{position:absolute;right:7vw;top:48%;display:flex;flex-direction:column;align-items:flex-end;color:#d5e2eb;gap:8px}.hero-detail .detail-line{width:76px;height:1px;background:#bdf15b80}.hero-detail .detail-title{font-size:11px;font-weight:600;letter-spacing:2px}.hero-detail small{color:#8ca1b5;font-size:10px;letter-spacing:2px}.hero-detail .car-badge{margin-top:90px;font-size:10px;border:1px solid var(--line);padding:9px 14px;background:#0a17277a}.home-bottom{position:absolute;bottom:30px;left:6.2vw;right:6.2vw}.bottom-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bottom-title h2{margin:0;font-size:10px;letter-spacing:2.5px;font-weight:600;color:#c8d5df}.profile{display:flex;align-items:center;gap:14px;font-size:11px;color:#9cafc0}.level{padding:6px 9px;border:1px solid #bed88855;color:var(--lime);font-size:9px;font-weight:600;letter-spacing:1px}.xpbar{width:95px;height:3px;background:#213244}.xpbar i{display:block;height:100%;background:var(--lime)}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mode-card{position:relative;text-align:left;padding:19px 22px 17px;height:113px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,#152637f0,#0d1b2cde);border:1px solid var(--line);overflow:hidden}.mode-card.active{border-color:#bdf15b80;background:linear-gradient(120deg,#2b4131f5,#0e1d26e6)}.mode-card.active:before{content:"";height:2px;position:absolute;inset:0 0 auto;background:var(--lime)}.mode-card:hover{transform:translateY(-3px);border-color:#bdf15b80}.mode-card .mode-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#a0b2c1}.mode-card .mode-top svg{width:17px;height:17px;color:#91aabd}.mode-card .mode-name{font-family:BarlowCondensed,Impact,sans-serif;font-size:27px;letter-spacing:1px;font-weight:700}.mode-card .mode-name small{font-family:Barlow,Arial,sans-serif;font-size:9px;font-weight:400;color:#9eb2c4;margin-left:9px;letter-spacing:1px}.mode-card .mode-foot{color:#9aabbb;font-size:10px;display:flex;align-items:center;justify-content:space-between}.mode-card .mode-foot svg{width:15px;height:15px}.home-footer{display:flex;justify-content:space-between;margin-top:18px;color:#6f879f;font-size:9px;letter-spacing:1.4px}.home-footer span{display:flex;align-items:center;gap:8px}.key{font-family:Barlow,Arial,sans-serif;display:inline-grid;place-items:center;font-size:9px;min-width:21px;height:20px;border:1px solid #6e87994d;background:#111e2b70;border-bottom-width:2px;padding:0 4px;letter-spacing:0;color:#c1d0dc}.version{color:#608199}.menu-back{position:absolute;top:100px;left:6.2vw}.menu-heading{position:absolute;top:145px;left:6.2vw}.menu-heading h1{font-family:BarlowCondensed,Impact,sans-serif;font-size:56px;line-height:1;margin:12px 0;letter-spacing:1px}.menu-heading p{color:#9bafc2;font-size:13px;margin:0}.garage-panel{position:absolute;bottom:65px;right:6.2vw;width:350px;background:var(--panel);border:1px solid var(--line);padding:27px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.section-label{display:block;font-size:9px;letter-spacing:2px;color:#8ca4b8;margin:0 0 13px;text-transform:uppercase;font-weight:600}.option-row{display:flex;gap:7px;margin-bottom:25px}.option-btn{padding:10px 12px;background:#17283b;border:1px solid var(--line);font-size:10px;letter-spacing:1px;flex:1}.option-btn.active{border-color:var(--lime);color:var(--lime);background:#283c2b}.swatches{display:flex;gap:10px;margin-bottom:25px}.swatch{width:31px;height:31px;border-radius:50%;border:2px solid transparent;background:var(--swatch);box-shadow:inset 0 0 0 3px #142337}.swatch.active{border-color:#fff;outline:1px solid var(--swatch);outline-offset:3px}.garage-name{position:absolute;bottom:105px;left:6.2vw}.garage-name h2{font-family:BarlowCondensed,Impact,sans-serif;font-size:52px;letter-spacing:3px;margin:9px 0}.garage-name p{font-size:11px;color:#9aafc0;letter-spacing:1px}.garage-name .spec{display:flex;gap:30px}.spec span{font-size:8px;color:#7892a9;letter-spacing:1.5px}.spec b{display:block;font-size:14px;color:#cfdae4;margin-top:6px}.modal-backdrop{position:absolute;inset:0;background:#030a13ba;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:30;display:grid;place-items:center;pointer-events:auto}.modal{width:min(590px,calc(100vw - 34px));max-height:88vh;overflow:auto;background:linear-gradient(140deg,#15273c,#0c1828);border:1px solid #385064;padding:32px;box-shadow:0 25px 100px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head h2{font-family:BarlowCondensed,Impact,sans-serif;font-size:34px;letter-spacing:1px;margin:0}.modal p{font-size:13px;line-height:1.6;color:#a9bece}.modal .primary{width:100%;margin-top:12px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:16px 0}.form-row>label{font-size:12px;color:#c2d4e3}.form-row select,.form-row input[type=text]{width:190px;background:#0b1828;border:1px solid #30455b;color:#deeaf2;padding:10px;font-size:12px;border-radius:0}.form-row input[type=range]{accent-color:var(--lime);width:170px}.settings-note{font-size:10px!important}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px}.control{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;color:#bccfdc}.control .keys{display:flex;gap:4px}.control .key{min-width:27px;height:26px;font-size:10px}.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.training-card{background:#162b3e;border:1px solid var(--line);padding:23px 12px;text-align:left}.training-card h3{font-family:BarlowCondensed,Impact,sans-serif;font-size:24px;margin:15px 0 6px}.training-card p{font-size:10px;margin:0}.training-card svg{color:var(--lime);width:25px;height:25px}.training-freeplay{display:flex;align-items:center;justify-content:space-between;border:1px solid #bdf15b55;padding:19px;margin-top:10px;background:#203328}.training-freeplay h3{margin:0;font-size:14px;color:var(--lime)}.training-freeplay p{margin:5px 0 0;font-size:11px}.network-input{display:flex;gap:10px;margin-top:22px}.network-input input{flex:1;min-width:0;background:#081523;border:1px solid #41526a;padding:13px;color:#effaff;text-transform:uppercase;letter-spacing:4px}.network-input .secondary{height:46px}.error-message{font-size:12px;color:#ffa87e;margin-top:12px;min-height:18px}.room-code{text-align:center;font-family:BarlowCondensed,Impact,sans-serif;font-size:52px;letter-spacing:10px;padding:18px 0;color:var(--lime);background:#0a1928;border:1px solid var(--line);margin:15px 0}.lobby-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.lobby-team{border:1px solid var(--line);padding:15px}.lobby-team h3{font-size:10px;letter-spacing:2px;color:#52c3ff;margin:0 0 14px}.lobby-team.orange h3{color:#ff9c66}.lobby-person{padding:8px 0;font-size:12px;color:#d0e0ef}.lobby-person.empty{color:#526d83}.lobby-actions{display:flex;gap:10px;margin-top:15px}.lobby-actions button{flex:1}.lobby-actions .primary{margin:0;height:44px;min-width:0;font-size:10px;padding:0 15px;gap:10px}.lobby-note{font-size:10px!important}.hud{position:absolute;inset:0;z-index:10}.scoreboard{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#0b1623e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3d536b66;box-shadow:0 8px 40px #0004}.score-num{width:66px;height:60px;font-family:BarlowCondensed,Impact,sans-serif;font-size:41px;display:grid;place-items:center;background:linear-gradient(145deg,#164467,#14324b);border-top:2px solid #4cbdff}.score-num.orange{background:linear-gradient(145deg,#683b26,#422d24);border-color:#ff8c44}.score-time{width:114px;text-align:center;font-family:BarlowCondensed,Impact,sans-serif;font-size:31px;letter-spacing:2px}.score-time small{display:block;font-family:Barlow,Arial,sans-serif;font-size:7px;letter-spacing:2px;color:#9badc0;margin-top:1px}.hud-top-left{position:absolute;top:34px;left:32px;display:flex;align-items:center;gap:15px}.arena-label{font-size:9px;letter-spacing:2px;color:#d1e0eb;background:#0e1c2aa8;padding:10px 13px;border-left:2px solid var(--lime)}.hud-top-right{position:absolute;top:34px;right:32px;display:flex;align-items:center;gap:10px}.network-state{font-size:9px;letter-spacing:1px;color:#a8c2d3;background:#0a1729b0;padding:9px}.boost-hud{position:absolute;bottom:38px;right:45px;width:128px;height:128px}.boost-hud svg{position:absolute;inset:0;width:128px;height:128px;transform:rotate(135deg)}.boost-track{fill:none;stroke:#30485a;stroke-width:5;stroke-dasharray:255 340}.boost-ring{fill:none;stroke:var(--lime);stroke-width:5;stroke-dasharray:255 340;filter:drop-shadow(0 0 6px #bdf15b66);transition:stroke-dasharray .1s}.boost-value{position:absolute;inset:20px 0 0;text-align:center;font-family:BarlowCondensed,Impact,sans-serif;font-size:52px;line-height:1.1;text-shadow:0 2px 20px #000}.boost-value small{display:block;font-family:Barlow,Arial,sans-serif;font-size:8px;letter-spacing:3px;color:#c3d2dc;margin-top:5px}.boost-key{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#c0d5e3}.speed-hud{position:absolute;right:190px;bottom:66px;text-align:right;color:#d7e6f2;text-shadow:0 2px 20px #000}.speed-hud b{font-family:BarlowCondensed,Impact,sans-serif;font-size:29px;letter-spacing:1px}.speed-hud small{display:block;font-size:8px;letter-spacing:2px;color:#91aabf}.cam-hud{position:absolute;bottom:32px;left:32px;display:flex;flex-direction:column;gap:12px}.cam-label{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--lime);text-shadow:0 2px 15px #000}.cam-label.off{color:#bccddc}.hud-controls{display:flex;gap:18px;font-size:9px;color:#b7c9d7;background:#0d1a2770;padding:10px 12px}.hud-controls span{display:flex;align-items:center;gap:7px}.center-message{position:absolute;left:50%;top:32%;transform:translate(-50%);text-align:center;pointer-events:none;white-space:nowrap}.center-message b{display:block;font-family:BarlowCondensed,Impact,sans-serif;font-size:clamp(64px,8vw,110px);font-style:italic;letter-spacing:4px;color:#f3f9ff;text-shadow:0 3px 30px #0008}.center-message span{font-size:12px;font-weight:600;letter-spacing:4px;color:#d2e6f4}.center-message.goal b{color:#bcf15a}.replay-label{position:absolute;bottom:155px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:3px;background:#152b3dcc;padding:10px 16px;color:#cfeaff}.training-label{position:absolute;top:105px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:1px;background:#13283de0;border:1px solid #4d6983;padding:11px 18px;color:#dfecf6}.event-pop{position:absolute;top:25%;left:50%;transform:translate(-50%);font-family:BarlowCondensed,Impact,sans-serif;font-size:28px;letter-spacing:2px;color:var(--lime);text-shadow:0 2px 15px #000}.nameplate{position:absolute;transform:translate(-50%,-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;padding:4px 9px;background:#112a45ba;border-bottom:1px solid #3bbdff;color:#c5e8ff}.nameplate.orange{background:#4a2b1aba;border-color:#ff9a55;color:#ffc599}.tab-score{position:absolute;top:21%;left:50%;transform:translate(-50%);width:min(640px,90vw);padding:24px;background:#0b1a2ced;border:1px solid #37516d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tab-score h2{font-size:12px;letter-spacing:3px;margin:0 0 20px}.stat-table{width:100%;border-collapse:collapse;font-size:11px}.stat-table th{font-size:8px;letter-spacing:1px;color:#7896ab;padding:9px;text-align:right}.stat-table td{padding:12px 9px;text-align:right;border-top:1px solid var(--line)}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.stat-table tr.blue td:first-child{color:#55c6ff}.stat-table tr.orange td:first-child{color:#ffad74}.pause-title{color:var(--lime)}.pause-buttons{display:flex;flex-direction:column;gap:10px}.pause-buttons .primary{margin-top:0}.pause-buttons .secondary{width:100%}.result{max-width:650px;text-align:center}.result h1{font-family:BarlowCondensed,Impact,sans-serif;font-size:68px;font-style:italic;color:var(--lime);margin:5px 0 8px;letter-spacing:3px}.result-score{font-family:BarlowCondensed,Impact,sans-serif;font-size:45px;display:flex;justify-content:center;align-items:center;gap:26px;margin:25px 0}.result-score .blue{color:#5bc6ff}.result-score .orange{color:#ff995a}.result-score small{font-size:18px;color:#57758c}.result-xp{font-size:11px;letter-spacing:1px;margin-bottom:20px;color:#b9d392}.result-actions{display:flex;gap:10px;margin-top:22px}.result-actions button{flex:1;min-width:0;margin:0!important}.touch-controls{display:none;position:absolute;inset:0;pointer-events:none}.touch-direction{position:absolute;bottom:95px;left:25px;width:146px;height:140px}.touch-btn{position:absolute;width:46px;height:46px;display:grid;place-items:center;border:1px solid #adc9df77;border-radius:50%;background:#172b43a8;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important;color:#d7edff;font-size:18px}.touch-btn:active{background:#bdf15b55}.touch-up{left:50px;top:0}.touch-down{left:50px;bottom:0}.touch-left{left:0;top:47px}.touch-right{right:0;top:47px}.touch-actions{position:absolute;right:28px;bottom:185px;width:135px;height:85px}.touch-boost{right:0;bottom:0;width:72px;height:72px;border-color:#bdf15b;letter-spacing:1px;font-size:10px;color:var(--lime)}.touch-jump{left:0;top:0;width:54px;height:54px;font-size:10px;letter-spacing:1px}.touch-drift{position:absolute;bottom:245px;left:60px;font-size:9px;letter-spacing:1px}.touch-camera{right:27px;top:95px;font-size:9px;border-radius:4px;width:58px}.touch-controls .touch-btn svg{width:22px;height:22px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#172b40;border:1px solid #41536a;border-left:3px solid var(--lime);color:#d8e9f5;padding:13px 20px;font-size:12px;max-width:90vw;text-align:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%)}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;background:#09111f;z-index:100;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}.wordmark{font-family:BarlowCondensed,Impact,sans-serif;font-style:italic;font-size:55px;letter-spacing:4px}.wordmark span{color:var(--lime);margin-left:9px}.loading-line{width:210px;height:2px;background:#253648;overflow:hidden}.loading-line i{display:block;width:70px;height:100%;background:var(--lime);animation:loading 1.1s infinite}.loading-line+p{font-size:8px;letter-spacing:3px;color:#7e98af;margin:0}@keyframes loading{0%{transform:translate(-70px)}to{transform:translate(210px)}}#unsupported{position:fixed;inset:0;background:#0c1626;padding:10vw;z-index:110}#unsupported h1{font-size:32px}#unsupported p{color:#99adc2}#unsupported button{background:var(--lime);padding:15px 25px;color:#13212c}.fatal-error{margin-top:20px;font-size:12px;color:#fba987;max-width:80vw;text-align:center}@media(pointer:coarse){body.playing .touch-controls{display:block}.hud-controls{display:none}.cam-hud{bottom:24px;left:25px}.boost-hud{bottom:20px;right:25px;width:108px;height:108px}.boost-hud svg{width:108px;height:108px}.boost-value{font-size:43px}.speed-hud{right:148px;bottom:47px}}@media(max-width:1100px){.topnav{gap:18px;margin-left:0}.hero-copy{top:21%;left:5vw;width:370px}.hero-title{font-size:109px}.hero-detail{right:5vw}.home-bottom{left:5vw;right:5vw;bottom:22px}.mode-card{padding:17px 16px}.live-tag{display:none}.hero-description{font-size:13px}.hero-actions{gap:15px}.primary{min-width:210px;padding:0 20px}.garage-panel{right:5vw;width:300px}.hero-detail .car-badge{margin-top:70px}}@media(max-width:760px){.topbar{top:20px;left:22px;right:22px}.brand{font-size:14px;letter-spacing:2px;gap:9px}.brand svg{width:28px;height:28px}.topnav{display:none}.topright{gap:8px}.hero-copy{top:18%;left:26px;width:calc(100vw - 52px)}.hero-title{font-size:88px;margin:16px 0 20px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-description{font-size:12px;max-width:240px}.hero-actions{flex-direction:column;align-items:flex-start;gap:0}.hero-actions .primary{height:47px;font-size:10px;min-width:220px}.textbtn{font-size:8px}.hero-detail{display:none}.home-bottom{left:26px;right:26px;bottom:18px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mode-card{height:88px;padding:12px}.mode-card .mode-name{font-size:23px}.mode-card .mode-top{font-size:7px}.mode-card .mode-foot{font-size:8px}.mode-card .mode-name small{font-size:7px}.mode-card .mode-top svg{width:14px;height:14px}.bottom-title{margin-bottom:10px}.bottom-title h2{font-size:8px}.profile{font-size:9px;gap:7px}.xpbar,.home-footer{display:none}.menu-back{top:85px;left:26px}.menu-heading{left:26px;top:130px}.menu-heading h1{font-size:46px}.menu-heading p{font-size:11px}.garage-panel{bottom:28px;left:26px;right:26px;width:auto;padding:20px}.garage-name{left:26px;bottom:335px}.garage-name h2{font-size:34px}.garage-name .spec{display:none}.option-row,.swatches{margin-bottom:15px}.scoreboard{top:18px}.score-num{width:45px;height:45px;font-size:32px}.score-time{width:80px;font-size:23px}.score-time small{font-size:6px}.hud-top-left{top:20px;left:14px}.arena-label{display:none}.hud-top-right{top:20px;right:14px}.hud-top-right .network-state{display:none}.hud-top-right .iconbtn{width:29px;height:29px}.hud-top-right .iconbtn svg{width:16px;height:16px}.controls-grid{grid-template-columns:1fr}.modal{padding:23px}.training-grid{gap:7px}.training-card{padding:17px 10px}.training-card h3{font-size:21px}.form-row>label{font-size:11px}.form-row select,.form-row input[type=text]{width:155px}.form-row input[type=range]{width:145px}.result h1{font-size:50px}.center-message b{font-size:64px}.center-message span{font-size:9px}.hud-controls{gap:10px}.cam-hud{left:18px}.cam-label{font-size:9px}.training-label{top:80px;font-size:9px;max-width:90vw;white-space:nowrap}.room-code{font-size:40px}.modal-head h2{font-size:30px}.topright .iconbtn{width:31px;height:31px}}@media(max-height:640px)and (min-width:761px){.topbar{top:17px}.hero-copy{top:19%}.hero-title{font-size:87px;margin:14px 0}.hero-description{font-size:12px;margin-bottom:16px}.hero-actions .primary{height:45px}.home-bottom{bottom:17px}.mode-card{height:90px;padding:13px 17px}.home-footer{display:none}.hero-detail .car-badge{margin-top:35px}.garage-panel{bottom:30px;padding:20px}.menu-heading{top:125px}.menu-heading h1{font-size:44px}}@media(max-height:560px)and (max-width:760px){.hero-copy{top:20%;left:25px}.hero-title{font-size:63px}.hero-description{display:none}.hero-actions .primary{height:41px}.home-bottom{left:auto;right:22px;width:42%;bottom:25px}.bottom-title .profile{display:none}.mode-card{height:78px}.menu-heading{top:105px}.garage-panel{left:auto;right:25px;width:300px;bottom:18px}.garage-name{bottom:40px}.center-message{top:27%}.touch-direction{bottom:65px;transform:scale(.8);transform-origin:left bottom}.touch-drift{bottom:210px}.touch-actions{bottom:130px}.boost-hud{bottom:15px}.modal{max-height:90vh}}