:root{--bg-primary:#0a0a0f;--bg-panel:#111118;--bg-control:#1a1a24;--bg-input:#0d0d14;--bg-hover:#222230;--bg-active:#2a2838;--text-primary:#e0e0e8;--text-secondary:#8888a0;--text-data:#b8d4e8;--text-dim:#808096;--accent-amber:#e8a030;--accent-amber-dim:#805818;--accent-green:#40c840;--accent-green-dim:#1a6620;--accent-red:#e04040;--accent-red-dim:#801818;--accent-blue:#4088e0;--accent-blue-dim:#1a4480;--phosphor-blue:#8ac;--phosphor-green:#8c8;--phosphor-amber:#ca6;--bezel-color:#2a2a38;--bezel-highlight:#3a3a4a;--bezel-shadow:#0a0a12;--panel-border:#1e1e2a;--font-data:"Courier New", "Consolas", "Liberation Mono", monospace;--font-label:system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:13px;--font-size-lg:16px;--font-size-xl:20px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--radius-sm:2px;--radius-md:4px;--transition-fast:.15s ease;--transition-normal:.25s ease;--z-canvas:0;--z-panels:10;--z-controls:20;--z-overlay:30;--z-modal:40}@media (prefers-contrast:high){:root{--bg-primary:#000;--bg-panel:#000;--bg-control:#000;--bg-input:#000;--bg-hover:#1a1a1a;--bg-active:#222;--text-primary:#fff;--text-secondary:#fff;--text-data:#fff;--text-dim:#ccc;--bezel-color:#fff;--bezel-highlight:#fff;--panel-border:#fff;--accent-amber:#fc0;--accent-green:#0f0;--accent-red:#f33;--accent-blue:#6af}}body.high-contrast,html.high-contrast body{--bg-primary:#000;--bg-panel:#000;--bg-control:#000;--bg-input:#000;--bg-hover:#1a1a1a;--bg-active:#222;--text-primary:#fff;--text-secondary:#fff;--text-data:#fff;--text-dim:#ccc;--bezel-color:#fff;--bezel-highlight:#fff;--panel-border:#fff;--accent-amber:#fc0;--accent-green:#0f0;--accent-red:#f33;--accent-blue:#6af;color:#fff;background-color:#000}body.high-contrast button,body.high-contrast input,body.high-contrast select,body.high-contrast textarea{color:#fff!important;background-color:#000!important;border:2px solid #fff!important}body.high-contrast button:hover,body.high-contrast button:focus,body.high-contrast :focus-visible{outline-offset:2px;outline:3px solid #fc0!important}body.high-contrast .panel-header,body.high-contrast .data-label,body.high-contrast .data-value{color:#fff!important}body.high-contrast .status-dot{border:2px solid #fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-data);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;overflow:hidden}#app{width:100%;height:100dvh;display:grid;position:relative}#analyticalPanels{display:none}#viewportMain{grid-area:viewport;min-height:0;position:relative;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.panel{background:var(--bg-panel);border:1px solid var(--panel-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:var(--space-xs) var(--space-sm);background:var(--bg-control);border-bottom:1px solid var(--bezel-color);font-family:var(--font-label);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;user-select:none;justify-content:space-between;align-items:center;display:flex}.panel-body{padding:var(--space-sm);font-size:var(--font-size-sm);flex:1;overflow-y:auto}.panel-close{color:var(--text-dim);cursor:pointer;font-size:var(--font-size-md);background:0 0;border:none;padding:2px 4px;line-height:1}.panel-close:hover{color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-control);border:1px solid var(--bezel-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-data);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none;display:inline-flex}.btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--bezel-highlight)}.btn:active,.btn.active{background:var(--bg-active);color:var(--accent-amber);border-color:var(--accent-amber-dim);box-shadow:inset 0 0 8px #e8a03026}.btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.status-dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.nominal{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green-dim)}.status-dot.warn{background:var(--accent-amber);box-shadow:0 0 4px var(--accent-amber-dim)}.status-dot.alert{background:var(--accent-red);box-shadow:0 0 4px var(--accent-red-dim)}.data-label{font-family:var(--font-label);font-size:var(--font-size-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.data-value{font-family:var(--font-data);font-size:var(--font-size-md);color:var(--text-data)}.data-row{border-bottom:1px solid #2a2a3880;justify-content:space-between;align-items:baseline;padding:2px 0;display:flex}#topBar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-panel);border-bottom:1px solid var(--bezel-color);z-index:var(--z-controls);grid-area:topbar;display:flex}#topBar .logo{font-family:var(--font-label);font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;font-weight:600}#searchInput{padding:var(--space-xs) var(--space-sm);background:var(--bg-input);border:1px solid var(--bezel-color);border-radius:var(--radius-sm);color:var(--text-data);font-family:var(--font-data);font-size:var(--font-size-sm);flex:0 280px}#searchInput::placeholder{color:var(--text-dim)}#searchInput:focus{border-color:var(--accent-amber-dim);outline:none}.frame-selector{gap:2px;display:flex}.status-bar-group{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-dim);margin-left:auto;display:flex}#timeControls{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-panel);border-top:1px solid var(--bezel-color);z-index:var(--z-controls);flex-wrap:nowrap;grid-area:timebar;display:flex}#timeDisplay{font-family:var(--font-data);font-size:var(--font-size-md);color:var(--accent-amber);text-align:center;min-width:200px}.time-speed{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;min-width:60px}#timeSlider{accent-color:var(--accent-amber);flex:1;height:4px}#infoPanel{z-index:var(--z-panels);grid-area:info}#infoPanel .object-name{font-size:var(--font-size-lg);color:var(--accent-amber);margin-bottom:var(--space-sm)}#infoPanel .object-desig{font-size:var(--font-size-sm);color:var(--text-dim);margin-bottom:var(--space-md)}@media (width>=1025px){#app{grid-template:"topbar topbar"36px"viewport info"1fr"timebar timebar"40px/1fr 320px}}@media (width>=641px) and (width<=1024px){#app{grid-template:"topbar"36px"viewport"1fr"info"260px"timebar"40px/1fr}#infoPanel{border-top:2px solid var(--bezel-color)}}@media (width<=640px){#app{grid-template-columns:1fr;grid-template-rows:1fr calc(44px + env(safe-area-inset-bottom,0px));grid-template-areas:"viewport""navbar";position:fixed;inset:0;overflow:hidden}#topBar,#timeControls,#infoPanel,#analyticalPanels{display:none}#mobileNav{background:var(--bg-panel);border-top:1px solid var(--bezel-color);z-index:var(--z-modal);padding-bottom:env(safe-area-inset-bottom,0px);grid-area:navbar;align-items:flex-start;display:flex}.mobile-nav-btn{color:var(--text-secondary);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:var(--space-xs) 0;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:9px;display:flex}.mobile-nav-btn:active,.mobile-nav-btn.active{color:var(--accent-amber);background:#e8a03014}.mobile-nav-btn .icon{font-size:16px}.phone-sheet{bottom:calc(44px + env(safe-area-inset-bottom,0px));background:var(--bg-panel);border-top:2px solid var(--bezel-color);max-height:60vh;z-index:var(--z-overlay);transition:transform var(--transition-normal), visibility 0s var(--transition-normal);visibility:hidden;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(calc(100% + 60px))}.phone-sheet.open{transition:transform var(--transition-normal), visibility 0s;visibility:visible;transform:translateY(0)}}@media (width>=641px){#mobileNav,.phone-sheet{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bezel-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bezel-highlight)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.skip-link{background:var(--accent-blue);color:#fff;padding:var(--space-sm) var(--space-md);z-index:100;font-family:var(--font-label);text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.embed-mode #topBar,.embed-mode #infoPanel,.embed-mode #mobileNav{display:none}.embed-mode #app{grid-template:"viewport"1fr/1fr}.embed-dialog{background:var(--bg-panel);border:2px solid var(--bezel-color);color:var(--text-primary);border-radius:4px;width:90vw;max-width:520px;padding:0}.embed-dialog::backdrop{background:#0009}.embed-dialog-body{padding:var(--space-md)}.embed-textarea{background:var(--bg-primary);width:100%;color:var(--text-data);border:1px solid var(--bezel-color);font-family:var(--font-data);font-size:var(--font-size-sm);padding:var(--space-sm);resize:vertical;margin-bottom:var(--space-sm)}.embed-option{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-family:var(--font-label);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;display:flex}.embed-option input[type=checkbox]{accent-color:var(--accent-amber)}.staleness-summary{gap:var(--space-md);padding:var(--space-xs) var(--space-md);font-family:var(--font-data);font-size:var(--font-size-sm);background:var(--bg-panel);border:1px solid var(--bezel-color);border-radius:2px;display:flex}.notification-bell-wrapper{display:inline-flex;position:relative}.notification-badge{background:var(--status-alert);color:var(--bg-primary);font-family:var(--font-data);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.notification-panel{top:36px;right:var(--space-md);background:var(--bg-panel);border:2px solid var(--bezel-color);width:320px;max-height:400px;z-index:var(--z-overlay);border-radius:4px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.notification-list{flex:1;max-height:300px;overflow-y:auto}.notification-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--bezel-color);cursor:pointer;transition:background var(--transition-fast)}.notification-item:hover,.notification-item:focus{background:#e8a03014}.notification-header{justify-content:space-between;align-items:baseline;display:flex}.notification-desig{font-family:var(--font-data);color:var(--accent-amber);font-weight:700}.notification-date{font-family:var(--font-data);font-size:var(--font-size-xs);color:var(--text-dim)}.notification-detail{margin-top:var(--space-xs);font-size:var(--font-size-sm)}.notification-prefs{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--bezel-color);text-align:center}.notification-prefs-dialog{background:var(--bg-panel);border:2px solid var(--bezel-color);color:var(--text-primary);border-radius:4px;width:90vw;max-width:360px;padding:0}.notification-prefs-dialog::backdrop{background:#0009}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.coverage-tooltip{background:var(--bg-panel);border:1px solid var(--bezel-color);padding:var(--space-xs) var(--space-sm);font-family:var(--font-data);font-size:var(--font-size-sm);color:var(--text-primary);z-index:var(--z-tooltip,90);pointer-events:none;white-space:nowrap;border-radius:2px;position:absolute}.btn.active{color:var(--accent-amber);border-color:var(--accent-amber)}.sandbox-panel{top:36px;left:var(--space-md);background:var(--bg-panel);border:2px solid var(--accent-amber);width:300px;max-height:80vh;z-index:var(--z-overlay);border-radius:4px;position:absolute;overflow-y:auto}.sandbox-body{padding:var(--space-md)}.sandbox-input,.sandbox-select{background:var(--bg-primary);width:100%;color:var(--text-data);border:1px solid var(--bezel-color);font-family:var(--font-data);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.sandbox-maneuver{border:1px solid var(--bezel-color);padding:var(--space-sm);margin-bottom:var(--space-sm);border-radius:2px}.sandbox-progress-bar{background:var(--bg-primary);height:4px;margin-bottom:var(--space-xs);border-radius:2px;overflow:hidden}.sandbox-progress-fill{background:var(--accent-amber);width:0%;height:100%;transition:width .2s}.experience-selector{background:var(--bg-panel);border:2px solid var(--bezel-color);width:600px;max-width:90vw;max-height:80vh;z-index:var(--z-overlay);border-radius:4px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.experience-grid{gap:var(--space-md);padding:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.experience-card{background:var(--bg-primary);border:1px solid var(--bezel-color);padding:var(--space-md);cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-label);transition:border-color var(--transition-fast);border-radius:4px}.experience-card:hover,.experience-card:focus{border-color:var(--accent-amber)}.experience-card-title{font-size:var(--font-size-md);color:var(--accent-amber);margin-bottom:var(--space-xs);font-weight:700}.experience-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.experience-card-steps{font-size:var(--font-size-xs);color:var(--text-dim);font-family:var(--font-data)}.experience-overlay{width:600px;max-width:calc(100vw - 2 * var(--space-md));border:1px solid var(--bezel-color);padding:var(--space-md);z-index:var(--z-overlay);gap:var(--space-md);background:#0a0c12eb;border-radius:4px;flex-direction:column;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.experience-text{font-family:var(--font-label);font-size:var(--font-size-md);color:var(--text-primary);line-height:1.6}.experience-controls{align-items:center;gap:var(--space-sm);justify-content:center;display:flex}.experience-progress{font-family:var(--font-data);font-size:var(--font-size-sm);color:var(--text-dim);text-align:center;min-width:50px}.family-legend{background:var(--bg-panel);border:2px solid var(--bezel-color);width:220px;max-height:60vh;z-index:var(--z-overlay);border-radius:4px;position:absolute;top:36px;right:330px;overflow-y:auto}.family-legend-body{padding:var(--space-xs)}.family-legend-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);width:100%;color:var(--text-secondary);font-family:var(--font-label);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:border-color var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.family-legend-item:hover,.family-legend-item.active{border-color:var(--accent-amber);color:var(--text-primary)}.family-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.family-name{flex:1}.family-a{font-family:var(--font-data);font-size:var(--font-size-xs);color:var(--text-dim)}.anomaly-list-panel{top:36px;right:var(--space-md);background:var(--bg-panel);border:2px solid var(--status-alert);width:320px;max-height:400px;z-index:var(--z-overlay);border-radius:4px;position:absolute;overflow-y:auto}.anomaly-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--bezel-color)}.priority-panel{top:36px;right:var(--space-md);background:var(--bg-panel);border:2px solid var(--bezel-color);width:340px;max-height:500px;z-index:var(--z-overlay);border-radius:4px;position:absolute;overflow-y:auto}.priority-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--bezel-color)}.priority-bar{height:6px;margin:var(--space-xs) 0;background:var(--bg-primary);border-radius:3px;display:flex;overflow:hidden}.priority-bar-segment{height:100%}.a11y-panel{top:36px;right:var(--space-md);background:var(--bg-panel);border:2px solid var(--bezel-color);width:320px;max-height:500px;z-index:var(--z-overlay);border-radius:4px;position:absolute;overflow-y:auto}.a11y-settings{padding:var(--space-md)}.a11y-statement-dialog{background:var(--bg-panel);border:2px solid var(--bezel-color);color:var(--text-primary);border-radius:4px;width:90vw;max-width:560px;padding:0}.a11y-statement-dialog::backdrop{background:#0009}.a11y-statement-dialog kbd{background:var(--bg-primary);border:1px solid var(--bezel-color);font-family:var(--font-data);font-size:var(--font-size-xs);border-radius:2px;padding:1px 4px}@media (width<=640px){.sandbox-panel,.experience-selector,.family-legend,.anomaly-list-panel,.priority-panel,.a11y-panel,.notification-panel{border-bottom:none;border-left:none;border-right:none;border-radius:0;width:100%;max-height:60vh;position:fixed;inset:auto 0 44px}.experience-overlay{border-left:none;border-right:none;border-radius:0;width:100%;max-width:100%;bottom:44px}}@media (width>=641px) and (width<=1024px){.sandbox-panel,.family-legend{width:260px}.experience-selector{width:90vw}}