:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3fa;font-synthesis:none;text-rendering:optimizelegibility;--ink:#edf3fa;--muted:#8a99ad;--line:#a7bed72b;--panel:#0a111ce0;--teal:#77e5c0;--orange:#f2a93b;--danger:#ff6b5c;background:#080c14;font-family:Arial Narrow,Avenir Next,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 42%,#22396066,#0000 42rem),#080c14;min-height:100vh;overflow:hidden}button,kbd{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#app{min-height:100vh;position:relative}#simulator-canvas{z-index:0;width:100%;height:100%;position:fixed;inset:0}#app-shell{z-index:1;pointer-events:none;min-height:100vh;position:relative}#app-shell button,#app-shell a{pointer-events:auto}.landing-layout,.practice-layout{min-height:100vh;padding:30px 40px;display:flex;position:relative}.landing-layout{background:linear-gradient(90deg,#050911a6,#0000 55%,#05091138);justify-content:center;align-items:center}.brand-lockup{color:var(--ink);letter-spacing:.18em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.brand-lockup strong{color:var(--teal);font-weight:700}.brand-symbol{border:1px solid var(--teal);width:27px;height:27px;color:var(--teal);place-items:center;font-size:20px;font-weight:400;line-height:1;display:grid}.landing-layout>.brand-lockup{position:absolute;top:34px;left:40px}.landing-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0c1624ed,#080e18d4);border-radius:2px;width:min(100%,560px);padding:46px 48px 38px;box-shadow:0 30px 100px #0000006b}.eyebrow,.panel-kicker,.metric-label,.session-label,.landing-footer,.spec-list dt{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.eyebrow{margin:0 0 16px}h1{color:#f4f7fb;letter-spacing:-.075em;margin:0;font-size:clamp(42px,7vw,76px);font-style:italic;line-height:.94}.landing-copy{color:#a4b2c5;max-width:430px;margin:22px 0 30px;font-size:15px;line-height:1.65}.primary-button,.secondary-button,.text-button,.controls-toggle,.icon-button,.camera-button{color:var(--ink);border:0}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#07121a;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;padding:17px 19px;font-size:13px;font-weight:800;transition:background .16s,color .16s,transform .16s;display:flex}.primary-button:hover{color:var(--teal);background:0 0;transform:translateY(-2px)}.spec-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0 0;padding-top:22px;display:grid}.spec-list div{gap:7px;display:grid}.spec-list dt{color:#75869b;font-size:9px}.spec-list dd{color:#dbe4ee;margin:0;font-size:13px;font-weight:700}.landing-footer{color:#64758b;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:34px;left:40px;right:40px}.practice-layout{background:linear-gradient(#05091194,#0000 35%,#05091180);padding:28px 32px;display:block}.practice-header{justify-content:space-between;align-items:center;display:flex}.brand-lockup.compact{font-size:10px}.brand-lockup.compact .brand-symbol{width:23px;height:23px;font-size:17px}.practice-header-meta{align-items:center;gap:18px;display:flex}.session-label{color:#8191a6}.status-pill{color:var(--teal);letter-spacing:.09em;border:1px solid #77e5c05c;padding:8px 11px;font-size:10px;font-weight:800}.status-pill[data-status=paused]{color:var(--orange);border-color:#f2a93b7a}.status-pill[data-status=out]{color:var(--danger);border-color:#ff6b5c80}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 60px #0003}.telemetry-panel{width:238px;padding:17px;position:absolute;top:96px;left:32px}.panel-kicker{color:#73869b;margin:0 0 15px;font-size:9px}.telemetry-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-bottom:17px;display:grid}.telemetry-grid div{gap:9px;display:grid}.metric-label{color:#71849a;letter-spacing:.1em;font-size:8px}.telemetry-grid strong{color:#eef4f7;letter-spacing:-.04em;font-size:18px}.telemetry-line{color:#728297;letter-spacing:.04em;justify-content:space-between;padding-top:12px;font-size:9px;display:flex}.telemetry-line strong{color:#bac7d5;font-size:10px}.controls-panel{width:235px;padding:17px;transition:opacity .18s,transform .18s;position:absolute;top:96px;right:32px}.controls-panel.is-hidden{opacity:0;pointer-events:none;transform:translate(14px)}.panel-heading{justify-content:space-between;align-items:center;display:flex}.icon-button{color:#8ea0b5;background:0 0;width:24px;height:24px;padding:0;font-size:21px;line-height:1}.control-layout{align-items:center;gap:18px;padding:5px 0 20px;display:flex}.remap-open-button,.binding-button,.reset-bindings-button{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #77e5c047;font-size:9px;font-weight:800}.remap-open-button{width:100%;padding:9px 10px}.remap-open-button:hover,.binding-button:hover,.reset-bindings-button:hover{border-color:var(--teal);background:#77e5c01a}.key-cluster{justify-items:center;gap:4px;display:grid}.key-cluster div{gap:4px;display:flex}kbd{color:#d8e3ed;background:#152030e6;border:1px solid #a7bed745;border-bottom-width:2px;border-radius:2px;place-items:center;min-width:27px;height:27px;padding:0 6px;font-size:10px;font-weight:800;display:inline-grid}.control-copy{color:#9babbd;margin:0;font-size:11px;line-height:1.5}.control-hints{border-top:1px solid var(--line);color:#74869a;gap:8px;padding-top:15px;font-size:10px;display:grid}.control-hints kbd,.button-key{border:1px solid #a7bed73b;min-width:auto;height:auto;margin-right:5px;padding:2px 4px;font-size:8px}.out-message{width:max-content;max-width:calc(100% - 40px);color:var(--danger);background:#230d11e6;border:1px solid #ff6b5c75;align-items:center;gap:12px;padding:13px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 55px #00000059}.out-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 14px var(--danger);border-radius:50%}.out-message div{gap:4px;display:grid}.out-message strong{letter-spacing:.1em;font-size:11px}.out-message span:not(.out-dot){color:#d59a96;font-size:11px}.camera-switcher{border:1px solid var(--line);background:#080e17e0;display:flex;position:absolute;bottom:34px;right:32px}.camera-button{color:#71849b;letter-spacing:.1em;background:0 0;min-width:45px;padding:10px 11px;font-size:9px;font-weight:800}.camera-button[aria-pressed=true]{color:var(--teal);background:#77e5c026}.camera-button:hover,.secondary-button:hover,.controls-toggle:hover{border-color:var(--teal);color:var(--teal)}.action-bar{align-items:center;gap:7px;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.secondary-button,.text-button,.controls-toggle{letter-spacing:.06em;text-transform:uppercase;background:#0a111ce0;padding:10px 13px;font-size:10px;font-weight:700}.secondary-button{border:1px solid #a7bed738}.text-button{color:#8191a4;background:0 0}.controls-toggle{border:1px solid var(--line);color:#aebdcb;display:none;position:absolute;bottom:34px;right:32px}.status-screen{text-align:center;background:#050911db;align-content:center;justify-items:center;min-height:100vh;padding:28px;display:grid}.status-screen h1{font-size:clamp(34px,6vw,58px)}.status-mark{border:1px solid var(--teal);width:54px;height:54px;color:var(--teal);letter-spacing:.08em;place-items:center;margin-bottom:26px;font-weight:800;display:grid}.status-mark-error{border-color:var(--danger);color:var(--danger);font-size:22px}.muted,.error-help{max-width:480px;color:var(--muted);font-size:14px;line-height:1.6}.error-help{color:#b99b98;font-size:12px}[hidden]{display:none!important}@media (width<=760px){.landing-layout,.practice-layout{padding:22px}.landing-layout>.brand-lockup{top:24px;left:22px}.landing-card{padding:36px 25px 28px}.landing-footer{font-size:8px;bottom:22px;left:22px;right:22px}.telemetry-panel,.controls-panel{top:82px}.telemetry-panel{width:208px;left:22px}.controls-panel{right:22px}.remap-panel{top:302px;right:22px}.camera-switcher{bottom:22px;right:22px}.action-bar{bottom:22px;left:22px;transform:none}}@media (width<=540px){.practice-header-meta .session-label{display:none}.telemetry-panel{width:calc(100% - 44px);top:80px}.telemetry-line{display:none}.controls-panel{width:auto;top:177px;left:22px;right:22px}.controls-panel.is-hidden{display:none}.remap-panel{width:auto;top:352px;left:22px;right:22px}.controls-toggle{display:block;bottom:22px;right:22px}.camera-switcher{bottom:22px;left:22px;right:auto}.action-bar{justify-content:center;bottom:68px;left:22px;right:22px}.action-bar .secondary-button{flex:1}.action-bar .text-button{display:none}}.remap-panel{width:300px;padding:17px;position:absolute;top:326px;right:32px}.remap-instructions{color:#9babbd;margin:0 0 14px;font-size:11px;line-height:1.5}.remap-instructions strong{color:var(--ink)}.binding-list{gap:8px;display:grid}.binding-row{color:#b5c2d0;grid-template-columns:1fr 32px auto;align-items:center;gap:8px;font-size:10px;display:grid}.binding-row>kbd{min-width:32px;padding:0 4px}.binding-button{min-width:62px;padding:6px 7px}.binding-button[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}.remap-feedback{min-height:16px;color:var(--orange);margin:14px 0 10px;font-size:10px}.reset-bindings-button{color:#9babbd;border-color:#a7bed738;width:100%;padding:8px 10px}@media (height<=620px) and (width>=541px){.telemetry-panel,.controls-panel{transform-origin:0 0;top:78px;transform:scale(.9)}.controls-panel{transform-origin:100% 0}}