:root{font-family:"Avenir Next","Trebuchet MS",sans-serif;color:#eaf0f4;background:#071225;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #99e6ed;outline-offset:5px}.cockpit{position:relative;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#203b57,#071225 75%)}canvas{position:absolute;inset:0;display:block;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 35px;background:linear-gradient(#061122a6,transparent);z-index:4}.brand{font-size:20px;font-weight:800;text-decoration:none;color:#eef3f1}nav{display:flex;align-items:center;gap:20px}nav a,nav button{font-size:12px;color:#c2d1df;text-decoration:none}nav button,#demo-toggle{background:#102239a6;border:1px solid #829eae66;border-radius:22px;padding:10px 16px;color:#d5e3ea}.intro{position:absolute;left:7%;top:23%;max-width:390px;text-shadow:0 2px 25px #071225}.intro>span,.break-panel>span{color:#93cdd9;font-size:13px}h1{font-size:clamp(44px,5.5vw,76px);font-weight:700;line-height:1.04;letter-spacing:-3px;margin:18px 0 22px}.intro p,.setup p,.break-panel p{font-size:15px;line-height:1.7;color:#b9cddd;max-width:36ch}.primary{display:flex;align-items:center;justify-content:space-between;gap:38px;background:#d9edef;color:#163047;padding:15px 22px;border:0;border-radius:10px;font-size:16px;font-weight:800;text-shadow:none}.primary:hover{background:#fff}.secondary{display:block;border:0;border-bottom:1px solid #91aab7;background:transparent;color:#dce8ef;font-size:13px;padding:0 0 4px;margin:19px 0}.intro small{display:block;font-size:11px;color:#8aa6b8;margin-top:22px}.setup{position:absolute;z-index:5;right:35px;top:84px;width:360px;border:1px solid #7da2b480;border-radius:18px;padding:25px;background:#10253af5;box-shadow:0 20px 80px #0008}.setup h2{font-size:23px;letter-spacing:-.6px;margin:0}.setup p{font-size:13px}.connect-row{display:flex;gap:10px}.connect-row button{font-size:12px;background:#304e63;border:1px solid #688ba1;border-radius:8px;padding:10px;color:#eff5f6}#sensor-status{color:#9acbd6;font-size:12px}.setup .primary{font-size:13px;width:100%;margin-top:20px}.break-panel{position:absolute;inset:0;z-index:3;background:#071225c9;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.break-panel h2{font-size:clamp(30px,4vw,50px);letter-spacing:-1.4px;margin:14px 0}.break-panel p{max-width:45ch;margin-bottom:25px}footer{position:absolute;left:0;right:0;bottom:0;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(transparent,#061122cc);pointer-events:none}.location{display:flex;align-items:center;gap:13px}.location i{width:7px;height:7px;border-radius:50%;background:#8bd9dc;box-shadow:0 0 18px #8bd9dc}.location strong,.location span{display:block}.location strong{font-size:14px;font-weight:600}.location span{font-size:11px;color:#92adbf;margin-top:5px}#telemetry{font-size:12px;color:#bdd2de;display:flex;gap:16px;align-items:center}#demo-toggle{font-size:11px;pointer-events:auto}.graphics-status{position:absolute;inset:0;z-index:8;display:grid;place-content:center;padding:40px;background:#102239;color:#e5e8da;text-align:center;line-height:1.7}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){header{padding:20px;align-items:flex-start}.brand{font-size:17px}nav{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:200px}nav a{display:none}nav button{font-size:11px;padding:8px 11px}.intro{left:8%;top:25%;max-width:75%}h1{font-size:52px}.intro p{font-size:14px;max-width:29ch}.setup{left:20px;right:20px;width:auto;top:80px}footer{padding:22px 20px;align-items:flex-end}.location span{max-width:180px;line-height:1.5}#telemetry{flex-direction:column;align-items:flex-end;font-size:11px;gap:8px}}

.wheel-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#bdd2de;margin:18px 0}.wheel-setting input{width:90px;background:#203c52;color:#f2f6f6;border:1px solid #688ba1;border-radius:7px;padding:8px;font:inherit}.wheel-setting input:invalid{border-color:#eda48f}#demo-fast{background:#102239a6;border:1px solid #829eae66;border-radius:22px;padding:10px 16px;font:inherit;color:#d5e3ea;pointer-events:auto}#demo-fast[aria-pressed="true"]{background:#31546a}#telemetry{flex-wrap:wrap;justify-content:flex-end}input:focus-visible{outline:3px solid #99e6ed;outline-offset:3px}

.portal-hud{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 40px));padding:18px 22px;border:1px solid #af9ee580;border-radius:17px;background:#151c38e8;pointer-events:none}.portal-hud>span{font-size:18px;font-weight:800;color:#e6d6ff}.portal-hud p{font-size:12px;line-height:1.6;color:#bdc8dd;margin:8px 0 12px}.energy-row{display:flex;align-items:center;gap:14px}.energy-row strong{font-size:13px;min-width:35px}#jump-meter{flex:1;height:10px;overflow:hidden;border-radius:8px;background:#45506d}#jump-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#a58aff,#b8eeff);transition:width .4s ease-out}.universe-name{position:absolute;right:35px;bottom:95px;font-size:12px;color:#b5cadd;pointer-events:none}@media(max-width:650px){.portal-hud{top:90px;padding:14px 17px}.universe-name{bottom:155px;right:20px}}@media(prefers-reduced-motion:reduce){#jump-fill{transition:none}}
@media(max-height:740px){.intro{top:17%}.intro h1{font-size:48px;margin:12px 0 15px}.intro p{margin:12px 0}.intro .secondary{margin:13px 0}.intro small{margin-top:12px}.setup{max-height:calc(100svh - 100px);overflow:auto}}