@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#f3f6f1;background:#09161d;font-synthesis:none;--lime:#b8fa66;--muted:#b0bec0;--blue:#48c8ff;--orange:#ff9b4a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{color:inherit}canvas#game{width:100vw;height:100vh;display:block}.hidden{display:none!important}.screen{position:fixed;inset:0}#menu{background:linear-gradient(90deg,#051117e3,#061319a6 32%,#06131912 65%),linear-gradient(0deg,rgba(6,17,23,.85),transparent 24%)}header{position:absolute;top:0;left:0;right:0;padding:35px 4.2%;display:flex;align-items:center;gap:18px}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:27px;letter-spacing:.5px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.brand-light{font-weight:500;color:#c7d0ce;margin-left:-5px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#142324;font-size:36px;width:33px;height:38px;transform:skew(-8deg);margin-right:6px;font-family:Arial;font-weight:900}.live-label{margin-left:auto;font-size:11px;letter-spacing:2px;font-weight:600;color:#e2e5da;display:flex;align-items:center;gap:9px}.live-label i,.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 12px #b8fa6640}.icon-button{background:#0c1c2855;border:1px solid #a8c1ce33;border-radius:50%;height:39px;width:39px;display:flex;align-items:center;justify-content:center;font-size:19px}.menu-copy{position:absolute;top:23%;left:7%}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--lime)}.eyebrow>span{display:block;width:25px;height:2px;background:var(--lime)}h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(80px,9.3vw,148px);line-height:.83;letter-spacing:-2px;margin:27px 0 25px;font-style:italic}h1 em{font-style:inherit;color:var(--lime)}.intro{color:#c5d0ce;font-size:16px;line-height:1.6;margin:0 0 28px}.menu-actions{display:flex;gap:12px}.button{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 24px;font-size:12px;letter-spacing:1.3px;font-weight:800;border:1px solid #c6d7d533;border-radius:3px;min-width:165px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:22px;line-height:12px}.primary{background:var(--lime);color:#172522;border-color:var(--lime)}.primary:hover{background:#d0ff96}.secondary{background:#14252c99;color:#e0e8e4}.secondary:hover{background:#29404bcc}.mode-note{display:flex;align-items:center;gap:8px;color:#9eafae;font-size:9px;font-weight:600;letter-spacing:1.3px;margin-top:17px}.mode-note i{width:4px;height:4px;background:var(--lime);border-radius:50%}.mode-note span{padding:0 3px}.arena-card{position:absolute;right:4.3%;bottom:15%;width:265px;padding:21px 24px;border:1px solid #d2e4e428;background:#10202a92;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px}.arena-card-top{display:flex;align-items:center;gap:8px;color:#b6c9c9;font-size:9px;letter-spacing:1.8px}.tiny-square{width:5px;height:5px;background:var(--lime)}.arena-index{margin-left:auto;color:#7f9295;font-size:8px;letter-spacing:1px}.arena-card strong{display:block;font-family:Barlow Condensed,Impact,sans-serif;font-size:34px;letter-spacing:1px;margin-top:15px}.arena-card p{margin:4px 0 22px;font-size:12px;color:#aebebc}.arena-tags{display:flex;gap:13px;font-size:8px;letter-spacing:1px;color:#afc0bf}.arena-tags span:last-child{color:var(--lime)}footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 4.2%;border-top:1px solid #aec8cf21;font-size:9px;letter-spacing:1.6px;color:#94aaa9}footer button{background:none;border:0;font-size:10px;font-weight:700;letter-spacing:1px;padding:0}footer button span{color:var(--lime);padding-left:10px}.input-status{font-size:9px;letter-spacing:1px}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#071117b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}.panel{width:410px;max-width:92vw;padding:38px;background:#102129ed;border:1px solid #abc5cb30;border-radius:6px;box-shadow:0 25px 90px #0006}.panel.wide{width:760px}.panel h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:46px;letter-spacing:-.3px;margin:13px 0 28px;line-height:1;font-weight:700}.panel>.button{width:100%;margin:12px 0}.text-button{border:0;background:transparent;width:100%;padding:20px 0 0;font-size:10px;letter-spacing:1.5px;color:#91a8ab}.panel-heading{display:flex;justify-content:space-between}.settings-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px}.settings-grid h3{font-size:10px;letter-spacing:2px;color:var(--lime);margin-bottom:22px}.settings-grid label{display:block;font-size:12px;color:#c4d3d0;margin-bottom:19px}.settings-grid label>span{float:right;color:var(--lime)}select{display:block;width:100%;background:#091921;border:1px solid #54717c66;color:#d5e6e2;border-radius:3px;padding:10px;margin-top:9px;font-size:11px}input[type=range]{display:block;width:100%;margin-top:14px;accent-color:var(--lime);height:3px}input[type=checkbox]{accent-color:var(--lime);float:right}.small{font-size:10px;padding:12px 15px;min-width:0;width:100%}.control-list{display:grid;grid-template-columns:auto auto;gap:12px 10px;font-size:11px;margin:0}.control-list dt{color:#a6bbbc}.control-list dd{margin:0;text-align:right;color:#e1ebe7;font-weight:500}.hint{font-size:11px;line-height:1.5;color:#8fa7a9;margin:22px 0 0}#loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#09161d;gap:18px}#loading p{font-size:11px;letter-spacing:3px;color:#bccfc9}.loading-dots{animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}#hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#06101855,transparent 20%)}#hud button{pointer-events:auto}.match-label{position:absolute;left:28px;top:28px;display:grid;grid-template-columns:8px auto;gap:7px 8px;align-items:center;font-size:10px;letter-spacing:1.8px;text-shadow:0 1px 4px #000}.match-label>span:last-child{grid-column:2;font-size:8px;color:#bcd3d1;letter-spacing:2px}.scoreboard{display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);height:61px;background:#0d2028e0;border-radius:4px;overflow:hidden;box-shadow:0 5px 30px #0002}.team{width:96px;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:3px solid}.team.blue{border-color:#55d6ff;background:#167dba57}.team.orange{border-color:#ffa25d;background:#ae623641}.team small{font-size:8px;letter-spacing:1.5px;font-weight:700}.team b{font-family:Barlow Condensed,Impact,sans-serif;font-size:40px}.clock{width:113px;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock b{font-size:24px;letter-spacing:1.5px;font-variant-numeric:tabular-nums}.clock small{font-size:7px;letter-spacing:1.8px;color:#a4bdc1;margin-top:3px}#pause-button{position:absolute;right:28px;top:27px}#announcement{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 3px 35px #0007;width:90%}#announcement small{display:block;letter-spacing:4px;font-size:12px;color:#e2f0d5;margin-bottom:12px}#announcement strong{font-family:Barlow Condensed,Impact,sans-serif;font-style:italic;font-size:74px;font-weight:800;color:var(--lime);letter-spacing:1px}.telemetry{position:absolute;bottom:80px;left:35px;width:146px;text-shadow:0 2px 8px #0008}.speed{display:flex;align-items:baseline;gap:9px}.speed b{font-family:Barlow Condensed,Impact,sans-serif;font-size:54px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.speed>span{font-size:9px;color:#b4cecf;letter-spacing:1px}.speed-track{height:3px;background:#b4d0d240;margin:9px 0 16px}.speed-track>i{display:block;width:0;height:100%;background:#d7f7ec}#camera-toggle{border:0;background:none;font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px;padding:0}.keycap,kbd{border:1px solid #d2e7ed4a;border-radius:3px;background:#0a203757;padding:3px 5px;font-size:8px;font-family:inherit;font-weight:600}.keycap{font-size:10px;padding:2px 6px}#camera-led{height:5px;width:5px;border-radius:50%;background:var(--lime)}#air-label{font-size:8px;letter-spacing:1.2px;color:#aac3c2;margin-top:9px}.boost-hud{position:absolute;bottom:58px;right:27px;width:155px;height:155px}.boost-hud svg{width:100%;height:100%;transform:rotate(135deg)}.boost-hud circle{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:302 402}.boost-track{stroke:#d3e9ed36}#boost-arc{stroke:var(--lime);filter:drop-shadow(0 0 5px #b8fa6650)}.boost-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.boost-value b{font-family:Barlow Condensed,Impact,sans-serif;font-size:53px;font-weight:600;line-height:1;text-shadow:0 3px 12px #0005}.boost-value span{font-size:9px;letter-spacing:3px;color:#d2e5df;margin-top:5px}.boost-key{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#c7d6d2;font-size:8px;letter-spacing:1.3px}.control-strip{position:absolute;bottom:23px;left:50%;transform:translate(-50%);display:flex;gap:22px;white-space:nowrap;color:#aec8c9;font-size:8px;letter-spacing:1px;text-shadow:0 1px 5px #000}.control-strip span{display:flex;align-items:center;gap:6px}#toast{position:absolute;top:110px;left:50%;transform:translate(-50%);padding:10px 18px;background:#0c2127cc;border:1px solid #b8fa6650;border-radius:3px;font-size:11px;letter-spacing:1px}#ball-indicator{position:absolute;top:50%;font-size:10px;letter-spacing:1px;color:var(--lime);text-shadow:0 1px 8px #000}#ball-indicator span{font-size:24px;display:block;text-align:center}#debug{position:absolute;top:120px;left:20px;background:#001016cc;padding:13px;font:11px/1.5 monospace;white-space:pre;color:#b8fa66}#result-score{font-family:Barlow Condensed,Impact,sans-serif;font-size:55px;color:var(--lime);margin:0 0 24px;text-align:center}@media(max-height:700px){.menu-copy{top:23%}h1{font-size:100px;margin:22px 0}.intro{font-size:14px;margin-bottom:20px}.button{padding:14px 20px}.panel{padding:28px}.control-list{gap:9px 8px}}@media(max-width:800px){.menu-copy{left:5%;top:24%}h1{font-size:95px}.arena-card{width:220px;right:3%;bottom:15%}.live-label{display:none}header>.icon-button{margin-left:auto}footer>span{display:none}.settings-grid{gap:20px}.match-label{display:none}.control-strip{gap:10px;font-size:7px}.boost-hud{width:130px;height:130px}.menu-actions{gap:8px}.button{min-width:140px}.arena-tags{font-size:7px;gap:8px}}@media(max-width:580px){.arena-card{display:none}.settings-grid{grid-template-columns:1fr}.settings-grid>div:last-child{display:none}.control-strip{display:none}.scoreboard{transform:translate(-50%) scale(.85);transform-origin:top}.brand{font-size:22px}.telemetry{left:20px;bottom:30px}.boost-hud{bottom:25px;right:15px}header{padding:25px 5%}}#menu .menu-copy{top:20%}#menu h1{font-size:clamp(76px,8.1vw,128px);margin:23px 0}#menu .intro{margin-bottom:22px}.vehicle-info{position:absolute;right:6%;bottom:255px;width:225px;text-shadow:0 2px 14px #0006}.vehicle-info .eyebrow{font-size:9px;letter-spacing:2px}.vehicle-info>strong{display:block;font-family:Barlow Condensed,Impact,sans-serif;font-size:53px;letter-spacing:1px;margin-top:5px}.vehicle-info>span{display:block;font-size:12px;color:#d1dcd7}.vehicle-info p{color:#b1c4bf;font-size:11px;line-height:1.5;margin:10px 0 0}.garage-strip{position:absolute;bottom:86px;left:7%;right:7%}.garage-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.9px;color:#c4d7cc;margin-bottom:10px;font-weight:600}.garage-heading span:last-child{color:#92aaa6;font-size:8px}#vehicle-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vehicle-option{position:relative;background:#07191ed6;border:1px solid #bad3d12c;border-radius:4px;color:#e5efeb;padding:0;text-align:left;overflow:hidden;transition:background .16s,border-color .16s,transform .16s;height:123px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.vehicle-option:hover{background:#1c343bd9;transform:translateY(-3px)}.vehicle-option[aria-pressed=true]{border-color:var(--car-accent);background:#25424be6;box-shadow:inset 0 -2px var(--car-accent)}.vehicle-option img{position:absolute;right:-7px;top:-23px;width:90%;height:128px;object-fit:contain;pointer-events:none}.vehicle-option .vehicle-index{position:absolute;left:13px;top:10px;font-size:9px;color:#9bb3b1;letter-spacing:1px}.vehicle-option .vehicle-check{position:absolute;right:11px;top:10px;font-size:12px;color:var(--car-accent);visibility:hidden}.vehicle-option[aria-pressed=true] .vehicle-check{visibility:visible}.vehicle-option .vehicle-caption{position:absolute;left:13px;bottom:12px;display:flex;flex-direction:column;gap:3px}.vehicle-option .vehicle-caption b{font-size:12px;letter-spacing:1.5px}.vehicle-option .vehicle-caption small{font-size:9px;color:#a4bab5;letter-spacing:.4px}#help-shortcut{position:fixed;z-index:8;right:81px;top:34px;border:0;border-radius:3px;background:#0c202bcc;padding:7px 10px;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.help-panel{width:820px;max-height:90vh;overflow-y:auto}.help-panel h2{margin-bottom:14px}.help-objective{font-size:15px;line-height:1.7;color:#c9d8d5;margin:0 0 24px}.blue-text{color:var(--blue)}.orange-text{color:var(--orange)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-grid article{padding:18px 16px;background:#18303980;border:1px solid #a2bbbf26;border-radius:4px}.lesson-grid article>span{color:var(--lime);font-size:11px;letter-spacing:1.5px}.lesson-grid h3{font-family:Barlow Condensed,Impact,sans-serif;font-size:20px;font-weight:600;margin:12px 0 9px;letter-spacing:.7px}.lesson-grid p{font-size:12px;line-height:1.85;color:#b7ccc7;margin:0}.lesson-grid kbd{font-size:9px;color:#ecf6ed;background:#071b25;padding:2px 4px;letter-spacing:.3px}.advanced-controls{border-top:1px solid #b9d0cf25;border-bottom:1px solid #b9d0cf25;margin-top:24px;padding:14px 0;color:#c4d7d1}.advanced-controls summary{cursor:pointer;font-size:12px;list-style:none}.advanced-controls summary>span{float:right;color:var(--lime);font-size:17px}.advanced-controls[open] summary{margin-bottom:20px}.advanced-controls .control-list{grid-template-columns:1fr 1fr;font-size:12px;gap:12px}.help-footer{display:flex;align-items:center;gap:25px;margin-top:23px}.help-footer p{font-size:12px;line-height:1.6;color:#a9bfb8;margin:0}.help-footer strong{color:#dbe8e1}.help-footer .button{white-space:nowrap;flex-shrink:0}.help-panel::-webkit-scrollbar{width:5px}.help-panel::-webkit-scrollbar-thumb{background:#446462;border-radius:4px}.panel-heading .icon-button{flex-shrink:0}@media(max-height:760px){#menu .menu-copy{top:18%}#menu h1{font-size:82px;margin:18px 0}#menu .intro{font-size:13px;line-height:1.4;margin-bottom:18px}#menu .eyebrow{font-size:9px}.garage-strip{bottom:67px}.vehicle-option{height:95px}.vehicle-option img{height:104px;top:-22px}.vehicle-option .vehicle-caption{bottom:9px}.vehicle-info{bottom:200px}.vehicle-info>strong{font-size:43px}header{padding-top:25px;padding-bottom:25px}.help-panel{padding:26px}.lesson-grid p{font-size:11px}.lesson-grid article{padding:14px}.help-footer{margin-top:16px}.advanced-controls{margin-top:18px}.help-objective{margin-bottom:18px;font-size:13px}}@media(max-width:900px){.vehicle-info{right:5%;width:180px;bottom:242px}.garage-strip{left:5%;right:5%}.vehicle-option img{width:115%;right:-18px;top:-17px}.vehicle-option{height:113px}.vehicle-option .vehicle-caption small{font-size:8px}.garage-heading span:last-child{display:none}.lesson-grid{gap:8px}.lesson-grid article{padding:14px 10px}.help-footer{gap:15px}}@media(max-width:620px){#menu .menu-copy{top:19%;left:6%}#menu h1{font-size:76px}.vehicle-info{display:none}.garage-strip{bottom:75px;left:5%;right:5%}#vehicle-options{gap:6px}.vehicle-option{height:97px}.vehicle-option .vehicle-caption{left:7px;bottom:10px}.vehicle-option .vehicle-caption b{font-size:9px;letter-spacing:.6px}.vehicle-option .vehicle-caption small{display:none}.vehicle-option .vehicle-index{left:7px;top:8px;font-size:8px}.vehicle-option .vehicle-check{right:5px;top:6px}.vehicle-option img{width:180%;right:-28px;height:90px;top:-8px}.lesson-grid{grid-template-columns:1fr}.lesson-grid article{padding:12px 14px}.lesson-grid article>span{float:left;margin-right:10px;margin-top:3px}.lesson-grid h3{margin:0 0 7px}.lesson-grid p{font-size:12px}.help-panel{padding:24px}.help-footer{flex-direction:column;align-items:stretch;gap:14px}.advanced-controls .control-list{font-size:10px;gap:12px 5px}.help-objective{font-size:13px}#help-shortcut{top:88px;right:15px;font-size:8px}.help-panel h2{font-size:40px}}#loading{display:block;background:#10212a;overflow:hidden}.loading-brand{position:absolute;top:35px;left:4.2%;z-index:2}.loading-art{position:absolute;right:-5%;top:-7%;height:114%;width:84%;object-fit:cover;object-position:center;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}.loading-copy{position:absolute;left:7%;top:31%;width:550px;z-index:2}.loading-copy h1{font-size:clamp(65px,6.7vw,106px);line-height:.92;margin:25px 0;letter-spacing:-1px}#loading .loading-copy>p{font-size:15px;color:#b8cacb;letter-spacing:.2px;line-height:1.6}.loading-meter{width:320px;height:3px;background:#e9f8ee22;margin-top:35px;border-radius:3px;overflow:hidden}.loading-meter i{display:block;width:5%;height:100%;background:var(--lime);box-shadow:0 0 20px #b8fa6680;transition:width .25s}.loading-meta{margin-top:13px;width:320px;display:flex;align-items:center;justify-content:space-between;color:#bbd0c8;font-size:11px;letter-spacing:.5px}.loading-spinner{height:12px;width:12px;border:1px solid #b8fa6622;border-top-color:var(--lime);border-radius:50%;animation:loading-spin 1s linear infinite}.loading-tip{position:absolute;bottom:35px;left:7%;font-size:11px;color:#b1c8c5;letter-spacing:.4px;display:flex;gap:12px;align-items:center}.loading-tip kbd{font-size:8px;color:var(--lime);letter-spacing:1px;padding:5px 7px}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(max-width:750px){.loading-art{right:-35%;width:130%;opacity:.48;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}.loading-copy{width:88%;top:33%}.loading-copy h1{font-size:68px}.loading-copy .eyebrow{font-size:9px;letter-spacing:2px}.loading-tip{width:85%;font-size:10px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.vehicle-option,.button,.loading-meter i{transition:none}}