:root{--ink:#eef9ff;--muted:#8fa7b4;--cyan:#79dcff;--cyan-soft:#79dcff24;--line:#a2dcf233;--panel:#040b13a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#010208;width:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Avenir Next,Segoe UI,Helvetica,Arial,sans-serif}button{font:inherit}.experience-shell,.scene-mount{position:fixed;inset:0}.experience-shell{isolation:isolate;background:radial-gradient(circle at 67% 34%,#11476012,#0000 34%),#000}.scene-mount{z-index:0}.space-canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.space-canvas:active{cursor:grabbing}.space-canvas:focus-visible{outline-offset:-3px;outline:1px solid #79dcffbf}.vignette,.scanlines{z-index:1;pointer-events:none;position:fixed;inset:0}.vignette{background:radial-gradient(circle,#0000 38%,#00020694 100%),linear-gradient(#00020647,#0000 28% 72%,#0002066b)}.scanlines{opacity:.035;mix-blend-mode:screen;background-image:linear-gradient(#0000 50%,#80d6f559 50%);background-size:100% 4px}.mission-header{top:max(28px, env(safe-area-inset-top));left:max(32px, env(safe-area-inset-left));right:max(32px, env(safe-area-inset-right));z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;animation:.9s cubic-bezier(.2,.8,.2,1) .12s both interface-in;display:flex;position:fixed}.mission-lockup{align-items:center;gap:15px;display:flex}.mission-mark{width:48px;height:48px;color:var(--cyan);clip-path:polygon(50% 0%,100% 27%,100% 73%,50% 100%,0 73%,0 27%);background:#0f536d1f;border:1px solid #79dcffa6;place-items:center;font-size:24px;font-weight:300;line-height:1;display:grid}.eyebrow,.mission-subtitle,.mission-telemetry,.control-help,.loading-panel,.ring-readout small{letter-spacing:.14em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.eyebrow{color:var(--cyan);margin:0 0 4px;font-size:9px;font-weight:600}.mission-lockup h1{letter-spacing:.26em;margin:0;font-size:clamp(27px,3vw,40px);font-weight:380;line-height:.95}.mission-subtitle{color:var(--muted);margin:7px 0 0;font-size:8px}.mission-telemetry{color:#a5b8c1;justify-items:end;gap:8px;padding-top:3px;font-size:8px;display:grid}.mission-telemetry span:first-child{color:#a9e4c4}.status-dot{background:#78ebb0;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #78ebb0e6}.ring-status{top:50%;left:max(32px, env(safe-area-inset-left));z-index:3;pointer-events:none;background:linear-gradient(90deg,#030d16b3,#0000);border-left:1px solid #79dcff8c;width:190px;padding:16px;animation:.9s cubic-bezier(.2,.8,.2,1) .3s both interface-in;position:fixed;transform:translateY(-50%)}.ring-readout{border-top:1px solid var(--line);grid-template-columns:30px 1fr;align-items:center;gap:10px;margin-top:13px;padding-top:13px;display:grid}.ring-readout>span{width:28px;height:28px;color:var(--cyan);border:1px solid #79dcff6b;border-radius:50%;place-items:center;font-size:10px;display:grid}.ring-readout strong{letter-spacing:.06em;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;display:block}.ring-readout small{color:var(--muted);margin-top:4px;font-size:7px;display:block}.loading-panel{z-index:5;min-width:210px;color:var(--cyan);justify-items:center;font-size:9px;transition:opacity .7s,visibility .7s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-panel.ready{visibility:hidden;opacity:0}.loading-panel.error{color:#ff9584;background:#0f0508d6;border:1px solid #ff715c59;padding:20px 24px}.loading-panel p{margin:14px 0 10px}.loading-panel small{color:var(--muted);letter-spacing:.08em;font-size:8px}.loading-orbit{border:1px solid #79dcff38;border-top-color:var(--cyan);border-radius:50%;width:42px;height:42px;animation:1.6s linear infinite orbit-spin}.loading-track{background:#79dcff2e;width:210px;height:1px;overflow:hidden}.loading-track span{background:var(--cyan);height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #79dcffb8}.control-deck{right:max(30px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));z-index:4;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);border-radius:999px;animation:.9s cubic-bezier(.2,.8,.2,1) .42s both interface-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #00000052}.control-deck button{border:0;border-right:1px solid var(--line);color:#c9dae1;cursor:pointer;letter-spacing:.04em;background:0 0;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-size:10px;transition:color .18s,background .18s;display:flex}.control-deck button:last-child{border-right:0}.control-deck button:hover,.control-deck button:focus-visible,.control-deck button[aria-pressed=true]{background:var(--cyan-soft);color:#fff;outline:none}.control-deck button:focus-visible{box-shadow:inset 0 0 0 1px #79dcffb3}.control-deck button span{color:var(--cyan);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.control-help{bottom:max(36px, calc(env(safe-area-inset-bottom) + 6px));left:max(32px, env(safe-area-inset-left));z-index:3;color:#718997;pointer-events:none;gap:18px;font-size:7px;animation:.9s cubic-bezier(.2,.8,.2,1) .42s both interface-in;display:flex;position:fixed}.control-help b{color:#b7cbd5;font-weight:500}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes interface-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:860px){.mission-header{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right))}.mission-telemetry,.ring-status{display:none}.control-deck{right:50%;bottom:max(22px, env(safe-area-inset-bottom));max-width:calc(100vw - 24px);transform:translate(50%)}.control-deck button{white-space:nowrap;padding:0 12px}.control-help{bottom:max(78px, calc(env(safe-area-inset-bottom) + 58px));justify-content:center;width:calc(100% - 30px);left:50%;transform:translate(-50%)}.control-help span:nth-child(n+4){display:none}}@media (max-width:520px){.mission-mark{width:40px;height:40px;font-size:19px}.mission-lockup h1{font-size:25px}.mission-subtitle{display:none}.control-deck button{min-height:42px;padding:0 11px;font-size:0}.control-deck button span{font-size:14px}.control-deck button:after{font-size:9px}.control-deck button:first-child:after{content:"Reset"}.control-deck button:nth-child(2):after{content:"Motion"}.control-deck button:nth-child(3):after{content:"HUD"}}@media (prefers-reduced-motion:reduce){.mission-header,.ring-status,.control-deck,.control-help{animation:none}.loading-orbit{animation-duration:4s}}.brand-badge{bottom:max(22px, env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c10bd;border:1px solid #40b3ff38;border-radius:11px;align-items:center;gap:12px;padding:9px 11px 9px 14px;animation:.9s cubic-bezier(.2,.8,.2,1) .42s both interface-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.brand-copy{gap:3px;display:grid}.brand-line{letter-spacing:.05em;color:#f3f6fc;white-space:nowrap;font-size:11.5px;font-weight:600}.brand-ai{color:#40b3ff;font-style:normal}.brand-sub{letter-spacing:.13em;text-transform:uppercase;color:#adb6c6;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px}.brand-cta{color:#fff;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#09f,#6637ed 52%,#ff5f85);border-radius:8px;padding:8px 14px;font-size:11.5px;font-weight:600;text-decoration:none;transition:filter .16s,transform .16s;box-shadow:0 4px 18px #6637ed66}.brand-cta:hover,.brand-cta:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}@media (max-width:820px){.brand-sub{display:none}}