:root{color-scheme:dark;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;--ink: #f1ede8;--muted: rgba(230, 224, 215, .52);--faint: rgba(230, 224, 215, .18);--panel: rgba(7, 7, 8, .78);--panel-solid: #0a0a0b;--orange: #ff5b18;--orange-soft: #ff8d3a;--boot-progress: 8%}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#010101;color:var(--ink)}button,input,select{font:inherit}button,select,input[type=range]{accent-color:var(--orange)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.fidelity-note{display:grid;gap:.4rem;color:#ffffff94;font-size:.62rem;line-height:1.45;letter-spacing:.08em}.fidelity-note strong{color:var(--orange-soft);font-size:.65rem}#black-hole-canvas{position:fixed;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none;background:#010101}#black-hole-canvas.is-orbiting{cursor:grabbing}#app-shell{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:1;transition:opacity .9s ease .2s}.is-booting #app-shell{opacity:0}.top-rail{position:absolute;top:max(26px,env(safe-area-inset-top));right:max(34px,env(safe-area-inset-right));left:max(34px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between}.wordmark{display:inline-flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;pointer-events:auto}.wordmark-mark{position:relative;width:30px;height:30px;border:1px solid rgba(255,255,255,.62);border-radius:50%}.wordmark-mark:before,.wordmark-mark:after{position:absolute;inset:4px;content:"";border:1px solid rgba(255,91,24,.8);border-radius:50%;transform:skew(-18deg) scaleY(.36)}.wordmark-mark:after{inset:9px;border-color:#fff;background:#050505;transform:none}.wordmark strong,.wordmark small{display:block;letter-spacing:.19em}.wordmark strong{font-size:12px;line-height:1.15}.wordmark small{margin-top:5px;color:var(--muted);font-size:7px;font-weight:600}.top-status{display:flex;gap:10px;align-items:center;color:#ffffff94;font-size:8px;font-weight:700;letter-spacing:.14em}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.rail-rule{width:1px;height:14px;margin:0 3px;background:#ffffff29}.scene-caption{position:absolute;top:50%;left:max(34px,4.2vw);display:flex;gap:14px;max-width:245px;transform:translateY(-48%)}.caption-index,.scene-caption p,.scene-caption dt,.scene-caption dd{font-size:7px;font-weight:700;letter-spacing:.17em}.caption-index{padding-top:3px;color:var(--orange);writing-mode:vertical-rl}.scene-caption p{margin:0 0 11px;color:var(--orange-soft)}.scene-caption h1{margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(22px,2.25vw,38px);font-weight:300;line-height:.94;letter-spacing:-.045em}.caption-rule{width:32px;height:1px;margin:18px 0 13px;background:#ffffff57}.scene-caption dl{display:grid;gap:6px;margin:0}.scene-caption dl div{display:grid;grid-template-columns:86px 1fr}.scene-caption dt{color:var(--muted)}.scene-caption dd{margin:0;color:#ffffffd6;letter-spacing:.09em}.interaction-hint{position:absolute;bottom:70px;left:50%;display:flex;gap:10px;align-items:center;color:#ffffff5c;font-size:7px;font-weight:700;letter-spacing:.16em;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .18s ease,visibility 0ms linear .18s}body[data-control-panel-open=true] .interaction-hint{visibility:visible;opacity:1;transition-delay:0ms}.interaction-hint i{width:1px;height:11px;background:#ffffff29}.orbit-glyph{position:relative;width:15px;height:9px;border:1px solid rgba(255,255,255,.42);border-radius:50%}.orbit-glyph:after{position:absolute;top:2px;left:5px;width:3px;height:3px;content:"";border-radius:50%;background:var(--orange)}.telemetry-rail{position:absolute;right:max(34px,env(safe-area-inset-right));bottom:max(23px,env(safe-area-inset-bottom));left:max(34px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));max-width:780px;margin:auto;padding:9px 14px 8px;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(90deg,transparent,rgba(0,0,0,.42),transparent)}.telemetry-rail div{display:grid;gap:3px;justify-items:center}.telemetry-rail span{color:#ffffff57;font-size:6px;font-weight:700;letter-spacing:.18em}.telemetry-rail strong{color:#ffffffbd;font-size:8px;font-weight:500;letter-spacing:.1em}.control-panel{position:absolute;top:50%;right:max(30px,3.2vw);width:min(282px,calc(100vw - 44px));pointer-events:auto;transform:translateY(-48%);transition:opacity .16s ease,visibility 0ms linear 0ms}html:fullscreen .control-panel,html[data-display-mode=fullscreen] .control-panel{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0ms,.16s}.panel-content{overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 34%),var(--panel);box-shadow:0 24px 70px #00000070;backdrop-filter:blur(20px) saturate(130%);transition:opacity .26s ease,transform .26s ease}.control-panel[data-open=false] .panel-content{pointer-events:none;opacity:0;transform:translate(16px)}.panel-tab{position:absolute;top:0;right:0;display:none;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.16);color:#fff;background:#050506d6;cursor:pointer}.control-panel[data-open=false] .panel-tab{display:grid;place-items:center}.panel-tab span{width:17px;height:17px;border:1px solid var(--orange);border-radius:50%;box-shadow:inset 0 0 0 4px #080808;background:var(--orange)}.panel-tab b{position:absolute;top:60px;color:var(--muted);font-size:6px;letter-spacing:.18em;writing-mode:vertical-rl}.panel-content>header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 19px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-content header span,.section-label,.select-grid label>span,.panel-content footer span{color:#ffffff61;font-size:6px;font-weight:700;letter-spacing:.17em}.panel-content h2{margin:5px 0 0;font-size:10px;font-weight:600;letter-spacing:.12em}.panel-header-actions{display:flex;gap:7px;align-items:center}.fullscreen-toggle{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffff8f;background:transparent;cursor:pointer}.fullscreen-toggle[hidden]{display:none}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{border-color:#ff5b18b3;color:#fff}.fullscreen-toggle>span{position:relative;display:block;width:11px;height:11px}.fullscreen-toggle i{position:absolute;width:4px;height:4px;border-color:currentcolor;border-style:solid}.fullscreen-toggle i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.fullscreen-toggle i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.fullscreen-toggle i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.fullscreen-toggle i:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}.panel-close{width:25px;height:25px;padding:0 0 2px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffff8f;background:transparent;cursor:pointer}.panel-content section{padding:14px 19px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.section-label{display:flex;justify-content:space-between;margin-bottom:11px}.section-label i{color:#ff5b18b3;font-style:normal}.segmented{display:grid;grid-template-columns:repeat(4,1fr);padding:2px;border:1px solid rgba(255,255,255,.1);background:#00000061}.segmented-button{min-height:29px;padding:0 6px;border:0;color:#ffffff6b;background:transparent;font-size:7px;font-weight:700;letter-spacing:.06em;cursor:pointer}.segmented-button[aria-pressed=true]{color:#fff;background:#ffffff1a;box-shadow:inset 0 -1px var(--orange)}.slider-row{display:grid;gap:8px;margin-top:13px}.slider-row>span{display:flex;justify-content:space-between;align-items:center}.slider-row b,.slider-row output{font-size:6px;font-weight:700;letter-spacing:.12em}.slider-row b{color:#ffffff78}.slider-row output{color:#ffffffd1}.slider-row input{width:100%;height:12px;margin:0;background:transparent;cursor:pointer}.slider-row input::-webkit-slider-runnable-track{height:1px;background:#ffffff3d}.slider-row input::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3.5px;border:0;border-radius:50%;appearance:none;background:var(--orange);box-shadow:0 0 0 3px #ff5b1826}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.select-grid label{display:grid;gap:6px}.select-grid select{width:100%;height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.11);border-radius:0;color:#ffffffc7;background:#0000007a;font-size:7px;font-weight:600}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.action-grid .roam-toggle{grid-column:1 / -1}.action-grid button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:31px;padding:0 4px;border:1px solid rgba(255,255,255,.1);color:#ffffff8a;background:#ffffff06;cursor:pointer}.action-grid button:hover,.action-grid button[aria-pressed=true]{border-color:#ff5b1875;color:#fff;background:#ff5b1814}.action-grid button span,.action-grid button b{font-size:7px}.action-grid button b{font-weight:700;letter-spacing:.08em}.pause-icon{width:7px;height:8px;border-right:2px solid currentColor;border-left:2px solid currentColor}.panel-content footer{display:grid;grid-template-columns:repeat(3,1fr);padding:11px 19px 13px}.panel-content footer div{display:grid;gap:4px}.panel-content footer strong{color:#ffffffb8;font-size:7px;font-weight:500}#boot-loader{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,70,12,.065),transparent 20%),#020202;transition:opacity .8s ease,visibility .8s}#boot-loader[data-state=ready]{opacity:0}#boot-loader[data-state=hidden]{visibility:hidden;opacity:0}.boot-copy{position:absolute;top:calc(50% + 110px);width:min(360px,calc(100vw - 56px));text-align:center}.boot-copy p{margin:0 0 11px;color:var(--orange);font-size:7px;font-weight:700;letter-spacing:.24em}.boot-copy h2{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.24em}.boot-copy span{color:var(--muted);font-size:8px;letter-spacing:.07em}.boot-progress{height:1px;margin-top:19px;overflow:hidden;background:#ffffff1f}.boot-progress i{display:block;width:var(--boot-progress);height:100%;background:linear-gradient(90deg,#7a1800,var(--orange),#ffd2a0);box-shadow:0 0 12px var(--orange);transition:width .4s ease}.boot-orbit{position:relative;width:150px;height:150px;border-radius:50%;background:#000;box-shadow:0 0 50px #ff500d0f}.boot-orbit i{position:absolute;inset:37px -25px;border:1px solid rgba(255,91,24,.58);border-radius:50%;transform:rotate(-12deg) scaleY(.23);animation:orbit-pulse 2.3s ease-in-out infinite}.boot-orbit i:nth-child(2){inset:31px -19px;border-color:#ff974147;animation-delay:-.8s}.boot-orbit i:nth-child(3){inset:45px -32px;border-color:#ff3c0730;animation-delay:-1.5s}#boot-error{position:absolute;top:calc(50% + 182px);width:min(520px,calc(100vw - 46px));padding:14px 18px;border:1px solid rgba(255,91,24,.38);background:#1e0601b3;text-align:center}#boot-error h3{margin:0 0 8px;color:#ffac75;font-size:11px}#boot-error p{margin:5px 0;color:#ffffffa6;font-size:9px;line-height:1.5}.ui-hidden #app-shell{display:none}@keyframes orbit-pulse{0%,to{opacity:.35;transform:rotate(-12deg) scaleY(.21) scaleX(.96)}50%{opacity:1;transform:rotate(-12deg) scaleY(.26) scaleX(1.04)}}@media (max-width: 900px){.scene-caption{top:38%;max-width:190px}.scene-caption dl,.interaction-hint{display:none}.control-panel{top:auto;right:16px;bottom:calc(54px + env(safe-area-inset-bottom));width:min(282px,calc(100vw - 32px));transform:none}.telemetry-rail{right:16px;bottom:max(12px,env(safe-area-inset-bottom));left:16px;grid-template-columns:repeat(3,1fr);padding:6px}.telemetry-rail .telemetry-desktop-only{display:none}}@media (max-width: 520px){.top-rail{top:max(18px,env(safe-area-inset-top));right:18px;left:18px}.top-status .rail-rule,#frame-rate{display:none}.scene-caption{top:27%;left:19px}.scene-caption h1{font-size:22px}.caption-rule,.scene-caption dl{display:none}.control-panel{right:12px;bottom:calc(51px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}.panel-content>header{padding:14px 15px 11px}.panel-content section{padding:10px 15px 11px}.panel-content footer{padding:9px 15px 10px}.telemetry-rail{right:12px;left:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
