.world-panel{margin:0 0 26px;border:1px solid #324657;border-radius:10px;background:#101c28;overflow:hidden}.world-heading{padding:26px 27px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(105deg,#162736,#101b28)}.world-heading .eyebrow{color:#7eb1b3;font-size:12px}.world-heading h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:9px 0 7px}.world-heading p{font-size:14px;line-height:1.6;color:#8fa6bd;margin:0}.world-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.map-control{border:1px solid #3b5065;background:#172636;color:#adc0d4;border-radius:5px;padding:8px 11px;font-size:12px;white-space:nowrap}.map-control:hover{background:#273e51;color:#e5f3ff}.map-control.locate{color:#9ee3ce;border-color:#3b6d63;background:#1a3934}.map-control .icon{width:15px;height:15px;margin-right:4px}.world-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 25px;background:#0e1924;border-top:1px solid #263b4f;border-bottom:1px solid #27394b}.traffic-mode{display:flex;align-items:center;gap:9px;font-size:12px}.traffic-mode strong{font-size:12px;letter-spacing:1px;font-weight:500;color:#8ce7c7}.traffic-mode>span:last-child{color:#6f8ca6;border-left:1px solid #32475c;padding-left:12px;margin-left:3px}.traffic-led{height:6px;width:6px;background:#66e3ba;box-shadow:0 0 10px #66e3ba80;border-radius:50%}.traffic-led.offline{background:#dbb27c;box-shadow:none}.map-playback{display:flex;align-items:center;gap:17px}.map-text-button{background:none;color:#819ab3;font-size:12px;padding:4px}.map-text-button:hover{color:#d9edff}.map-text-button:disabled{opacity:.4;cursor:default}.map-playback select{font-size:12px;background:#172938;border-color:#324b61;color:#acbfd2}.map-stage{position:relative;background:#0b1520;overflow:hidden}.world-svg{min-height:350px}.world-svg>svg{width:100%;height:auto;display:block}.map-graticule{fill:none;stroke:#294052;stroke-width:.6;opacity:.48}.map-country{fill:#203849;stroke:#334c5c;stroke-width:.5}.map-country-accent{fill:#28544f;stroke:#548078}.map-node{cursor:pointer;outline:none}.map-node-ring{fill:none;stroke:var(--node-color);stroke-width:1.2;opacity:.6}.map-node:hover .map-node-ring,.map-node:focus-visible .map-node-ring{stroke-width:3;opacity:1}.map-node-name{fill:#d5e5f2;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;paint-order:stroke;stroke:#101d28;stroke-width:4px;stroke-linejoin:round}.map-node-place{fill:#849eb3;font-family:'DM Sans',sans-serif;font-size:11px;paint-order:stroke;stroke:#101d28;stroke-width:3px}.map-leader{fill:none;stroke:var(--node-color);stroke-width:.8;opacity:.45}.map-route{fill:none;stroke-width:1.3;stroke-linecap:round}.archive-route{stroke-dasharray:5 7;stroke-width:1}.map-flow{stroke-dasharray:2 23;stroke-width:2;animation:flow-route 3s linear infinite;opacity:.7}.map-flow.paused{animation-play-state:paused}.map-particle{filter:drop-shadow(0 0 3px currentColor)}.map-coordinate-label{position:absolute;top:20px;left:25px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;color:#4f718b;pointer-events:none}.map-coordinate-label span{display:block;margin-top:5px;font-size:10px;color:#49647b}.viewer-card{position:absolute;left:24px;bottom:28px;border:1px solid #42566c;background:#152434ed;border-radius:7px;padding:13px 17px;display:flex;align-items:center;gap:11px;pointer-events:none}.viewer-symbol{font-size:29px;color:#bfd8ef}.viewer-card strong{display:block;font-size:15px;font-weight:500;margin-bottom:4px}.viewer-card #viewer-location{display:block;font-size:12px;color:#afc3d7}.viewer-card small{display:block;font-size:12px;color:#6c89a4;margin-top:6px}.map-scale-note{position:absolute;bottom:10px;right:20px;font-size:10px;color:#65829a;pointer-events:none}.map-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 25px;border-bottom:1px solid #2a3d50;border-top:1px solid #23374a;background:#0e1924}.map-legend{display:flex;gap:20px;flex-wrap:wrap}.map-legend span{font-size:12px;color:#a2b4c5;display:flex;align-items:center;gap:6px}.map-legend i{width:6px;height:6px;border-radius:50%}.map-attribution{font-size:10px;color:#66829c}.traffic-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #293d50;background:linear-gradient(90deg,#172937,#13212f)}.traffic-strip>div{padding:21px 25px;position:relative;min-width:0}.traffic-strip>div+div{border-left:1px solid #2d4356}.traffic-strip small{display:block;font-size:12px;color:#8fa6bc;margin-bottom:10px}.traffic-strip strong{font-size:28px;font-family:'IBM Plex Mono',monospace;font-weight:400;letter-spacing:-1px;white-space:nowrap;display:block}.traffic-strip strong em{font-size:14px;letter-spacing:0;font-style:normal;color:#85a3b8}.traffic-strip>div>span{display:block;margin-top:8px;color:#6e8aa3;font-size:12px}.traffic-strip .traffic-mini{position:absolute;right:21px;bottom:21px;width:65px;opacity:.8}.traffic-mini .spark{width:100%;height:25px}.map-inspection{padding:22px 25px;display:grid;grid-template-columns:1fr 1.4fr 1.7fr;gap:23px;align-items:center;border-bottom:1px solid #2d4053}.map-selected-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.map-selected-heading>span{width:7px;height:7px;border-radius:50%}.map-selected-heading h3{margin:0 0 6px;font-size:16px}.map-selected-heading small{font-size:12px;color:#7f9bb3;line-height:1.6}.map-selected-heading button{display:flex;align-items:center;gap:9px;background:transparent;color:#77c6ae;padding:6px 0;font-size:12px;margin-left:17px}.map-selected-heading button .icon{width:14px;height:14px}.map-inspection>p{margin:0;font-size:12px;line-height:1.75;color:#8aa4bd}.map-selected-metrics{display:flex;gap:18px;justify-content:space-around}.map-selected-metrics small{display:block;font-size:12px;color:#7491aa;line-height:1.6;margin-bottom:7px}.map-selected-metrics strong{font-size:14px;font-weight:500;color:#c5d8e9}.connection-table{padding:20px 25px 12px;background:#0f1a26}.connections-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.connections-heading h3{margin:0;font-size:16px}.connections-heading>span{font-size:12px;color:#7794af}.connection-row{display:grid;grid-template-columns:1.35fr 1.4fr .7fr .7fr;gap:15px;align-items:center;border-top:1px solid #26394b;padding:12px 0;font-size:12px;color:#a6bed2}.connection-row>strong{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:400;white-space:nowrap}.connection-row>span:nth-child(2){color:#6f8ea9}.connection-row.connection-header{font-size:10px;letter-spacing:1px;color:#64849e}.connection-row .connection-state{font-size:12px;color:#72af98}.connection-row .disconnected{color:#c8a778}.map-offline{position:absolute;inset:25px 0 auto;margin:0 auto;width:370px;max-width:calc(100% - 35px);background:#101f2cf5;border:1px solid #506374;border-radius:10px;text-align:center;padding:23px;box-shadow:0 10px 70px #0009;z-index:2}.map-offline[hidden]{display:none}.offline-icon{display:block;color:#dbb27c;margin:0 0 12px}.offline-icon .icon{width:28px;height:28px}.map-offline>strong{font-size:18px;font-weight:500}.map-offline p{font-size:14px;color:#90a8be;line-height:1.65}.map-offline button{background:#244b42;border:1px solid #447b69;border-radius:5px;color:#b2ead2;font-size:14px;padding:9px 12px}.map-offline .icon{width:16px}.map-loading{display:flex;align-items:center;justify-content:center;height:400px;color:#7795ae;font-size:14px}.viewer-node .map-node-name{font-size:16px;fill:#fff}@keyframes flow-route{to{stroke-dashoffset:-50}}@media(prefers-reduced-motion:reduce){.map-flow{animation:none}.map-particle{display:none}}
@media(max-width:1500px){.traffic-strip .traffic-mini{display:none}.map-inspection{grid-template-columns:1fr 1.7fr}.map-selected-metrics{grid-column:1/-1;justify-content:flex-start;gap:45px}.world-heading{align-items:flex-start}.map-attribution{max-width:160px;text-align:right;line-height:1.5}.world-controls{max-width:230px}.map-node-name{font-size:15px}.map-node-place{font-size:13px}}
@media(max-width:1050px){.world-controls{max-width:180px}.world-heading{padding:23px 20px}.world-heading h2{font-size:25px}.world-toolbar{padding-left:20px;padding-right:20px}.traffic-mode>span:last-child{display:none}.traffic-strip>div{padding:17px}.traffic-strip strong{font-size:23px}.map-legend{gap:12px}.viewer-card{position:relative;left:auto;bottom:auto;margin:0 20px 18px;width:fit-content}.map-scale-note{position:relative;bottom:auto;right:auto;font-size:12px;line-height:1.6;padding:0 20px 12px}.world-svg{min-height:0}.map-node-place{font-size:14px}.map-coordinate-label{display:none}}
@media(max-width:760px){.world-heading{flex-direction:column;gap:15px}.world-controls{max-width:none;justify-content:flex-start}.world-heading p{font-size:14px}.world-toolbar{flex-wrap:wrap;padding:12px 16px;gap:10px}.traffic-mode strong{font-size:11px}.map-stage{overflow-x:auto}.world-svg{width:900px}.world-svg>svg{height:375px}.viewer-card{position:relative;margin-left:16px;max-width:calc(100% - 32px)}.map-bottom{align-items:flex-start;flex-direction:column;padding:15px 17px}.map-attribution{max-width:none;text-align:left;font-size:12px}.traffic-strip{grid-template-columns:1fr 1fr}.traffic-strip>div{padding:16px}.traffic-strip>div:nth-child(3){border-left:0;border-top:1px solid #2d4356}.traffic-strip>div:nth-child(4){border-top:1px solid #2d4356}.map-inspection{grid-template-columns:1fr;padding:19px 17px;gap:15px}.map-inspection>p{font-size:14px}.map-selected-metrics{grid-column:auto;gap:20px;flex-wrap:wrap}.map-selected-heading button{margin-left:auto}.connections-heading{flex-wrap:wrap}.connection-table{padding:18px 16px;overflow:auto}.connection-row{min-width:630px}.map-offline{top:20px}.map-stage:before{content:'Drag horizontally to explore the map';display:block;font-size:12px;color:#7b9bb6;padding:10px 16px;background:#0c1722}.map-node-name{font-size:17px}.map-node-place{font-size:14px}}
.world-svg{cursor:grab;touch-action:none}.world-svg:active{cursor:grabbing}.world-svg svg{touch-action:none}.map-route,.map-graticule,.map-country{vector-effect:non-scaling-stroke}.map-zoom-controls{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:1px;border:1px solid #42617a;background:#122636ed;border-radius:6px;overflow:hidden;z-index:1}.map-zoom-controls button{background:transparent;color:#bfd9eb;padding:7px 13px;font-size:21px;line-height:1.2}.map-zoom-controls button:hover{background:#2a4a60}.map-zoom-controls span{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#8fb4d0;padding:0 9px}.map-zoom-controls #map-reset{border-left:1px solid #3a5368}.world-svg svg:focus-visible{outline:2px solid #71d6b5;outline-offset:-3px}
@media(max-width:760px){.map-stage{overflow:hidden}.world-svg{width:100%}.world-svg>svg{height:350px;width:100%;object-fit:cover}.map-stage:before{content:'Drag to pan · pinch to zoom';font-size:12px}.map-zoom-controls{top:45px;right:13px}.map-zoom-controls button{padding:6px 11px}.map-scale-note{font-size:12px}}