:root{color:#ecf0e8;font-synthesis:none;--ink:#151c20;--panel:#18211ef5;--muted:#a6b3a8;--line:#d0e0d222;--accent:#d5f97c;--mono:"Cascadia Code",Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#151c20;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}button,kbd,input,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#app,#viewport{width:100%;height:100dvh}#viewport{outline:0;display:block;position:fixed;inset:0}.topbar{z-index:2;pointer-events:none;background:linear-gradient(#111b19c7,#111b1900);justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex;position:fixed;top:0;left:0;right:0}.identity{align-items:center;gap:15px;display:flex}.brand-mark{letter-spacing:-3px;color:var(--accent);border:1px solid #d5f97c77;place-content:center;align-items:center;width:53px;height:47px;padding-right:3px;font-size:25px;font-weight:900;display:flex}.brand-mark span{margin:0 1px;font-size:28px;font-weight:300}.identity>div{flex-direction:column;gap:5px;display:flex}.identity strong{letter-spacing:2.2px;font-size:14px;font-weight:650}.identity>div>span{font:10px var(--mono);letter-spacing:2px;color:#d1dec9}.top-status{font:11px var(--mono);letter-spacing:.8px;text-shadow:0 1px 4px #000;align-items:center;gap:11px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #d5f97c66}.top-divider{background:#cbd8c74d;width:1px;height:13px;margin:0 6px}.quiet-button{pointer-events:auto;background:#1e2b255c;border:1px solid #ffffff30;align-items:center;gap:20px;padding:10px 12px;font-size:12px;display:flex}.quiet-button:hover{background:#1e2b25b8}kbd{font:10px var(--mono);color:#e3ebdf;background:#111d1b40;border:1px solid #c1d0c342;border-radius:3px;justify-content:center;align-items:center;min-width:23px;height:21px;padding:0 5px;display:inline-flex}.zone-marker{text-shadow:0 2px 8px #10221b7a;align-items:center;gap:13px;display:flex;position:fixed;top:115px;left:35px}.zone-number{font:36px var(--mono);letter-spacing:-3px;color:var(--accent);font-weight:300;line-height:1}.zone-marker>div{flex-direction:column;gap:6px;display:flex}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted)}.zone-marker .eyebrow{color:#e0e9d8;font-size:9px}.zone-marker strong{font-size:14px;font-weight:500}#crosshair{filter:drop-shadow(0 1px 1px #102218);opacity:.95;pointer-events:none;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#e6fcca;display:block;position:absolute}#crosshair i:first-child{width:2px;height:5px;top:0;left:8px}#crosshair i:nth-child(2){width:2px;height:5px;bottom:0;left:8px}#crosshair i:nth-child(3){width:5px;height:2px;top:8px;left:0}#crosshair i:nth-child(4){width:5px;height:2px;top:8px;right:0}.telemetry{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#15211be8,#17241ecd);border:1px solid #d5e0c329;width:285px;padding:19px 19px 8px;position:fixed;bottom:78px;left:35px}.speed-label{font:9px var(--mono);letter-spacing:1px;color:#b9c7b6;justify-content:space-between;display:flex}.speed-label span:last-child{color:var(--accent);letter-spacing:.3px}.speed-number{align-items:baseline;gap:9px;margin-top:7px;display:flex}.speed-number strong{font:49px var(--mono);letter-spacing:-3px;min-width:144px;font-weight:400;line-height:1.1}.speed-number>span{font:12px var(--mono);color:#c1cdbd}.speed-number svg{width:35px;height:21px;stroke:var(--accent);stroke-width:1.4px;fill:none;margin-left:auto}.speed-track{background:#b8c4ae22;height:3px;margin:11px 0 16px;position:relative}.speed-track>div{background:var(--accent);width:0;max-width:100%;height:3px;transition:width 80ms linear}.speed-track>span{background:#ecf9d6a6;width:1px;height:7px;position:absolute;top:-2px;left:50%}.metrics{justify-content:space-between;display:flex}.metrics>div{flex-direction:column;gap:7px;display:flex}.metrics span{font:8px var(--mono);letter-spacing:1px;color:#9fad9c}.metrics strong{font:12px var(--mono);color:#dce7d5;font-weight:400}.speed-history{opacity:.7;border-top:1px solid #b3c4a315;height:42px;margin-top:14px;padding-top:3px}.speed-history canvas{width:100%;height:35px;display:block}.input-display{align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:86px;right:36px}.movement-keys{flex-direction:column;align-items:center;gap:4px;display:flex}.movement-keys>div{gap:4px;display:flex}.movement-keys kbd{background:#19251dbc;border-color:#d5e4c532;width:33px;height:33px;font-size:11px}.action-keys{flex-direction:column;gap:5px;display:flex}.action-keys kbd{background:#19251dbc;min-width:59px;height:22px;font-size:9px}.input-display kbd.pressed{background:var(--accent);color:#1d2d1a;border-color:var(--accent);box-shadow:0 0 20px #d5f97c18}.bottom-bar{min-height:48px;font:10px var(--mono);color:#aebda8;background:#131d19e8;border-top:1px solid #d4e0c425;justify-content:space-between;align-items:center;gap:15px;padding:10px 35px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar>span{align-items:center;gap:10px;display:flex}.bottom-bar b{letter-spacing:1px;color:var(--accent);font-size:10px;font-weight:500}.footer-divider{color:#657460;margin:0 5px}.bottom-bar kbd{min-width:19px;height:18px;font-size:9px}.menu-layer{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#101d18bc 0%,#101d187a 40%,#101d180a 80%);align-items:center;padding:95px 6.5vw 68px;display:flex;position:fixed;inset:0}.menu-panel{background:var(--panel);border:1px solid #b7c6ad40;border-top:2px solid var(--accent);scrollbar-width:thin;width:440px;max-height:calc(100dvh - 144px);padding:27px 30px 20px;overflow:auto;box-shadow:0 15px 70px #09140e45}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .eyebrow{letter-spacing:1.2px;font-size:9px}.build-pill{font:10px var(--mono);color:var(--accent);border:1px solid #bacaab32;padding:3px 6px}h1{letter-spacing:-1.6px;margin:22px 0 11px;font-size:38px;font-weight:500;line-height:1.12}.intro{color:var(--muted);max-width:330px;margin:0 0 22px;font-size:16px;line-height:1.65}.profile-choice{border:0;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;display:flex}.profile-choice legend{color:#dae3d4;margin-bottom:9px;font-size:14px}.profile-choice>label{cursor:pointer;background:#d2e3bc03;border:1px solid #b6c5ab26;align-items:center;gap:10px;padding:12px 13px;display:flex;position:relative}.profile-choice>label:has(input:checked){background:#d5f97c09;border-color:#d5f97c7d}.profile-choice>label:hover{border-color:#c6d6b84d}.profile-choice input{accent-color:var(--accent);width:13px;height:13px;margin:0}.profile-choice label>span{flex-direction:column;gap:4px;display:flex}.profile-choice strong{font-size:15px;font-weight:550}.profile-choice small{color:#aab8a0;font-size:13px}.profile-choice i{background:#d5f97c00;border-radius:50%;width:4px;height:4px;margin-left:auto}.profile-choice label:has(input:checked) i{background:var(--accent)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.setting{flex-direction:column;gap:12px;display:flex}.setting>span{color:#cdd8c6;justify-content:space-between;gap:5px;font-size:14px;display:flex}.setting output{font:10px var(--mono);color:var(--accent)}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:0}.select-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#b6c5ab;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-size:14px;display:flex}.select-row select{color:#d9e6cc;background:#202e23;border:1px solid #b9caa137;border-radius:0;max-width:245px;padding:7px 24px 7px 9px;font-size:13px}.control-guide{color:#a9b89f;grid-template-columns:1fr 1fr;gap:10px 13px;margin:20px 0;font-size:12px;display:grid}.control-guide>span{align-items:center;gap:7px;display:flex}.control-guide kbd{height:19px;padding:0 4px;font-size:8px}.primary-button{background:var(--accent);color:#1f2b18;border:0;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;font-size:15px;font-weight:600;display:flex}.primary-button:hover:not(:disabled){background:#e1ffa1}.primary-button>span:last-child{font-size:23px;font-weight:400;line-height:18px}.menu-note{color:#92a68a;min-height:16px;margin:10px 0 16px;font-size:12px;line-height:1.6}.menu-note.error{color:#ffc4a6}.panel-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:13px;display:flex}.text-button{color:#b3c7a6;background:0 0;border:0;padding:0;font-size:12px}.text-button:hover{color:var(--accent)}.course-note{text-align:right;text-shadow:0 2px 10px #142d1a80;position:absolute;bottom:110px;right:5vw}.course-note .eyebrow{color:#d5f97c}.course-note p{letter-spacing:-1px;color:#f3f7e5;margin:13px 0;font-size:34px;font-weight:400;line-height:1.15}.course-note>span:last-child{font:10px var(--mono);color:#e2e9d7;letter-spacing:.2px}.play-hint{background:#142018cc;border:1px solid #c4d5ae50;padding:10px 15px;font-size:12px;position:fixed;top:55%;left:50%;transform:translate(-50%)}.toast{z-index:8;font:11px var(--mono);color:#d5f97c;background:#19251eeb;border:1px solid #d5f97c55;padding:12px 18px;position:fixed;top:105px;left:50%;transform:translate(-50%)}.noscript{z-index:10;background:#1e2921;padding:30px;position:fixed;top:45%;left:15%;right:15%}body.menu-open .telemetry,body.menu-open .zone-marker,body.menu-open .input-display{opacity:0}body.menu-open #crosshair{opacity:.15}@media (min-width:1550px){.menu-layer{padding-left:10vw}.menu-panel{width:475px;padding:33px 34px 24px}h1{font-size:43px}.intro{font-size:15px}.profile-choice>label{padding:14px}.menu-note{font-size:11px}.control-guide{margin:23px 0}.primary-button{padding:17px 18px}.course-note{right:8vw}.course-note p{font-size:44px}}@media (max-width:850px){.topbar{height:72px;padding:0 20px}.top-status{display:none}.identity strong{font-size:12px}.menu-layer{padding:85px 20px 62px}.menu-panel{width:410px;max-height:calc(100dvh - 147px);padding:22px}.course-note{display:none}.telemetry{width:245px;bottom:70px;left:20px}.zone-marker{top:95px;left:20px}.input-display{bottom:77px;right:20px}.bottom-bar{padding:10px 20px}.bottom-bar #profile-hint{display:none}.speed-number strong{min-width:125px;font-size:43px}.quiet-button{gap:10px}}@media (max-width:520px){.menu-panel{width:100%}h1{font-size:32px}.settings-grid{gap:15px}.identity>div>span{font-size:8px}.topbar{padding:0 16px}.brand-mark{width:42px;height:39px;font-size:22px}.quiet-button{font-size:11px}.quiet-button kbd,.input-display{display:none}.telemetry{width:220px}.control-guide{gap:9px;font-size:10px}.course-note{display:none}.menu-layer{padding:83px 12px 61px}.bottom-bar{padding:10px 16px;font-size:9px}.footer-divider{margin:0}.speed-number strong{font-size:39px}.panel-bottom .text-button{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}