@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#f6f7ff;background:#10152a;font-synthesis:none;--lime:#d5ff61;--muted:#a5acc4}*{box-sizing:border-box}body{margin:0}button,a,select,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}#world{position:fixed;inset:0}#world canvas{width:100%;height:100%;display:block}.screen{position:relative;min-height:100svh;background:linear-gradient(110deg,rgba(12,17,36,.97),rgba(12,17,36,.91) 65%,rgba(12,17,36,.78));padding:30px max(28px,calc((100vw - 1220px)/2));}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#fff;font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:6px}.brand>span:not(.brand-symbol){color:var(--lime)}.brand-symbol{background:var(--lime);color:#10152a;width:34px;height:34px;display:grid;place-content:center;font-size:30px;transform:skew(-9deg);margin-right:5px}.brand small{font:600 10px 'DM Sans',sans-serif;letter-spacing:1px;border:1px solid #4b536a;padding:4px;margin-left:6px}.version{font-size:10px;color:var(--muted);letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.version i{height:4px;width:4px;background:var(--lime);border-radius:100%}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-top:46px;margin-bottom:33px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--lime);font-weight:700;margin:0 0 13px}h1{font:800 clamp(42px,5.1vw,70px)/.98 'Barlow Condensed',sans-serif;letter-spacing:-.5px;margin:0}h1 em{font-style:normal;color:var(--lime)}.intro-copy{font-size:13px;color:#aeb6cc;line-height:1.8;margin:18px 0 0}.race-info{display:flex;gap:30px;margin-bottom:7px}.race-info>span{font:700 28px 'Barlow Condensed',sans-serif;color:#dde3f3;display:flex;flex-direction:column;gap:4px}.race-info b{font:500 9px 'DM Sans',sans-serif;letter-spacing:1.1px;color:#9ca6bf}.selection-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.selection-heading h2{font:700 22px 'Barlow Condensed',sans-serif;margin:0}.selection-heading>span{font-size:10px;color:#99a5be}.characters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.character{position:relative;border:1px solid #333e55;border-radius:13px;padding:0;overflow:hidden;text-align:left;background:#202a41;color:white;transition:transform .18s,border .18s,box-shadow .18s}.character:hover{transform:translateY(-4px)}.character.selected{border:2px solid var(--lime);box-shadow:0 0 0 3px #d5ff6113}.character-art{height:190px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--pilot-color) 20%,#1b253a),#192238 80%);padding:19px 4px 0;display:flex;align-items:center;justify-content:center}.character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #0006);transition:transform .2s}.character:hover img{transform:scale(1.05)}.character-number{position:absolute;left:15px;top:12px;font:700 15px 'Barlow Condensed',sans-serif;color:#ffffff6b}.selected-mark{position:absolute;right:13px;top:12px;width:22px;height:22px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-content:center;font-size:12px}.selected .selected-mark{background:var(--lime);border-color:var(--lime);color:#10152a}.character-info{padding:14px 16px 17px;border-top:1px solid #ffffff0b}.character-info strong{display:block;font:700 24px 'Barlow Condensed',sans-serif}.character-info small{display:block;font-size:10px;color:#aab4cb;margin-top:5px}.launch-row{display:flex;justify-content:space-between;align-items:center;padding:25px 0 19px;gap:16px}.settings{display:flex;align-items:center;gap:12px;color:#aeb7cb;font-size:11px}select{font:inherit;color:#fff;background:#202a41;border:1px solid #3c465b;padding:10px 28px 10px 12px;border-radius:7px}.comfort{display:flex;align-items:center;gap:5px;margin-left:8px}.comfort input{accent-color:var(--lime)}.launch-actions{display:flex;gap:12px;align-items:center}.primary{border:0;border-radius:8px;padding:15px 25px;color:#151c28;background:var(--lime);font-weight:700;font-size:13px;box-shadow:0 5px 25px #d5ff6114}.primary:hover{background:#e4ff9a}.secondary{border:1px solid #414b66;background:#222d46;color:#fff;padding:14px 24px;border-radius:8px}.menu-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:17px;font-size:10px;color:#8996b0}.menu-footer b{font-weight:600;color:#ced7eb;margin-right:5px;margin-left:13px}.menu-footer b:first-child{margin-left:0}.text-button{border:0;background:none;color:#ccd6ed;font-size:11px;padding:10px 0}.support-note{font-size:10px;color:#8190ae;margin:8px 0 0}.modal{position:fixed;inset:0;background:#080d20be;backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;z-index:15;overflow:auto}.dialog{position:relative;background:#192238;border:1px solid #3d4962;border-radius:18px;width:min(470px,100%);padding:35px;text-align:center;box-shadow:0 25px 100px #0007}.dialog h2{font:800 40px 'Barlow Condensed',sans-serif;margin:0 0 12px}.dialog p{font-size:13px;line-height:1.7;color:#b8c4db}.dialog button.primary,.dialog button.secondary{display:block;width:100%;margin-top:12px}.help-dialog{width:min(650px,100%);text-align:left}.close{position:absolute;top:13px;right:18px;border:0;background:none;color:#cdd7ed;font-size:28px}.help-items{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.help-items b{display:block;color:#fff}.results-dialog ol{padding:0;list-style:none;margin:25px 0}.results-dialog li{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#242e46;border-radius:7px;margin:7px 0;font-size:13px}.results-dialog li.me{outline:1px solid var(--lime)}.results-dialog li b{font:800 25px 'Barlow Condensed',sans-serif;color:var(--lime)}.results-dialog li span{flex:1;text-align:left}.results-dialog li small{color:#a0acc5}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}.hud-top{display:flex;gap:18px;align-items:center;padding:25px}.position,.lap{background:#10172bdf;border:1px solid #ffffff25;backdrop-filter:blur(8px);border-radius:10px;padding:12px 18px}.position{display:flex;align-items:center;gap:12px}.position strong{font:800 51px/.9 'Barlow Condensed',sans-serif;color:var(--lime)}.position span,.lap span{font-size:9px;letter-spacing:1.3px;color:#c5cfdf}.lap{display:flex;flex-direction:column;gap:3px}.lap strong{font:700 25px 'Barlow Condensed',sans-serif}#pause{margin-left:auto;pointer-events:auto;border:1px solid #ffffff30;border-radius:9px;background:#10172bdc;color:#fff;width:44px;height:44px;font-size:20px}.hud-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:flex-end;justify-content:space-between}.speed{background:#10172bdb;border-radius:10px;padding:15px 20px;min-width:140px}.speed strong{font:800 47px 'Barlow Condensed',sans-serif}.speed span{font-size:10px;margin-left:8px;color:var(--lime)}.speed small{display:block;font-size:9px;color:#bdc8df}.item button{pointer-events:auto;border:1px solid #ffffff50;background:#10172bf0;border-radius:12px;color:#fff;display:flex;flex-direction:column;align-items:center;padding:12px 25px;min-width:180px;gap:4px}.item button:disabled{cursor:default;opacity:.85}#item-icon{font-size:35px;line-height:1.2;color:var(--lime)}#item-name{font-size:12px;font-weight:700}#item-hint{font-size:8px;color:#a0b0cb;letter-spacing:1.5px}#minimap{width:180px;height:135px;background:#10172ba8;border-radius:10px}#countdown{position:absolute;top:36%;left:0;right:0;text-align:center;font:800 110px 'Barlow Condensed',sans-serif;color:var(--lime);text-shadow:0 5px 30px #0009}#toast{position:absolute;top:120px;left:50%;transform:translateX(-50%);border-radius:9px;background:#10172be8;padding:12px 20px;font-size:13px;opacity:0;transition:opacity .2s;text-align:center}#toast.visible{opacity:1}#loading{position:fixed;inset:0;display:grid;place-content:center;background:#10152a;z-index:30;text-align:center;font-size:13px;color:#a4b4d0}.loader{margin:auto;border:3px solid #303d57;border-top-color:var(--lime);border-radius:50%;width:35px;height:35px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#touch-controls{position:fixed;bottom:180px;left:20px;right:20px;justify-content:space-between;pointer-events:none;z-index:5}#touch-controls button{pointer-events:auto;background:#10172ba8;border:1px solid #ffffff50;border-radius:50%;color:white;width:64px;height:64px;font-size:22px;touch-action:none}#touch-controls button[data-control=brake]{font-size:10px}#vr-entry button{position:static!important;left:auto!important;bottom:auto!important;width:auto!important;min-width:145px!important;opacity:1!important;border:1px solid #748096!important;border-radius:8px!important;font:600 12px 'DM Sans',sans-serif!important;padding:14px 20px!important;color:white!important;background:#253148!important}#vr-entry a{font-size:10px;color:#a5b2ce;text-decoration:none;padding:10px;display:block}body.xr #hud,body.xr #menu,body.xr #touch-controls,body.xr .modal{display:none!important}
@media(min-width:1500px){.screen{padding-top:45px}.intro{margin-top:65px}.character-art{height:235px}}
@media(max-width:850px){.screen{padding:22px}.intro{margin-top:32px}.race-info{gap:16px}.character-art{height:145px}.character-info{padding:12px}.character-info strong{font-size:20px}.launch-row{align-items:flex-start;flex-direction:column}.launch-actions{align-self:stretch}.launch-actions .primary{flex:1}.selection-heading>span{max-width:145px;text-align:right}.version{font-size:8px}.settings{flex-wrap:wrap}}
@media(max-width:560px){.characters{grid-template-columns:repeat(2,1fr);gap:10px}.intro{margin-bottom:24px}.intro-copy{font-size:11px}.race-info{display:none}.character-art{height:140px}.version{display:none}.menu-footer{align-items:flex-start;gap:10px}.menu-footer>span{line-height:1.9;max-width:200px}.character-info strong{font-size:23px}.hud-top{padding:15px}.hud-bottom{left:15px;right:15px;bottom:18px;gap:10px}.speed{min-width:100px;padding:10px}.speed strong{font-size:33px}.item button{min-width:130px;padding:9px}#minimap{width:100px;height:75px}.selection-heading>span{font-size:9px}.dialog{padding:28px}.comfort{margin-left:0}}
@media(pointer:coarse){#touch-controls:not(.hidden){display:flex}}
.pilot-portrait{position:absolute;right:12px;top:12px;width:57px;height:57px;border-radius:50%;background-repeat:no-repeat;background-color:#26334c;border:2px solid #ffffffb0;box-shadow:0 4px 12px #0005;z-index:2}.character-art{height:235px;padding-top:42px}.character-info{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 10px}.character-info .selected-mark{position:static;width:19px;height:19px;flex-shrink:0}.character-info small{font-size:9px;letter-spacing:1px;margin:0}.character.selected .character-info small{color:var(--lime)}@media(max-width:850px){.character-art{height:190px}.pilot-portrait{width:50px;height:50px}}@media(max-width:560px){.character-art{height:185px}.pilot-portrait{width:47px;height:47px}.character-info small{font-size:8px}}

/* Product opens only in immersive VR. Desktop rendering is a developer preview. */
body.vr-only:not(.xr) #world, body.vr-only #menu, body.vr-only #hud, body.vr-only .modal, body.vr-only #touch-controls {display:none!important}
body.vr-only #loading {background:#000;color:#bac6d7}
