@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.root{color:#e8e8e8;background:#0c0c0c;flex-direction:column;width:100vw;height:100vh;font-family:IBM Plex Mono,Courier New,monospace;display:flex;overflow:hidden}.header{z-index:20;background:#0c0c0c;border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 32px;display:flex;position:relative}.header-left{align-items:center;gap:14px;display:flex}.header-badge{letter-spacing:3px;color:#0c0c0c;background:#e8e8e8;padding:3px 8px;font-size:10px;font-weight:700}.header-title{letter-spacing:6px;color:#e8e8e8;font-size:13px;font-weight:400}.header-right{letter-spacing:1px;color:#555;text-transform:capitalize;font-size:11px}.menu-toggle{color:#e8e8e8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;display:none}.body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{z-index:10;background:#0c0c0c;border-right:1px solid #222;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;padding:28px 0;transition:transform .25s;display:flex}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid #1a1a1a;padding:20px 24px 0}.section{padding:0 24px 20px}.section-label{letter-spacing:3px;color:#444;margin-bottom:12px;font-size:9px;font-weight:400}.divider{background:#1a1a1a;height:1px;margin:0 0 20px}.status-row{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot--active{background:#27ae60;box-shadow:0 0 6px #27ae60}.dot--error{background:#c0392b;box-shadow:0 0 6px #c0392b}.dot--waiting{background:#e67e22;box-shadow:0 0 6px #e67e22}.status-text{letter-spacing:2px;color:#aaa;font-size:11px}.coord-block{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.coord-label{letter-spacing:2px;color:#444;font-size:9px}.coord-value{letter-spacing:1px;color:#e8e8e8;font-size:15px;font-weight:300}.time-value{letter-spacing:2px;color:#e8e8e8;font-size:20px;font-weight:300}.error-text{color:#c0392b;letter-spacing:1px;font-size:10px;line-height:1.5}.footer-text{letter-spacing:2px;color:#333;font-size:9px}.map-container{background:#111;flex:1;position:relative;overflow:hidden}.placeholder{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100%;display:flex}.crosshair{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.crosshair-h{background:#333;width:100%;height:1px;position:absolute}.crosshair-v{background:#333;width:1px;height:100%;position:absolute}.crosshair-center{background:#e8e8e8;width:6px;height:6px;position:absolute}.placeholder-text{letter-spacing:4px;color:#333;font-size:10px}.overlay{z-index:9;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.header{padding:0 16px}.header-right{display:none}.menu-toggle{display:block}.sidebar{width:260px;min-width:unset;border-right:1px solid #333;position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.overlay{display:block}.map-container{width:100%}.coord-value{font-size:13px}.time-value{font-size:16px}}@media (width<=400px){.header-title{letter-spacing:3px;font-size:11px}.header-badge{padding:2px 6px;font-size:9px}}