.region-network{position:relative;margin:0;min-width:0;padding:28px 28px 20px;border:1px solid #245267;background:radial-gradient(ellipse at 52% 45%,#063342 0,transparent 67%),#02131d;overflow:hidden}
.region-network-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 10px/1.8 var(--latin,sans-serif);letter-spacing:.15em;color:#91b6c5}
.region-network-signal{width:5px;height:5px;flex:none;border-radius:50%;background:#80e4ef;box-shadow:0 0 12px #3bcee6}
.region-network-map{position:relative;width:100%;aspect-ratio:1.16;min-height:230px;margin:10px 0 12px}
.region-network-map>img,.region-network-map>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.region-network figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;border-top:1px solid #254d5c;padding-top:20px}
.region-network figcaption strong{font-size:20px;font-weight:500;letter-spacing:.035em;line-height:1.8;color:#d9edf3}
.region-network figcaption>span{font-size:11px;line-height:1.9;color:#87a9b9}
.region-network-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px}
.region-network-links a{padding:4px 7px 5px 11px;border-left:1px solid #34596a;color:#b6e5f0;font-size:15px;line-height:1.8;text-decoration:none;transition:color .2s}
.region-network-links a:first-child{padding-left:0;border-left:0}
.region-network-links a>span{display:block;font-size:10px;line-height:1.8;color:#92b0bd}
.region-network-links a:hover{color:#fff}
.region-motion-toggle{display:block;margin:17px 0 0 auto;padding:4px 0;background:none;border:0;border-bottom:1px solid #355565;color:#87a9b9;font:inherit;font-size:11px;line-height:1.7;cursor:pointer}
.region-motion-toggle:hover{color:#d1edf5}
.region-network a:focus-visible,.region-motion-toggle:focus-visible{outline:2px solid #70dfed;outline-offset:5px}
.network-land{fill:#0b2936;stroke:#387187;stroke-width:.7;vector-effect:non-scaling-stroke}
.network-land.is-partner{fill:#104d60;stroke:#5ba1b5}
.network-route{fill:none;stroke:#5093a8;stroke-width:.85;opacity:.6;vector-effect:non-scaling-stroke}
.network-dormant{fill:#508798;opacity:.6}
.network-dot{fill:#beeff7}
.network-halo{fill:none;stroke:#6fcede;stroke-width:.8;opacity:.5;vector-effect:non-scaling-stroke}
.network-traveler{fill:#e0fbff;filter:drop-shadow(0 0 12px #69daeb)}
.signal-diagram{position:relative;isolation:isolate;overflow:hidden}
.signal-diagram:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 10%,#82deed 50%,transparent 90%);transform:translateX(-100%);animation:diagram-signal 9s ease-in-out infinite;pointer-events:none;opacity:.6}
.signal-diagram .board-track{position:relative}
.signal-diagram .board-track:before{content:'';position:absolute;left:-1px;top:0;width:3px;height:40px;background:linear-gradient(transparent,#9ae7f3,transparent);animation:diagram-step 8s ease-in-out infinite;opacity:.8;pointer-events:none}
.signal-diagram .board-track>div{position:relative}
.motion-paused .signal-diagram:after,.motion-paused .signal-diagram .board-track:before,.signal-diagram[data-scene-paused="true"]:after,.signal-diagram[data-scene-paused="true"] .board-track:before{animation-play-state:paused}
@keyframes diagram-signal{0%,15%{transform:translateX(-100%);opacity:0}30%{opacity:.6}75%,100%{transform:translateX(100%);opacity:0}}
@keyframes diagram-step{0%,10%{top:0;opacity:0}25%{opacity:.8}85%{top:calc(100% - 40px);opacity:.8}100%{top:calc(100% - 40px);opacity:0}}
@media(max-width:760px){.region-network{padding:23px 20px 18px}.region-network-map{min-height:220px;max-height:370px}.region-network figcaption{padding-top:18px;display:block}.region-network figcaption>span{display:block;margin-top:5px}.region-network-links a{font-size:14px}.region-network-heading{font-size:9px}.region-network figcaption strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.signal-diagram:after,.signal-diagram .board-track:before{animation:none;opacity:0}.region-motion-toggle{display:none}}