@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600&display=swap";:root{color:#eef8f4;background:#05080d;font-family:Space Grotesk,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}main,.scene{position:fixed;inset:0}.scene canvas{position:relative;z-index:1}.scene:after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 50% 48%,transparent 0 22%,rgba(5,8,13,.09) 48%,#05080d 90%),linear-gradient(115deg,rgba(184,255,61,.045),transparent 36%)}.sun-direction{--sun-angle: 0rad;position:absolute;z-index:1;display:flex;align-items:center;gap:7px;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--sun-angle));transform-origin:center;color:#fff4c6b8;filter:drop-shadow(0 0 9px rgba(255,231,134,.34))}.sun-direction-glow{width:7px;height:7px;border:1px solid rgba(255,244,198,.85);border-radius:50%;background:#ffdf6f52;box-shadow:0 0 8px #ffe786b3,0 0 22px #ffe7863d}.sun-direction-tick{width:22px;height:1px;background:linear-gradient(90deg,rgba(255,244,198,.7),transparent)}.sun-direction-label{font-family:DM Mono,monospace;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;transform:rotate(calc(var(--sun-angle) * -1))}.glass{position:fixed;z-index:2;border:1px solid rgba(187,255,220,.12);background:#060d12b8;box-shadow:0 20px 80px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{top:22px;right:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px}h1,h2,p{margin:0}h1{margin-top:2px;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:500;letter-spacing:-.04em}h2{font-size:1.08rem;font-weight:500}.eyebrow,.connection,.live-tag,dt,footer{color:#91aaa4;font-family:DM Mono,monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.connection{display:flex;align-items:center;gap:8px}.source-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid rgba(187,255,220,.12);background:#ffffff06}.source-switch button{width:auto;padding:5px 7px;border:0;color:#82958f;background:transparent;font-family:DM Mono,monospace;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.source-switch button.active{color:#dfffad;background:#b8ff3d1f;box-shadow:inset 0 0 0 1px #b8ff3d33}.status-dot{width:7px;height:7px;border-radius:50%;background:#ff6d8d;box-shadow:0 0 12px #ff6d8d}.status-dot.online{background:#b8ff3d;box-shadow:0 0 12px #b8ff3d}.layers-panel{top:108px;right:22px;width:220px;padding:16px}.layers-panel h2{margin-top:5px}.layer-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.layer-toggle{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:8px 9px;border-color:#bbffdc1c;color:#82958f;background:#ffffff05;font-family:DM Mono,monospace;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}.layer-toggle.active{border-color:#b8ff3d57;color:#dfffad;background:#b8ff3d14}.layer-indicator{width:5px;height:5px;border-radius:50%;background:#52615d}.layer-toggle.active .layer-indicator{background:#b8ff3d;box-shadow:0 0 8px #b8ff3d}.globe-controls-panel{top:268px;right:22px;width:220px;padding:16px}.globe-controls-panel h2{margin-top:5px}.globe-controls{display:grid;gap:8px;margin-top:14px}.globe-controls button{padding:9px 10px;font-family:DM Mono,monospace;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}.globe-controls p{margin-bottom:4px;color:#82958f;font-family:DM Mono,monospace;font-size:.5rem;line-height:1.45;text-transform:uppercase}.daylight-toggle{display:flex;align-items:center;gap:7px;border-color:#bbffdc1c;color:#82958f;background:#ffffff05}.daylight-toggle.active{border-color:#b8ff3d57;color:#dfffad;background:#b8ff3d14}.daylight-toggle.active .layer-indicator{background:#b8ff3d;box-shadow:0 0 8px #b8ff3d}.daylight-toggle:disabled{border-color:#bbffdc12;color:#4c5d58;background:#ffffff04;cursor:not-allowed}.activity-panel h2{margin-top:5px}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}dl div{padding:12px;border:1px solid rgba(187,255,220,.08);background:#ffffff06}dt{margin-bottom:8px;font-size:.54rem;letter-spacing:.06em}dd{margin:0;font-family:DM Mono,monospace;font-size:1rem}.topbar-metrics{grid-template-columns:repeat(3,minmax(92px,1fr));width:min(470px,46vw);margin:0}.topbar-metrics div{padding:7px 10px}.topbar-metrics dt{margin-bottom:4px;font-size:.48rem}.topbar-metrics dd{font-size:.82rem}button{width:100%;padding:11px 14px;border:1px solid rgba(184,255,61,.3);color:#dfffad;background:#b8ff3d14;cursor:pointer;transition:.16s ease}button:hover{border-color:#b8ff3db3;background:#b8ff3d24}.error-panel{right:22px;bottom:46px;width:min(360px,calc(100vw - 44px));padding:14px 16px;color:#ff9aaf;font-size:.8rem;line-height:1.4}.event-callout{display:grid;gap:3px;min-width:128px;padding:7px 9px;border:1px solid rgba(242,255,122,.32);background:#080f11c7;box-shadow:0 10px 28px #0000003d;color:#eef8f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.event-callout strong{font-size:.58rem;font-weight:500;line-height:1.05}.event-callout span,.event-callout small{color:#a4b7b2;font-family:DM Mono,monospace;font-size:.45rem;line-height:1.2;text-transform:uppercase}.focus-link-overlay{position:fixed;inset:0;z-index:5;width:100%;height:100%;opacity:0;overflow:visible;transition:opacity .16s ease}.focus-link{fill:none;stroke:#f2ff7ac2;stroke-width:1.4;stroke-dasharray:8 7;filter:drop-shadow(0 0 9px rgba(242,255,122,.45))}.focus-link.active{stroke:#f2ff7af2;stroke-width:1.8;stroke-dasharray:none}.focus-link-dot{fill:#f2ff7a;filter:drop-shadow(0 0 12px rgba(242,255,122,.7))}.focus-link-dot.active{fill:#fff}.event-detail-panel{top:520px;right:22px;z-index:3;width:min(340px,calc(100vw - 44px));padding:18px}.event-detail-panel h2{margin:6px 0 14px;color:#f8ffd0;font-size:clamp(1rem,2vw,1.42rem);line-height:1.05}.detail-close{width:auto;float:right;padding:5px 8px;color:#dfffad;font-family:DM Mono,monospace;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.detail-metrics{grid-template-columns:1fr;gap:8px;margin-top:10px}.detail-metrics div{padding:8px 0 0;border-top:1px solid rgba(187,255,220,.08);background:transparent}.detail-metrics dd{overflow-wrap:anywhere;font-size:.82rem;line-height:1.3}.activity-panel{top:108px;bottom:46px;left:22px;display:flex;flex-direction:column;width:min(360px,calc(100vw - 44px));overflow:hidden;padding:18px}.panel-heading{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(187,255,220,.08);background:linear-gradient(180deg,#060d12e0,#060d128f)}.live-tag{padding:4px 6px;color:#b8ff3d;border:1px solid rgba(184,255,61,.2)}.activity-feed-window{flex:1 1 auto;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 42px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 42px),transparent 100%)}.activity-feed{display:grid;gap:4px;margin:0;padding:12px 0 0;list-style:none;animation:feed-drift 58s linear infinite}.activity-feed.paused,.activity-panel:hover .activity-feed{animation-play-state:paused}.activity-feed li{min-height:43px}.event-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;min-height:43px;padding:0;border-top:1px solid rgba(187,255,220,.07);border-right:0;border-bottom:0;border-left:0;color:inherit;background:transparent;text-align:left}.event-row:hover,.event-row.active{border-top-color:#f2ff7a47;background:#f2ff7a0d}.event-row.active{color:#f8ffd0}.event-marker{width:4px;height:4px;border-radius:50%;background:#b8ff3d;box-shadow:0 0 8px #b8ff3d}.event-row div{display:grid;gap:2px}.event-row strong{font-size:.75rem;font-weight:500}.event-row span,.event-row time{color:#82958f;font-family:DM Mono,monospace;font-size:.56rem;text-transform:uppercase}.event-row.active span,.event-row.active time{color:#dce9b4}@keyframes feed-drift{0%{transform:translateY(-50%)}to{transform:translateY(0)}}footer{position:fixed;right:0;bottom:13px;left:0;z-index:2;text-align:center;font-size:.55rem}.footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.footer-separator{color:#91aaa494}.powered-by{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#cbd5e1c7;text-decoration:none;transition:color .18s ease,opacity .18s ease}.powered-by-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid rgba(0,200,160,.38);border-radius:6px;background:linear-gradient(135deg,#0a74da47,#00c8a02e),#161b22d6;box-shadow:0 0 0 1px #0a74da29 inset;color:#e6edf3;font-size:.5rem;font-weight:900;letter-spacing:0}.powered-by-wordmark{display:inline-flex;align-items:baseline;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:0;text-transform:none}.powered-by-name{color:#dbeafe}.powered-by-domain{color:#0a74da}.powered-by:hover,.powered-by:focus-visible{color:#e6edf3}@media(max-width:760px){.topbar{top:10px;right:10px;left:10px}.connection{flex-wrap:wrap;justify-content:flex-end;font-size:0}.source-switch{font-size:initial}.layers-panel{top:88px;right:10px;width:210px;padding:12px}.globe-controls-panel{top:228px;right:10px;width:180px;padding:12px}.globe-controls p,.topbar-metrics{display:none}.activity-panel{inset:auto 10px 33px;width:auto;max-height:190px}.event-detail-panel{inset:auto 10px 238px;width:auto}.activity-panel li:nth-child(n+4){display:none}}