html.worldlatency-page{--bg: #050805;--bg-panel: #0a100c;--bg-elevated: #0e1611;--border: #1a3a28;--border-bright: #2d6b48;--text: #b6f5c8;--text-dim: #5f9a72;--muted: #3d6a4e;--accent: #39ff88;--accent-2: #00e5ff;--warn: #ffcc33;--danger: #ff4d6d;--path: #39ff88;--mesh: #1f5a3a;--node-fill: #07140c;--glow: rgba(57, 255, 136, .35);--font: menlo, ui-monospace, "SF Mono", monospace;--radius: 2px;color-scheme:dark;height:100%;margin:0;padding:0;max-width:none;overflow:hidden;background:var(--bg)!important;color:var(--text)!important;font-family:var(--font)!important;font-size:13px!important;line-height:1.45!important;-webkit-font-smoothing:antialiased}html.worldlatency-page body{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;height:100%!important;min-height:100vh!important;overflow:hidden!important;overflow-x:hidden!important;overflow-wrap:normal!important;display:flex!important;flex-direction:column!important;background:var(--bg)!important;background-color:var(--bg)!important;color:var(--text)!important;font-family:var(--font)!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;text-rendering:geometricPrecision}html.worldlatency-page a{color:var(--accent-2)!important;background:none!important;background-image:none!important;background-size:auto!important;background-position:unset!important;background-repeat:no-repeat!important;text-decoration:none!important}html.worldlatency-page a:hover{color:var(--accent)!important;background:none!important;background-image:none!important}html.worldlatency-page *,html.worldlatency-page *:before,html.worldlatency-page *:after{box-sizing:border-box}html.worldlatency-page button,html.worldlatency-page input,html.worldlatency-page select,html.worldlatency-page textarea{font:inherit!important;color:inherit}html.worldlatency-page h1,html.worldlatency-page h2,html.worldlatency-page h3,html.worldlatency-page h4,html.worldlatency-page strong,html.worldlatency-page b{color:inherit;font-weight:inherit}html.worldlatency-page pre{padding:0;margin:0;border:none;border-radius:0;background:transparent;font:inherit;color:inherit}html.worldlatency-page .wl-site-nav{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:#0c1610;font-family:var(--font);font-size:12px;z-index:20;color:var(--text-dim)}html.worldlatency-page .wl-site-nav a{color:var(--accent-2)!important}html.worldlatency-page .wl-site-nav a:hover{color:var(--accent)!important}html.worldlatency-page .wl-site-nav .brand{color:var(--accent)!important;font-weight:600}html.worldlatency-page .app{flex:1;min-height:0;background:var(--bg);color:var(--text)}:root{--bg: #050805;--bg-panel: #0a100c;--bg-elevated: #0e1611;--border: #1a3a28;--border-bright: #2d6b48;--text: #b6f5c8;--text-dim: #5f9a72;--muted: #3d6a4e;--accent: #39ff88;--accent-2: #00e5ff;--warn: #ffcc33;--danger: #ff4d6d;--path: #39ff88;--mesh: #1f5a3a;--node-fill: #07140c;--glow: rgba(57, 255, 136, .35);--font: menlo, ui-monospace, "SF Mono", monospace;--radius: 2px}.crt{pointer-events:none;position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.45) 100%)}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:49;opacity:.08;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.45) 3px)}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0c1610,#070b08)}.brand{display:flex;flex-wrap:wrap;gap:.35rem;letter-spacing:.02em}.prompt{color:var(--accent);font-weight:600}.sep{color:var(--muted)}.path{color:var(--accent-2)}.cmd{color:var(--text)}.status{display:flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:12px}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);animation:pulse 1.4s ease-in-out infinite}.status.ok .dot{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:none}.status.err .dot{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.layout{flex:1;display:grid;grid-template-columns:minmax(260px,320px) 1fr minmax(240px,300px);min-height:0}.panel{min-height:0;border-right:1px solid var(--border);background:var(--bg-panel)}.panel.right{border-right:none;border-left:1px solid var(--border)}.panel.left,.panel.right{overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.panel.stage{display:flex;flex-direction:column;background:#030704}.block{border:1px solid var(--border);background:var(--bg-elevated);padding:.75rem}.block-title{margin:0 0 .65rem;font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:600}.field{display:flex;flex-direction:column;gap:.35rem}.field span{color:var(--text-dim);font-size:11px;text-transform:lowercase}.field input{width:100%;background:#050a07;border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .65rem;outline:none;color:var(--accent)}.field input:focus{border-color:var(--border-bright);box-shadow:0 0 0 1px #39ff8833,0 0 18px #39ff8814}.field input::-moz-placeholder{color:var(--muted)}.field input::placeholder{color:var(--muted)}.hint,.muted{color:var(--muted);font-size:11px;margin:.5rem 0 0}.city-results{list-style:none;margin:.5rem 0 0;padding:0;max-height:180px;overflow:auto;border:1px solid var(--border);background:#050a07}.city-results:empty{display:none}.city-results li{display:flex;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;cursor:pointer;border-bottom:1px solid #0d1a12}.city-results li:hover,.city-results li:focus{background:#39ff8814;color:var(--accent);outline:none}.city-results .country{color:var(--muted);font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-bright);background:#39ff880f;color:var(--text);padding:.2rem .4rem;font-size:11px;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.selected{border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 10px #00e5ff40}.chip .x{color:var(--danger);opacity:.8}.selection-banner{border:1px dashed var(--border);padding:.45rem .55rem;margin-bottom:.55rem;font-size:11px;min-height:2.2rem}.selection-banner.active{border-color:var(--accent-2);color:var(--accent-2);background:#00e5ff0f}.link-list{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto}.link-list .empty-link{color:var(--muted);font-size:11px}.link-item{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;padding:.35rem .2rem;border-bottom:1px solid #0d1a12;font-size:11px}.link-route{color:var(--text)}.link-item .hop-ms{color:var(--accent-2)}.link-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--danger);cursor:pointer;font:inherit;padding:0 .25rem}.link-x:hover{color:#ff7a90}.btn.mini{padding:.1rem .35rem;font-size:10px;margin-left:.35rem;vertical-align:middle}.edge-hit{fill:none;stroke:transparent;cursor:pointer;pointer-events:stroke}.edge-hit:hover{stroke:#39ff881f}.row-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-bright);background:#39ff880d;color:var(--accent);padding:.4rem .6rem;cursor:pointer;border-radius:var(--radius);letter-spacing:.04em;text-transform:lowercase}.btn:hover{background:#39ff881f;box-shadow:0 0 12px #39ff881f}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.ghost{border-color:var(--border);color:var(--text-dim)}.btn.ghost:hover{color:var(--text);border-color:var(--border-bright)}.btn.danger:hover{color:var(--danger);border-color:var(--danger)}.preset-list{display:flex;flex-direction:column;gap:.45rem}.btn.preset{width:100%;display:flex;align-items:center;gap:.65rem;text-align:left;text-transform:none;letter-spacing:.02em;padding:.55rem .65rem;margin:0;border-color:var(--border-bright);background:#39ff880f}.btn.preset.primary{border-color:var(--accent);background:linear-gradient(135deg,#39ff8824,#00e5ff0f);box-shadow:0 0 14px #39ff881f;color:var(--accent)}.btn.preset.primary:hover{background:linear-gradient(135deg,#39ff8838,#00e5ff1a);box-shadow:0 0 18px #39ff8838}.btn.preset.active{border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 16px #00e5ff33;background:linear-gradient(135deg,#00e5ff24,#39ff8814)}.btn.preset.active .preset-key{border-color:var(--accent-2);color:var(--bg);background:var(--accent-2)}.btn.preset.active .preset-body strong{color:var(--accent-2)}.preset-key{flex:0 0 auto;font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--accent-2);border:1px solid rgba(0,229,255,.45);padding:.25rem .4rem;background:#00e5ff14}.preset-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.preset-body strong{font-weight:700;color:var(--accent);font-size:12px}.preset-body em{font-style:normal;color:var(--text-dim);font-size:10px}.path-list{margin:0;padding:0 0 0 1.1rem;min-height:2rem;color:var(--text)}.path-list li{margin:.25rem 0}.path-list li .hop-ms{color:var(--accent-2);margin-left:.35rem}.total{margin-top:.75rem;display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--border);padding-top:.65rem}.total .label{color:var(--text-dim);letter-spacing:.1em;font-size:11px}.total .value{color:var(--accent);font-size:1.35rem;font-weight:700;text-shadow:0 0 12px var(--glow)}.meta-log{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text-dim);font-size:11px;max-height:120px;overflow:auto}.stage-header,.stage-footer{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .85rem;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:11px;letter-spacing:.08em}.stage-footer{border-bottom:none;border-top:1px solid var(--border)}.panel.stage{min-height:0}.canvas-wrap{position:relative;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;container-type:size;background:radial-gradient(ellipse at center,#07140c,#030704 70%);overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#graph{display:block;aspect-ratio:2 / 1;max-width:100%;max-height:100%;width:min(100cqw,200cqh);height:auto;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;outline:none}@supports not (width: 1cqw){#graph{width:100%;height:auto;max-height:100%}}#graph text,#graph path,#graph circle,#graph *{-moz-user-select:none;user-select:none;-webkit-user-select:none}#graph:focus,#graph *:focus{outline:none}#graph.panning{cursor:grabbing}.zoom-controls{position:absolute;top:.65rem;right:.65rem;z-index:5;display:flex;align-items:center;gap:.3rem;background:#050a07d9;border:1px solid var(--border);padding:.25rem}.zoom-btn{min-width:2rem;padding:.3rem .45rem;font-size:14px;line-height:1}.zoom-level{color:var(--text-dim);font-size:11px;min-width:2.4rem;text-align:center;padding:0 .25rem}.basemap .ocean{fill:#050a07}.basemap .land{fill:#0c1f14;stroke:#1a4a30;stroke-width:.45;filter:url(#land-glow)}.basemap .graticule{stroke:#39ff8814;stroke-width:.5;fill:none}.basemap .graticule.major{stroke:#00e5ff1f;stroke-width:.7}.empty-state{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.empty-state.hidden{display:none}.empty-state pre{margin:0;color:var(--text-dim);text-shadow:0 0 10px var(--glow)}.edge{fill:none;stroke:var(--mesh);stroke-width:1;stroke-dasharray:4 4;opacity:.4}.edge.path{stroke:var(--path);opacity:1;filter:url(#glow);animation:dash 1.2s linear infinite;marker-end:url(#arrow)}@keyframes dash{to{stroke-dashoffset:-18}}.edge-label-bg{fill:#06140c;stroke:#39ff888c;pointer-events:none}.edge-label{fill:var(--accent);font-weight:600;font-family:var(--font);letter-spacing:.03em;pointer-events:none;stroke:none}.edge-label.path{fill:var(--accent);font-weight:700}.node-ring{fill:#07140cd9;stroke:var(--border-bright);cursor:pointer;transition:stroke .15s ease,fill .15s ease}.node-core{fill:var(--accent);opacity:.85;pointer-events:none}.node-ring:hover{stroke:var(--accent);fill:#39ff8824}.node-ring.in-path{stroke:var(--accent);stroke-width:2;filter:url(#glow)}.node-ring.head{stroke:var(--accent-2);stroke-width:2.4}.node-label{fill:var(--text-dim);font-weight:500;font-family:var(--font);text-anchor:start;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:#050805f2;stroke-linejoin:round}.node-sub{fill:var(--muted);font-family:var(--font);text-anchor:start;pointer-events:none;paint-order:stroke;stroke:#050805f2;stroke-linejoin:round}.hop-trace{display:flex;flex-direction:column;gap:.5rem}.hop-card{border:1px solid var(--border);padding:.55rem .65rem;background:#050a07}.hop-card .route{color:var(--accent);font-weight:600}.hop-card .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.4rem;color:var(--text-dim);font-size:11px}.hop-card .stats strong{display:block;color:var(--text);font-size:12px;font-weight:600}.hop-card.missing{border-color:var(--danger);color:var(--danger)}.legend{list-style:none;margin:0;padding:0;color:var(--text-dim);font-size:11px}.legend li{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.swatch{width:18px;height:3px;display:inline-block;background:var(--mesh)}.swatch.path{background:var(--path);box-shadow:0 0 6px var(--glow)}.swatch.mesh{background:var(--mesh);opacity:.8}.swatch.node{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-bright);background:var(--node-fill)}.swatch.hot{width:10px;height:10px;border-radius:50%;border:1px solid var(--accent-2);background:#00e5ff26;box-shadow:0 0 8px #00e5ff66}@media(max-width:1100px){.layout{grid-template-columns:1fr}.panel.left,.panel.right{border:none;border-bottom:1px solid var(--border)}.canvas-wrap{min-height:320px}#graph{max-height:55vh}}