@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#202124;--bg-panel:#1c1d20;--bg-panel2:#17181b;--bg-hover:#26272b;--border:#c3c3c826;--border-med:#d2d2d742;--text-hi:#e8e8ea;--text-md:#8c8d92;--text-lo:#4e4f55;--red:#a62c2e;--red-dim:#a62c2e17;--red-border:#a62c2e52;--red-text:#c94244;--leo:#7a9e7a;--meo:#9e8f6a;--geo:#7a80a8;--deb:#8a4a4a}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}html,body{width:100%;height:100%}body{background-color:var(--bg);color:var(--text-hi);font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}.shell{grid-template-rows:44px 1fr 34px;width:100%;height:100vh;display:grid;position:relative}.body-grid{z-index:1;grid-template-columns:272px 1fr 292px;display:grid;position:relative;overflow:hidden}#dot-canvas,canvas[id=dot-canvas]{z-index:0;pointer-events:none;position:fixed;inset:0}.panel{background:var(--bg-panel);border:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.panel:before,.panel:after{content:"✦";color:#d2d2d74d;font-size:8px;position:absolute}.panel:before{top:10px;left:10px}.panel:after{bottom:10px;right:10px}.left-panel{border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border)}.sec-head{background:var(--bg-panel2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 15px;display:flex}.sec-head-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-md);margin:0;font-family:Inter,sans-serif;font-size:9px;font-weight:600}.sec-head-badge{border:1px solid var(--border);color:var(--text-hi);border-radius:2px;min-width:fit-content;padding:2px 6px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.sec-head-badge.red{border-color:var(--red-border);color:var(--red-text);background:var(--red-dim)}.sec-head-badge.green{color:#5a9e5a;background:#7a9e7a17;border-color:#7a9e7a52}.data-grid{background:var(--border);border:1px solid var(--border);border-radius:3px;grid-template-columns:repeat(2,1fr);gap:1px;margin:10px;display:grid;overflow:hidden}.data-cell{background:var(--bg);flex-direction:column;gap:3px;padding:9px 11px;display:flex}.data-cell-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-lo);font-family:Inter,sans-serif;font-size:9px;font-weight:600}.data-cell-value{color:var(--text-hi);font-family:Space Mono,monospace;font-size:14px;font-weight:700;line-height:1.2}.data-cell-unit{color:var(--text-md);font-family:Inter,sans-serif;font-size:10px;display:inline}.pill{text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;border:1px solid;border-radius:2px;align-items:center;padding:2px 7px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;display:inline-flex}.pill.leo{color:var(--leo);border-color:var(--leo);background:#7a9e7a0f}.pill.meo{color:var(--meo);border-color:var(--meo);background:#9e8f6a0f}.pill.geo{color:var(--geo);border-color:var(--geo);background:#7a80a80f}.pill.deb{color:var(--deb);border-color:var(--deb);background:#8a4a4a0f}.pill.heo{color:var(--meo);border-color:var(--meo);background:#9e8f6a0f}.chip{border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--text-lo);cursor:pointer;background:0 0;border-radius:2px;align-items:center;padding:3px 8px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{color:var(--text-md)}.chip.on{color:var(--text-hi);border-color:var(--red-border);background:var(--red-dim)}.sat-row{border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid #0000;align-items:flex-start;gap:9px;padding:10px 13px;transition:background .15s;display:flex}.sat-row:hover{background:var(--bg-hover)}.sat-row.on{background:var(--red-dim);border-left:2px solid var(--red)}.sat-row-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:3px}.sat-row-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sat-row-name{color:var(--text-hi);font-family:Inter,sans-serif;font-size:11px;font-weight:500}.sat-row.on .sat-row-name{color:var(--red-text)}.sat-row-meta{color:var(--text-md);gap:8px;font-family:Space Mono,monospace;font-size:9px;display:flex}.sat-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.sat-row-altitude{color:var(--text-md);font-family:Inter,sans-serif;font-size:9px}.stats-grid{background:var(--bg);border:1px solid var(--border);border-radius:3px;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px;padding:10px;display:grid}.stat-item{text-align:center;flex-direction:column;gap:3px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-lo);font-family:Inter,sans-serif;font-size:9px;font-weight:600}.stat-value{color:var(--text-hi);font-family:Space Mono,monospace;font-size:17px;font-weight:700;line-height:1}.stat-value.red{color:var(--red-text)}.orbit-dist-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.orbit-dist-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-md);min-width:35px;font-family:Inter,sans-serif;font-size:9px;font-weight:600}.orbit-dist-bar{background:var(--border);border-radius:1px;flex:1;height:3px;overflow:hidden}.orbit-dist-fill{border-radius:1px;height:100%}.orbit-dist-fill.leo{background:var(--leo)}.orbit-dist-fill.meo{background:var(--meo)}.orbit-dist-fill.geo{background:var(--geo)}.orbit-dist-count{color:var(--text-md);text-align:right;min-width:40px;font-family:Space Mono,monospace;font-size:9px}.event-log{border-top:1px solid var(--border);flex:1;overflow-y:auto}.event-item{border-bottom:1px solid var(--border);gap:8px;padding:9px 10px;display:flex}.event-item:last-child{border-bottom:none}.event-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:4px}.event-dot.solar{background:#ffb432d9}.event-dot.storm{background:#64a0ffd9}.event-dot.radiation{background:#c85050d9}.event-dot.fire{background:#dc6428d9}.event-dot.eonet,.event-dot.approach{background:#7a9e7ab3}.event-dot.tle{background:#9e8f6ab3}.event-dot.signal{background:#7a80a8b3}.event-dot.debris{background:#a62c2eb3}.event-dot.pass{background:#7a9e7ab3}.event-item.clickable:hover{background:#ffffff08}.event-time{color:var(--text-lo);margin-top:1px;font-family:Space Mono,monospace;font-size:7px}.event-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.event-title{color:var(--text-hi);font-family:Inter,sans-serif;font-size:10px;font-weight:500}.event-meta{color:var(--text-md);word-break:break-word;font-family:Space Mono,monospace;font-size:8px;line-height:1.3}.hud-overlay{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#141518d1;border-radius:3px;padding:10px 12px;font-family:Space Mono,monospace;font-size:9px;position:absolute}.hud-row{color:var(--text-hi);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.hud-label{color:var(--text-md);min-width:60px}.hud-value{color:var(--text-hi);text-align:right;font-weight:700}.hud-buttons{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;right:10px}.hud-button{border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;color:var(--text-lo);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141518d1;border-radius:3px;padding:4px 8px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;transition:all .15s}.hud-button:hover{color:var(--text-md);border-color:var(--border-med)}.hud-button.on{color:var(--text-hi);border-color:var(--red-border);background:#a62c2e26}.timeline{background:var(--bg-panel2);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-md);font-family:Inter,sans-serif;font-size:9px;font-weight:600}.timeline-chips{gap:6px;display:flex}.timeline-track{background:var(--border);border-radius:1px;height:2px;position:relative}.timeline-fill{background:#a62c2e73;border-radius:1px;height:100%;position:absolute}.timeline-head{background:var(--red);border:2px solid var(--bg-panel2);cursor:grab;z-index:5;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-head:active{cursor:grabbing}.timeline-ticks{color:var(--text-lo);justify-content:space-between;padding:0 4px;font-family:Space Mono,monospace;font-size:8px;display:flex}.timeline-clock{color:var(--text-md);align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:10px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0a0b0eb8;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-panel);border:1px solid var(--border-med);border-radius:4px;width:430px;overflow:hidden;box-shadow:0 20px 50px #0009}.modal-header{background:var(--bg-panel2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.modal-title{color:var(--text-hi);font-family:Space Mono,monospace;font-size:12px;font-weight:700}.modal-close{cursor:pointer;width:24px;height:24px;color:var(--text-md);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .15s;display:flex}.modal-close:hover{color:var(--text-hi)}.modal-body{flex-direction:column;gap:12px;padding:15px;display:flex}.modal-grid{background:var(--border);border:1px solid var(--border);border-radius:3px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.modal-grid.two-col{grid-template-columns:repeat(2,1fr)}.modal-cell{background:var(--bg);flex-direction:column;gap:3px;padding:9px 11px;display:flex}.modal-cell-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-lo);font-family:Inter,sans-serif;font-size:9px;font-weight:600}.modal-cell-value{color:var(--text-hi);font-family:Space Mono,monospace;font-size:12px;font-weight:700;line-height:1.2}.modal-banner{text-transform:uppercase;letter-spacing:1px;color:var(--leo);text-align:center;background:#7a9e7a1a;border:1px solid #7a9e7a4d;border-radius:3px;padding:8px 12px;font-family:Inter,sans-serif;font-size:9px;font-weight:600}.search-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-hi);border-radius:3px;outline:none;padding:8px 10px;font-family:Inter,sans-serif;font-size:11px;transition:border-color .15s}.search-input::placeholder{color:var(--text-lo)}.search-input:focus{border-color:var(--border-med)}.panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.panel-section:last-child{border-bottom:none;flex:1;overflow-y:auto}.panel-section-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sys-dot{background:#5a9e5a;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite blink}.viewport{background:0 0;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.earth-camera-controls{z-index:12;pointer-events:auto;flex-direction:row;gap:6px;display:flex;position:absolute;top:10px;right:10px}.earth-camera-controls .hud-button{text-align:center;min-width:78px}.flex-row{flex-direction:row;align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}@media (width<=1024px){.body-grid{grid-template-columns:1fr 240px}.left-panel{display:none}}@media (width<=768px){.body-grid{grid-template-rows:1fr auto;grid-template-columns:1fr}.right-panel{border-left:none;border-top:1px solid var(--border);max-height:35vh}.left-panel{display:none}.hud-overlay{padding:6px 8px;font-size:8px}.earth-camera-controls{top:6px;right:6px}.earth-camera-controls .hud-button{min-width:56px;padding:3px 6px;font-size:9px}.timeline{padding:6px 10px}}@media (width<=480px){.topbar-subtitle,.topbar-divider{display:none}.shell{grid-template-rows:38px 1fr 28px}.right-panel{max-height:40vh}.sec-head-title{font-size:8px}.sat-row-name{font-size:10px}.sat-row-meta{font-size:7px}.hud-overlay{padding:5px 6px;font-size:7px}.hud-label{min-width:40px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}