.network-page{min-height:100vh;background:#070908;color:#eceae3;font-family:"Saira",Arial,sans-serif;padding:54px 20px 90px}
.network-shell{max-width:1320px;margin:0 auto}
.network-kicker{color:#c8a96e;text-transform:uppercase;letter-spacing:.34em;font-size:11px;font-weight:800;text-align:center}
.network-title{text-align:center;font-size:clamp(30px,5vw,64px);line-height:.98;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 10px}
.network-subtitle{max-width:780px;margin:0 auto 30px;text-align:center;color:#aaa99f;line-height:1.7}
.network-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,190px) auto auto;gap:10px;max-width:1120px;margin:0 auto 18px;padding:14px;border:1px solid rgba(200,169,110,.35);background:linear-gradient(180deg,rgba(18,21,19,.97),rgba(7,9,8,.97));box-shadow:0 18px 50px rgba(0,0,0,.35)}
.network-controls input,.network-controls select{width:100%;background:#090b0a;border:1px solid rgba(200,169,110,.28);color:#fff;padding:14px 16px;font:600 14px/1.2 "Saira",Arial,sans-serif;outline:none}.network-controls select{appearance:auto;cursor:pointer}.network-range-control{display:flex;flex-direction:column;justify-content:center;gap:5px}.network-range-control span{color:#8f9089;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.network-range-control select{padding:10px 12px}
.network-controls input:focus,.network-controls select:focus{border-color:#c8a96e;box-shadow:0 0 0 2px rgba(200,169,110,.12)}
.network-btn{border:1px solid #c8a96e;background:#c8a96e;color:#070807;padding:12px 20px;font:800 11px/1 "Saira",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.network-btn.secondary{background:#0b0d0c;color:#e6cf96}.network-btn:hover{filter:brightness(1.12)}
.network-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.network-filter{border:1px solid rgba(200,169,110,.34);background:#0d100e;color:#aaa99f;padding:10px 16px;font:800 10px/1 "Saira",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.network-filter.active{color:#080909;background:#c8a96e;border-color:#c8a96e}.network-filter.team.active{background:#b84c35;color:#fff;border-color:#b84c35}
.network-console{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:18px}
.network-map-frame{position:relative;min-height:590px;overflow:hidden;border:1px solid rgba(200,169,110,.48);background:#050706;box-shadow:0 20px 60px rgba(0,0,0,.48),inset 0 0 80px rgba(0,0,0,.65)}
.network-map-frame:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(200,169,110,.018) 4px),radial-gradient(circle at center,transparent 0 35%,rgba(0,0,0,.6) 100%)}
.network-map-frame:after{content:"";position:absolute;inset:12px;border:1px solid rgba(200,169,110,.18);z-index:6;pointer-events:none}
.network-map-world{position:absolute;inset:0;background-image:url('/assets/network-world.png');background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:transform .85s cubic-bezier(.2,.7,.2,1);transform-origin:0 0;z-index:1;will-change:transform}
.network-map-world:before{content:"";position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border:1px solid rgba(200,169,110,.26);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(200,169,110,.025),0 0 0 115px rgba(200,169,110,.018)}
.network-sweep{position:absolute;left:50%;top:50%;width:43%;aspect-ratio:1;z-index:2;pointer-events:none;transform:translate(-50%,-50%);border:1px solid rgba(57,255,20,.18);border-radius:50%;overflow:hidden;opacity:.82;box-shadow:0 0 24px rgba(57,255,20,.08),inset 0 0 28px rgba(57,255,20,.04)}
.network-sweep:before{content:"";position:absolute;inset:-15%;background:conic-gradient(from 0deg,transparent 0 322deg,rgba(57,255,20,.025) 330deg,rgba(57,255,20,.22) 347deg,rgba(57,255,20,.78) 358deg,transparent 360deg);filter:drop-shadow(0 0 9px rgba(57,255,20,.65));animation:t1sweep 5.8s linear infinite}
@keyframes t1sweep{to{transform:rotate(360deg)}}
.network-marker-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.network-marker{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;border:2px solid #d5af57;background:rgba(7,9,8,.78);box-shadow:0 0 0 5px rgba(213,175,87,.12),0 0 20px rgba(213,175,87,.48);cursor:pointer;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}
.network-marker:before,.network-marker:after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}
.network-marker:before{width:34px;height:1px}.network-marker:after{width:1px;height:34px}
.network-marker.team{border-color:#e35d41;color:#e35d41;box-shadow:0 0 0 5px rgba(227,93,65,.12),0 0 20px rgba(227,93,65,.5)}
.network-marker.dealer{color:#d5af57}.network-marker:hover,.network-marker.selected{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 8px rgba(230,207,150,.16),0 0 30px currentColor}
.network-target{position:absolute;z-index:5;left:50%;top:50%;width:180px;height:180px;border:1px solid rgba(57,255,20,.58);border-radius:50%;transform:translate(-50%,-50%);opacity:.82;pointer-events:none;transition:opacity .3s ease;box-shadow:0 0 18px rgba(57,255,20,.12),inset 0 0 18px rgba(57,255,20,.06)}
.network-target.active{opacity:1}.network-target.crosshair-hidden{opacity:0;visibility:hidden}.network-target:before,.network-target:after{content:"";position:absolute;background:rgba(57,255,20,.76);box-shadow:0 0 7px rgba(57,255,20,.55);left:50%;top:50%;transform:translate(-50%,-50%)}.network-target:before{width:240px;height:1px}.network-target:after{width:1px;height:240px}
.network-map-hud{position:absolute;z-index:7;top:24px;left:24px;width:210px;padding:14px;border:1px solid rgba(200,169,110,.32);background:rgba(5,7,6,.82);backdrop-filter:blur(4px);font-size:11px;color:#9c9c94}
.network-map-hud strong{display:block;color:#e6cf96;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:3px 0 8px}.network-map-hud span{display:block;margin-top:4px}
.network-legend{position:absolute;right:24px;bottom:24px;z-index:7;padding:12px 14px;border:1px solid rgba(200,169,110,.3);background:rgba(5,7,6,.84);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.network-legend div{display:flex;align-items:center;gap:9px;margin:7px 0}.legend-dot{width:10px;height:10px;border:2px solid #d5af57;border-radius:50%}.legend-dot.team{border-color:#e35d41}
.network-side{display:flex;flex-direction:column;min-height:590px;border:1px solid rgba(200,169,110,.35);background:linear-gradient(180deg,#101310,#090b0a);overflow:hidden}
.network-side-header{padding:17px 18px;border-bottom:1px solid rgba(200,169,110,.22)}.network-side-header h2{font-size:18px;text-transform:uppercase;letter-spacing:.08em}.network-status{color:#8f9089;font-size:12px;margin-top:5px}
.network-results{padding:10px;overflow:auto;max-height:520px}
.network-result{display:block;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:#0b0d0c;color:#eceae3;padding:14px;margin-bottom:8px;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.network-result:hover,.network-result.selected{border-color:#c8a96e;background:#131713}.network-result.team:hover,.network-result.team.selected{border-color:#b84c35}
.network-result-top{display:flex;justify-content:space-between;gap:12px}.network-result h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin:0}.network-type{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#c8a96e}.network-result.team .network-type{color:#e35d41}.network-result p{font-size:11px;color:#a7a79f;line-height:1.45;margin:7px 0 0}.network-distance{white-space:nowrap;color:#e6cf96;font-size:11px}
.network-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.network-action{display:inline-block;border:1px solid rgba(200,169,110,.42);color:#e6cf96;text-decoration:none;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.network-action:hover{background:#c8a96e;color:#070807}
.network-empty{padding:28px 18px;text-align:center;color:#8f9089;line-height:1.7}
.network-detail{margin-top:18px;padding:22px;border:1px solid rgba(200,169,110,.27);background:#0d100e}.network-detail h2{text-transform:uppercase;letter-spacing:.06em}.network-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.network-detail-field{padding:12px;background:#090b0a;border:1px solid rgba(255,255,255,.06)}.network-detail-field label{display:block;color:#817f76;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.network-detail-field strong{font-size:13px}
@media(max-width:980px){.network-console{grid-template-columns:1fr}.network-map-frame{min-height:520px}.network-side{min-height:0}.network-results{max-height:none}.network-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.network-page{padding:38px 12px 65px}.network-controls{grid-template-columns:1fr}.network-controls .network-btn{width:100%}.network-range-control{gap:6px}.network-map-frame{min-height:410px}.network-map-hud{top:12px;left:12px;width:165px;padding:10px}.network-legend{right:12px;bottom:12px}.network-detail-grid{grid-template-columns:1fr}.network-marker{width:18px;height:18px}.network-marker:before{width:27px}.network-marker:after{height:27px}}

.network-leaflet-map{position:absolute;inset:0;z-index:1;background:#050706}
.network-leaflet-map .leaflet-tile-pane{filter:grayscale(1) sepia(.35) saturate(.7) brightness(.38) contrast(1.3)}
.network-leaflet-map .leaflet-control-attribution{background:rgba(5,7,6,.72)!important;color:#74756f!important;font-size:8px!important}
.network-leaflet-map .leaflet-control-attribution a{color:#aa9160!important}
.network-leaflet-map .leaflet-control-zoom a{background:#090b0a!important;color:#d4b66e!important;border-color:rgba(200,169,110,.35)!important}
.network-leaflet-map .leaflet-pane,.network-leaflet-map .leaflet-top,.network-leaflet-map .leaflet-bottom{z-index:2}
.tactical-div-icon{background:transparent!important;border:0!important}
.leaflet-tactical-marker{display:block;position:relative;width:26px;height:26px;border:2px solid #d5af57;border-radius:50%;background:rgba(7,9,8,.86);box-shadow:0 0 0 5px rgba(213,175,87,.14),0 0 22px rgba(213,175,87,.6)}
.leaflet-tactical-marker:before,.leaflet-tactical-marker:after{content:"";position:absolute;background:#d5af57;left:50%;top:50%;transform:translate(-50%,-50%)}
.leaflet-tactical-marker:before{width:38px;height:1px}.leaflet-tactical-marker:after{width:1px;height:38px}
.leaflet-tactical-marker.team{border-color:#e35d41;box-shadow:0 0 0 5px rgba(227,93,65,.14),0 0 22px rgba(227,93,65,.65)}
.leaflet-tactical-marker.team:before,.leaflet-tactical-marker.team:after{background:#e35d41}
.leaflet-tactical-marker.selected{transform:scale(1.25);box-shadow:0 0 0 8px rgba(230,207,150,.18),0 0 34px currentColor}
.network-map-frame .leaflet-container{font-family:"Saira",Arial,sans-serif}


/* V31 USA BMX track layer */
.network-filter.track.active{background:#367fa9;color:#fff;border-color:#5ca7d2}
.legend-dot.track{border-color:#5ca7d2;background:rgba(54,127,169,.3)}
.leaflet-tactical-marker.track{width:18px;height:18px;border-color:#5ca7d2;background:rgba(7,12,15,.9);box-shadow:0 0 0 4px rgba(92,167,210,.12),0 0 16px rgba(92,167,210,.58)}
.leaflet-tactical-marker.track:before,.leaflet-tactical-marker.track:after{background:#5ca7d2}
.leaflet-tactical-marker.track:before{width:28px}.leaflet-tactical-marker.track:after{height:28px}
.network-result.track:hover,.network-result.track.selected{border-color:#5ca7d2;background:#0d1519}
.network-result.track .network-type{color:#74bde6}
.network-action.track{border-color:rgba(92,167,210,.55);color:#8acbf0}
.network-action.track:hover{background:#367fa9;color:#fff}
.network-detail-type{color:#c8a96e;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-top:5px}
.network-detail-type.team{color:#e35d41}.network-detail-type.track{color:#74bde6}
.network-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.network-list-note{padding:10px 12px;margin-bottom:8px;border:1px solid rgba(92,167,210,.24);color:#9cb4c1;background:rgba(54,127,169,.07);font-size:10px;line-height:1.5}
.network-source-note{max-width:980px;margin:14px auto 0;color:#747870;font-size:9px;line-height:1.6;text-align:center;letter-spacing:.04em}
.network-popup{min-width:210px;color:#171a18}.network-popup strong{display:block;font:800 14px/1.25 "Saira",Arial,sans-serif;text-transform:uppercase}.network-popup>span{display:block;color:#8a6d34;font:800 9px/1.2 "Saira",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.network-popup.track>span{color:#367fa9}.network-popup.team>span{color:#b84c35}.network-popup p{font:500 11px/1.45 "Saira",Arial,sans-serif;margin:9px 0}.network-popup-actions{display:flex;gap:6px;flex-wrap:wrap}.network-popup .network-action{font-size:8px;padding:6px 7px;background:#fff}.network-popup .network-action:hover{background:#c8a96e}
@media(max-width:700px){.network-source-note{padding:0 8px}.leaflet-tactical-marker.track{width:15px;height:15px}.leaflet-tactical-marker.track:before{width:23px}.leaflet-tactical-marker.track:after{height:23px}}
.network-result:focus-visible{outline:2px solid #e6cf96;outline-offset:2px}