*,:before,:after{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#canvas{display:block;position:fixed;inset:0;width:100%!important;height:100%!important}#loading-screen{z-index:100;background:#111;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-inner{text-align:center;color:#fff}.loading-title{letter-spacing:.2em;color:#e8c43a;margin-bottom:1.5rem;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:700}.loading-bar-wrap{background:#333;border-radius:3px;width:clamp(180px,50vw,360px);height:6px;margin:0 auto .8rem;overflow:hidden}#loading-bar{background:#e8c43a;border-radius:3px;width:0%;height:100%;transition:width .2s}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#lap-info{top:max(12px, env(safe-area-inset-top,12px));left:max(14px, env(safe-area-inset-left,14px));text-shadow:0 1px 4px #000c;flex-direction:column;gap:4px;font-size:clamp(.7rem,2.2vw,.95rem);font-weight:600;line-height:1.3;display:flex;position:absolute}.hud-white{color:#fff}.hud-green{color:#56e87a}#minimap-wrap{top:max(10px, env(safe-area-inset-top,10px));right:max(10px, env(safe-area-inset-right,10px));background:#00000073;border:2px solid #ffffff59;border-radius:50%;width:clamp(110px,22vw,180px);height:clamp(110px,22vw,180px);position:absolute;overflow:hidden}#minimap{width:100%;height:100%;display:block}#minimap-ghosts{position:absolute;inset:0}.ghost-dot{border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute}#minimap-marker{background:#ff4040;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #ff4040}#touch-joystick{bottom:max(18px, env(safe-area-inset-bottom,18px));left:max(14px, env(safe-area-inset-left,14px));pointer-events:all;touch-action:none;width:clamp(120px,30vw,180px);height:clamp(120px,30vw,180px);position:absolute}@media (hover:hover){#touch-joystick{display:none}}#joystick-base{background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;position:absolute;inset:0}#joystick-knob{will-change:transform;background:#fff6;border:2px solid #ffffff8c;border-radius:50%;width:42%;height:42%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%}#touch-controls{bottom:max(18px, env(safe-area-inset-bottom,18px));right:max(14px, env(safe-area-inset-right,14px));pointer-events:all;flex-direction:column;gap:10px;display:flex;position:absolute}@media (hover:hover){#touch-controls{display:none}}.touch-btn{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:clamp(52px,14vw,70px);height:clamp(52px,14vw,70px);font-size:1.4rem;transition:background .1s;display:flex}.touch-btn:active,.touch-btn.pressed{background:#ffffff59}.touch-btn{-webkit-touch-callout:none}#touch-aux-controls{bottom:calc(max(18px, env(safe-area-inset-bottom,18px)) + 2 * clamp(52px, 14vw, 70px) + 20px);right:max(14px, env(safe-area-inset-right,14px));pointer-events:all;flex-direction:column;gap:8px;display:flex;position:absolute}@media (hover:hover){#touch-aux-controls{display:none}}.touch-btn-small{border-radius:50%;width:clamp(40px,10vw,52px);height:clamp(40px,10vw,52px);font-size:.7rem;font-weight:700}#rotate-overlay{z-index:200;color:#fff;text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}#rotate-icon{font-size:3rem;animation:1.8s ease-in-out infinite rotate-hint}#rotate-text{color:#fffc;font-size:1rem}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media (pointer:coarse) and (orientation:portrait){#rotate-overlay{display:flex}}#speed-info{bottom:max(18px, env(safe-area-inset-bottom,18px));left:max(14px, env(safe-area-inset-left,14px));text-shadow:0 1px 4px #000c;color:#fff;align-items:baseline;gap:10px;font-weight:700;display:flex;position:absolute}#gear-value{color:#ffe44d;text-align:center;min-width:1.1ch;font-size:clamp(1.8rem,6vw,2.6rem)}#speed-readout{align-items:baseline;gap:4px;display:flex}#speed-value{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,6vw,2.6rem)}#speed-unit{color:#ffffffb3;font-size:clamp(.65rem,2vw,.8rem);font-weight:600}#camera-hint{bottom:max(12px, env(safe-area-inset-bottom,12px));right:max(14px, env(safe-area-inset-right,14px));color:#ffffff80;text-shadow:0 1px 3px #000c;text-align:right;font-size:clamp(.6rem,1.8vw,.75rem);line-height:1.5;position:absolute}@media (hover:hover){#camera-hint{display:block}}@media (max-height:480px) and (orientation:landscape){#lap-info{gap:2px;font-size:.65rem}#minimap-wrap{width:90px;height:90px}#camera-hint{display:none}#gear-value,#speed-value{font-size:1.4rem}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#f24b3d;--muted:#a6afb3;--panel:#0f1518e3}[hidden]{display:none!important}button,select,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:#f4f5f3}button:disabled{cursor:wait;opacity:.5}button:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #fda69a}button{transition:background .18s,border-color .18s}.eyebrow{color:var(--accent);letter-spacing:.2em;font-size:11px;font-weight:700}.brand-mark{color:var(--accent);letter-spacing:-.13em;margin-right:14px;font-size:25px;font-style:italic;font-weight:900}.wordmark{letter-spacing:.17em;align-items:center;margin-bottom:65px;font-size:12px;font-weight:700;display:flex}#session-menu{color:#f4f5f3;touch-action:pan-y;background:linear-gradient(115deg,#10181bf5,#111619f5);border:1px solid #ffffff24;border-radius:4px;width:min(1100px,100% - 64px);max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:auto;box-shadow:0 32px 120px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050b0f77}.session-layout{grid-template-columns:1.12fr 1fr;display:grid}.session-intro{background:repeating-linear-gradient(130deg,#0000 0 68px,#ffffff03 69px 70px);padding:42px 46px 32px;position:relative}.session-intro:before{content:"";background:var(--accent);width:90px;height:4px;position:absolute;top:0;left:0}h1{letter-spacing:-.065em;margin:16px 0 22px;font-size:clamp(48px,6.8vw,86px);font-weight:900;line-height:1}h1 span{letter-spacing:.12em;margin-top:18px;font-size:19px;font-weight:500;display:block}#menu-description{color:#b9c1c5;min-height:50px;font-size:13px;line-height:1.9}.track-facts{border-top:1px solid #ffffff18;gap:30px;margin-top:36px;padding-top:22px;display:flex}.track-facts strong{letter-spacing:-.03em;font-size:27px;font-weight:500}.track-facts strong span{color:var(--muted);font-size:12px}.track-facts small{color:var(--muted);letter-spacing:.12em;margin-top:8px;font-size:8px;display:block}.session-note{color:#89959b;margin:27px 0 0;font-size:10px;line-height:1.8}.session-options{background:#070d1038;border-left:1px solid #ffffff16;padding:44px 40px 30px}.option-heading{align-items:center;gap:14px;margin-bottom:34px;display:flex}.option-heading>span{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:12px}.option-heading h2{margin:0;font-size:16px;font-weight:600}.session-options label{color:#b9c1c5;margin:24px 0 10px;font-size:11px;display:block}#quality{color:#f4f5f3;background:#1a2226;border:1px solid #ffffff28;border-radius:3px;width:100%;padding:13px 10px;font-size:12px}.camera-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.camera-options button{background:0 0;border:1px solid #fff2;border-radius:3px;min-height:44px;font-size:11px}.camera-options button:hover{background:#ffffff10}.camera-options button[aria-pressed=true]{border-color:var(--accent);color:#ffb3a9;background:#f24b3d15}.controls-guide{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;margin:26px 0;padding:16px 0;font-size:11px}.controls-guide summary{cursor:pointer;color:#d6dcdc}.controls-guide summary span{float:right;color:#88959c;letter-spacing:.06em;margin-top:2px;font-size:8px}.controls-guide dl{grid-template-columns:110px 1fr;gap:10px;margin-top:22px;display:grid}.controls-guide dt{color:#eff2f1;font-family:ui-monospace,monospace}.controls-guide dd{color:var(--muted);margin:0}.controls-guide p{color:var(--muted);line-height:1.9}.primary-action{background:var(--accent);color:#fff;text-align:left;border:0;border-radius:3px;width:100%;min-height:52px;padding:14px 18px;font-size:14px;font-weight:700}.primary-action:hover{background:#ff6253}.secondary-action{background:0 0;border:1px solid #ffffff28;border-radius:3px;width:100%;min-height:40px;margin-top:10px;font-size:12px}.menu-footer{color:var(--muted);align-items:center;gap:7px;margin-top:20px;font-size:9px;display:flex}.menu-footer button{color:#bdc7cc;background:0 0;border:0;margin-left:auto;padding:8px 0 8px 8px;font-size:10px}.status-dot{background:#b5d2b7;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}#error-dialog{color:#fff;background:#141d22;border:1px solid #ffffff28;border-radius:6px;width:min(460px,100% - 32px);padding:32px}#error-dialog h2{margin:22px 0;font-size:21px}#error-dialog p{color:var(--muted);margin-bottom:25px;font-size:13px;line-height:1.9}.no-script{color:#fff;z-index:1000;background:#111;padding:15vw;position:fixed;inset:0}#loading-screen{background:#101619}.loading-inner{text-align:left;width:min(420px,100vw - 64px)}.loading-title{color:#f2f3ef;letter-spacing:-.055em;margin-top:25px;font-size:58px;font-weight:900}.loading-title span{color:var(--muted);letter-spacing:.08em;margin-top:14px;font-size:13px;font-weight:400;display:block}.loading-bar-wrap{background:#ffffff18;border-radius:0;width:100%;height:3px;margin-top:34px}#loading-bar{background:var(--accent);border-radius:0}.loading-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}#loading-text{color:var(--muted);font-size:11px}.loading-tip{color:#72818b;margin-top:46px;font-size:10px;line-height:1.8}.in-menu #hud{visibility:hidden}.session-brand{left:max(28px, env(safe-area-inset-left));top:max(22px, env(safe-area-inset-top));color:#fff;letter-spacing:.08em;text-shadow:0 2px 8px #000a;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute}.session-brand small{color:#e1e6e5;letter-spacing:.16em;margin-top:4px;font-size:8px;font-weight:500;display:block}#lap-info{top:88px;left:max(28px, env(safe-area-inset-left));background:var(--panel);border-left:2px solid var(--accent);width:205px;text-shadow:none;font-variant-numeric:tabular-nums;border-radius:2px;gap:9px;padding:15px 18px;font-family:ui-monospace,Segoe UI,monospace;font-size:12px;font-weight:400}#current-lap-time{border-bottom:1px solid #ffffff20;padding-bottom:10px;font-size:18px}.hud-yellow{color:#b8c2c9}.hud-orange{color:#c9dda9}.hud-green{color:#fff;letter-spacing:.12em;font-size:10px}#minimap-wrap{top:92px;right:max(28px, env(safe-area-inset-right));background:var(--panel);border:1px solid #ffffff40;width:156px;height:156px}#minimap-marker{background:#ff6558;box-shadow:0 0 10px #ff655877}#pause-session{pointer-events:auto;top:max(22px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));background:var(--panel);border:1px solid #ffffff30;border-radius:3px;align-items:center;gap:12px;min-height:40px;padding:9px 12px;font-size:12px;display:flex;position:absolute}kbd{color:#d5dddf;border:1px solid #ffffff35;border-radius:3px;padding:3px 5px;font:10px ui-monospace,monospace}#speed-info{left:50%;bottom:max(38px, env(safe-area-inset-bottom));background:var(--panel);min-width:215px;text-shadow:none;border:1px solid #fff2;border-radius:3px;justify-content:center;gap:18px;padding:17px 22px 12px;transform:translate(-50%)}#gear-value{color:#ff7768;border-right:1px solid #ffffff24;padding-right:18px;font-size:38px;font-weight:400}#speed-value{letter-spacing:-.05em;text-align:right;min-width:2.8ch;font-size:42px;font-weight:600}#speed-unit{color:#a1b0b8;font-size:9px}.rpm-track{background:#ffffff12;width:100%;height:3px;position:absolute;top:0;left:0}#rpm-fill{transform-origin:0;background:linear-gradient(90deg,#c9dda9 0 60%,#ffc567 75%,#f24b3d 95%);width:0;height:100%}.drive-status{bottom:max(15px, env(safe-area-inset-bottom));white-space:nowrap;color:#eef1f2;text-shadow:0 1px 5px #000;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#ghost-toggle{pointer-events:auto;top:264px;right:max(28px, env(safe-area-inset-right));color:#dce4e8;background:var(--panel);border:1px solid #fff2;border-radius:3px;width:156px;min-height:34px;font-size:10px;position:absolute}#ghost-toggle span{color:#80939b;margin-left:20px}#ghost-toggle[aria-pressed=false]{color:#78858c}#camera-hint{color:#e3e9eb;align-items:center;gap:7px;font-size:10px;display:flex;bottom:30px;left:28px;right:auto}#toast{opacity:0;z-index:60;color:#e7eeee;pointer-events:none;background:#172126f2;border:1px solid #ffffff30;border-radius:4px;max-width:min(500px,90vw);padding:12px 22px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;top:26px;left:50%;transform:translate(-50%,-15px)}#toast.visible{opacity:1;transform:translate(-50%)}@media (max-width:900px){#camera-hint{display:none}.session-intro{padding:32px}.session-options{padding:34px 28px}.track-facts{gap:18px}.wordmark{margin-bottom:45px}}@media (max-width:650px){#session-menu{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.session-layout{grid-template-columns:1fr}.session-intro{padding:24px}.wordmark{margin-bottom:25px}h1{font-size:58px}.session-options{border-top:1px solid #ffffff16;border-left:0;padding:24px}.session-note{margin-top:16px}.track-facts{margin-top:20px}.option-heading{margin-bottom:18px}}@media (pointer:coarse){#camera-hint,#pause-session kbd{display:none}#touch-joystick{width:115px;height:115px}#touch-controls{flex-direction:row-reverse;gap:12px}#touch-aux-controls{flex-direction:row;bottom:103px}.touch-btn{background:#162024ab;border:1px solid #ffffff50;width:64px;height:68px}.touch-btn-small{border-radius:4px;width:40px;height:36px}#speed-info{bottom:37px}}@media (max-height:520px) and (orientation:landscape){#session-menu{width:calc(100% - 32px);max-height:calc(100dvh - 20px)}.session-layout{grid-template-columns:1fr 1fr}.session-intro,.session-options{padding:20px 24px}.wordmark{margin-bottom:24px}h1{margin:10px 0 16px;font-size:52px}h1 span{margin-top:12px;font-size:15px}.track-facts{gap:18px;margin-top:20px;padding-top:16px}.track-facts strong{font-size:22px}.session-note{display:none}.option-heading{margin-bottom:14px}.session-options label{margin-top:13px}.controls-guide{margin:16px 0;padding:12px 0}.controls-guide summary span{display:none}.menu-footer{margin-top:12px}.primary-action{min-height:44px}.session-brand{font-size:13px;top:12px;left:16px}#pause-session{top:12px;right:16px}#lap-info{gap:5px;width:170px;padding:10px 12px;font-size:10px;top:65px;left:16px}#current-lap-time{padding-bottom:6px;font-size:14px}#minimap-wrap{width:95px;height:95px;top:65px;right:16px}#ghost-toggle{width:95px;min-height:30px;top:170px;right:16px}#speed-info{min-width:170px;padding:12px 16px 8px}#speed-value{font-size:30px}#gear-value{font-size:27px}.drive-status{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}