.peer-explorer{--peer-local:var(--green);--peer-local-route:#6aaeff;--peer-route:var(--accent);align-self:center;min-width:0;margin:0 0 0 12px}:root[data-theme=light] .peer-explorer{--peer-local-route:#246bc2}.peer-explorer-heading{border-top:1px solid var(--line);letter-spacing:.035em;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:15px 0;font:.75rem/1.6 Space,Arial,sans-serif;display:flex}.peer-explorer-heading>:first-child{color:var(--accent)}.peer-explorer-heading>:last-child{color:var(--muted)}.peer-scene{aspect-ratio:3/2;isolation:isolate;background-image:radial-gradient(var(--line) .75px, transparent .75px);background-size:20px 20px;width:100%;position:relative}.peer-neighborhood{border:1px dashed color-mix(in srgb, var(--muted) 45%, transparent);background:color-mix(in srgb, var(--panel) 75%, transparent);border-radius:12px;padding:13px 15px;transition:left .7s,top .7s,width .7s,height .7s,border-color .7s;position:absolute}.peer-neighborhood>span{background:var(--bg);letter-spacing:.025em;color:var(--muted);white-space:nowrap;padding-inline:5px;font:.75rem/1.4 Space,Arial,sans-serif;position:absolute;top:-9px;left:10px}.peer-neighborhood>small{color:var(--fg);font-size:.8125rem;display:block}.peer-neighborhood-home{width:42%;height:54%;top:8%;left:7%}.peer-neighborhood-away{width:37%;height:46%;top:46%;left:60%}.peer-distance-note{color:var(--muted);font-size:.875rem;line-height:1.7;position:absolute;top:13%;left:64%}.peer-distance-note>span{display:block}.peer-routes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.peer-route{stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity .25s,stroke .25s}.peer-route-local{stroke:var(--peer-local)}.peer-route-ble{stroke:var(--peer-local-route)}.peer-route-direct,.peer-route-laptop{stroke:var(--peer-route);stroke-width:2px}.peer-packet-laptop{fill:var(--peer-route)}.peer-laptop-path-label{background:var(--bg);color:var(--peer-route);padding:2px 5px;font:.625rem/1.5 Space,Arial,sans-serif;position:absolute;top:12%;left:40%}.peer-route-relay{stroke:var(--peer-route);stroke-dasharray:5 6;opacity:.2}.peer-packet{offset-rotate:0deg;animation:4s linear infinite peer-travel}.peer-explorer[data-playing=false] .peer-packet{animation-play-state:paused}.peer-packet-local{fill:var(--peer-local);animation-duration:3.5s}.peer-packet-ble{fill:var(--peer-local-route)}.peer-packet-direct,.peer-packet-relay{fill:var(--peer-route)}.peer-packet-relay{opacity:0}.peer-local-label{background:var(--panel);color:var(--peer-local-route);padding:1px 4px;font:.75rem/1.4 Space,Arial,sans-serif;position:absolute;transform:translate(-50%,-50%)}.peer-local-label-ble{top:37%;left:28%}.peer-local-label-lan{color:var(--peer-local);top:55%;left:81%}.peer-device{text-align:center;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.peer-device>span{background:var(--bg);width:34px;height:34px;color:var(--peer-local);border:1px solid var(--peer-local);box-shadow:0 0 0 5px var(--panel);border-radius:50%;justify-content:center;align-items:center;font:.8125rem/1 Space,Arial,sans-serif;display:flex;position:relative}.peer-device>strong{color:var(--fg);white-space:nowrap;font-size:.875rem;font-weight:400;line-height:1.4;display:block;position:absolute;top:41px;left:50%;transform:translate(-50%)}.peer-laptop{top:31.25%;left:20%}.peer-phone{transition:left .7s,top .7s;top:48.75%;left:36.6667%}.peer-remote-tablet{top:60%;left:70.8333%}.peer-tablet{top:77.5%;left:86.6667%}.peer-phone>span,.peer-remote-tablet>span{border-color:var(--peer-route);color:var(--peer-route)}.peer-relay{text-align:center;opacity:.38;transition:opacity .25s;position:absolute;top:83.75%;left:45.8333%;transform:translate(-50%,-50%)}.peer-relay>span{border:1px dashed var(--accent);background:var(--bg);width:32px;height:32px;color:var(--accent);place-items:center;font:.8125rem/1 Space,Arial,sans-serif;display:grid}.peer-relay>small{color:var(--muted);font:.75rem/1.4 Space,Arial,sans-serif;display:block;position:absolute;top:38px;left:50%;transform:translate(-50%)}.peer-path-label{text-align:right;white-space:nowrap;min-width:144px;color:var(--accent);font:.75rem/1.5 Space,Arial,sans-serif}.peer-explorer[data-path=relay] .peer-route-direct{opacity:.12}.peer-explorer[data-path=relay] .peer-route-relay{opacity:1;stroke-width:2px}.peer-explorer[data-path=relay] .peer-packet-direct{opacity:0}.peer-explorer[data-path=relay] .peer-packet-relay,.peer-explorer[data-path=relay] .peer-relay{opacity:1}.peer-explanation{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:18px;min-height:125px;padding:22px 0 20px;display:grid}.peer-explanation-index{color:var(--accent);white-space:nowrap;padding-top:2px;font:.8125rem/1.5 Space,Arial,sans-serif}.peer-explanation strong{font-size:1rem;font-weight:500;line-height:1.4}.peer-explanation p{color:var(--muted);max-width:430px;margin-top:6px;font-size:.875rem;line-height:1.65}.peer-explorer-controls{align-items:center;gap:18px;width:fit-content;margin:14px 0 0 auto;display:flex}.peer-explorer-controls button{min-width:58px;min-height:44px;color:var(--muted);border:0;justify-content:flex-start;align-items:center;gap:7px;padding:10px 0;font:.75rem/1.5 Space,Arial,sans-serif;display:inline-flex}.peer-explorer-controls button svg{flex-shrink:0;width:12px;height:12px}.peer-explorer-controls button[aria-pressed=true]{color:var(--accent)}.peer-explorer-controls button:hover{color:var(--fg)}.peer-explorer-controls button:focus-visible{outline-offset:3px}.peer-connection-status{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font:.75rem/1.5 Space,Arial,sans-serif;display:flex}.peer-wifi-only{transition:opacity .5s}.peer-explorer:not([data-network=wifi]) .peer-wifi-only{opacity:0}.peer-neighborhood-cellular{opacity:0;border-color:var(--accent);width:24%;height:29%;transition:opacity .7s;top:60%;left:13%}.peer-explorer[data-network=cellular] .peer-neighborhood-cellular{opacity:1}.peer-explorer[data-network=cellular] .peer-neighborhood-home{height:45%}.peer-explorer[data-network=cellular] .peer-phone{top:70%;left:25%}.peer-explorer[data-network=cellular] .peer-route-direct{opacity:0}.peer-explorer-footnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:17px;font:.75rem/1.6 Space,Arial,sans-serif;display:flex}.peer-explorer-footnote>span{color:var(--accent)}@keyframes peer-travel{0%{offset-distance:0%}to{offset-distance:100%}}@supports not (offset-path:path('M0 0 L1 1')){.peer-packet{display:none}}@media (width<=1150px){.peer-explorer{margin-left:0}.peer-neighborhood{padding:10px}.peer-neighborhood>small{font-size:.75rem}.peer-explanation{min-height:145px}.peer-explorer-footnote>span{display:none}}@media (width>=721px) and (width<=1050px){.hero{grid-template-columns:1fr}.hero-copy{max-width:650px}.peer-explorer{justify-self:center;width:100%;max-width:680px;margin-top:42px}.peer-explanation{min-height:115px}.peer-explorer-footnote>span{display:inline}}@media (width<=720px){.peer-explorer{width:100%;max-width:600px;margin:35px 0 15px}.peer-scene{aspect-ratio:3/2.25}.peer-routes{height:88.8889%;top:5.5556%}.peer-neighborhood-home{height:54%;top:12.6667%}.peer-explorer[data-network=cellular] .peer-neighborhood-home{height:40%}.peer-neighborhood-cellular{height:30%;top:59%}.peer-explorer[data-network=cellular] .peer-phone{top:67.7778%}.peer-neighborhood-away{height:44%;top:46.4444%}.peer-laptop{top:33.3333%}.peer-phone{top:48.8889%}.peer-remote-tablet{top:58.8889%}.peer-tablet{top:74.4444%}.peer-local-label-ble{top:38.4444%}.peer-local-label-lan{top:54.4444%}.peer-relay{top:80%}.peer-neighborhood{border-radius:8px;padding:9px}.peer-neighborhood>span{letter-spacing:-.045em;font-size:.75rem;left:6px}.peer-neighborhood>small{display:none}.peer-distance-note{font-size:.8125rem;top:12%;left:58%}.peer-device,.peer-device>span{width:28px;height:28px}.peer-device>strong{font-size:.8125rem;top:34px}.peer-explanation{gap:12px;min-height:142px;padding-top:19px}.peer-explorer-footnote{margin-top:13px}}@media (prefers-reduced-motion:reduce){.peer-packet{offset-distance:55%;animation:none}.peer-packet[style*="-2.8s"]{offset-distance:80%}}@media print{.peer-explorer-controls,.peer-explorer-footnote,.peer-packet{display:none}}.adaptive-paths{border:1px solid var(--line);background:var(--panel);border-radius:6px;min-width:0;margin:0;overflow:hidden}.adaptive-heading{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px 24px 0;font:.875rem/1.6 Space,Arial,sans-serif;display:flex}.adaptive-scene{aspect-ratio:600/380;margin:0 8px;position:relative}.adaptive-scene>svg{width:100%;height:100%;display:block;overflow:visible}.transport-ble{--transport-color:#6aaeff}.transport-lan{--transport-color:#b2d99c}.transport-lora{--transport-color:#b6a0ff}.transport-cellular{--transport-color:#dfbd66}.transport-relay{--transport-color:#e393bd}:root[data-theme=light] .transport-ble{--transport-color:#246bc2}:root[data-theme=light] .transport-lan{--transport-color:#497343}:root[data-theme=light] .transport-lora{--transport-color:#6946c9}:root[data-theme=light] .transport-cellular{--transport-color:#866014}:root[data-theme=light] .transport-relay{--transport-color:#a1376e}.adaptive-route{color:var(--transport-color);opacity:.23;transition:opacity .6s}.adaptive-route[data-selected=true]{opacity:1}.adaptive-wire{stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke-width .6s}.adaptive-route[data-selected=true] .adaptive-wire{stroke-width:2.5px}.adaptive-route.transport-relay .adaptive-wire{stroke-dasharray:5 6}.adaptive-packet{fill:currentColor;opacity:0}.adaptive-route[data-selected=true] .adaptive-packet{opacity:1}.adaptive-paths[data-playing=false] .adaptive-packet{animation-play-state:paused}.adaptive-device{fill:var(--bg);stroke:var(--fg);stroke-width:1.5px}.adaptive-device-label{color:var(--muted);white-space:nowrap;font:.75rem/1.5 Space,Arial,sans-serif;position:absolute;top:62%;transform:translate(-50%)}.adaptive-device-label-left{left:10%}.adaptive-device-label-right{left:91%}.adaptive-route-label{color:var(--transport-color);background:var(--panel);border:1px solid transparent;border-radius:4px;padding:3px 9px;font:.75rem/1.5 Space,Arial,sans-serif;transition:border-color .6s;position:absolute;left:50%;transform:translate(-50%,-50%)}.adaptive-route-label[data-selected=true]{border-color:var(--transport-color)}.adaptive-route-label.transport-ble{top:16%}.adaptive-route-label.transport-lan{top:32%}.adaptive-route-label.transport-lora{top:50%}.adaptive-route-label.transport-cellular{top:68%}.adaptive-route-label.transport-relay{top:85.5%}.adaptive-play{border:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:4px;align-self:center;padding:8px;font:.75rem/1.5 Space,Arial,sans-serif}.adaptive-play:hover{color:var(--fg);border-color:var(--accent)}.adaptive-paths figcaption{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:18px 24px;display:flex}.adaptive-paths figcaption strong{color:var(--fg);font-size:.875rem;font-weight:400;display:block}.adaptive-paths figcaption div>span{color:var(--muted);margin-top:4px;font-size:.8125rem;display:block}@media (width<=720px){.adaptive-heading{padding:18px 16px 0;font-size:.8125rem}.adaptive-paths figcaption{padding:16px}}@media (prefers-reduced-motion:reduce){.peer-neighborhood,.peer-phone,.peer-wifi-only,.adaptive-route,.adaptive-wire,.adaptive-route-label{transition:none}}