:root{--bg-dark: #050607;--panel-bg: rgba(10, 12, 15, .92);--border-color: #1e262c;--text-main: #d8dde2;--text-muted: #5c6a76;--accent-fast: #ff2f6d;--accent-safe: #15ffb9;--accent-scenic: #29b3ff;--map-water: #081e29;--map-park: #072018;--map-road: #1a242b;--map-road-outline: #000;--map-building: #14191d;--map-centerline: #2e3f48;--map-label-bg: rgba(0,0,0,.35);--zone-scenic: rgba(20,60,45,.35);--zone-scenic-edge: rgba(40,120,85,.28);--zone-comfort: rgba(35,45,60,.28);--zone-comfort-edge: rgba(55,70,100,.22)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Space Mono,monospace;height:100vh;overflow:hidden;display:grid;grid-template-columns:380px 1fr;grid-template-rows:auto 1fr;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.mobile-control-strip,.sidebar-toggle{display:none}nav{position:fixed;top:0;width:100%;background:#050505f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;grid-column:1 / -1}.nav-container{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.logo{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:2px;border:1px solid white;padding:5px 15px;cursor:none;transition:all .3s ease}.logo:hover{box-shadow:0 0 15px #fff9,0 0 25px #ffffff4d}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;text-transform:uppercase;transition:.3s;cursor:none;padding:5px 10px}.nav-links a:hover{color:#fff;text-decoration:line-through;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5)}.menu-toggle{display:none;background:none;border:1px solid white;color:#fff;padding:5px 10px;cursor:none;transition:all .3s ease}.menu-toggle:hover{box-shadow:0 0 15px #fff9,0 0 25px #fff6;border-color:#ffffffe6}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.7,0,.3,1)}.loader-text{font-family:Oswald,sans-serif;font-size:4rem;font-weight:700;letter-spacing:5px;color:#fff;display:flex;align-items:center}.cursor{width:15px;height:60px;background:var(--accent-safe);margin-left:10px;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.loader-content{width:80%}.loader-logo{width:60px;height:60px}.loader-text{font-size:2.5rem;letter-spacing:2px}.loading-percent{font-size:1rem}}#dashboard{padding:0;margin:0;max-width:100%;border:none;position:relative}.dashboard-wrapper{display:grid;grid-template-columns:380px 1fr;height:100vh;max-height:900px;overflow:hidden}aside,.dashboard-sidebar{background:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;z-index:100;box-shadow:10px 0 50px #00000080;overflow-y:auto;margin-top:80px;grid-column:1;grid-row:2}.brand{font-family:Oswald,sans-serif;font-size:2rem;letter-spacing:2px;margin-bottom:.5rem;color:#fff}.status-badge{display:inline-block;font-size:.7rem;padding:2px 8px;background:#00ffaa1a;border:1px solid var(--accent-safe);color:var(--accent-safe);border-radius:2px;margin-bottom:2rem}.control-group{margin-bottom:2rem}.group-title{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:8px}.group-title:after{content:"";flex:1;height:1px;background:var(--border-color)}.route-card{background:#ffffff08;border:1px solid var(--border-color);padding:1rem;margin-bottom:.8rem;cursor:none;transition:all .2s ease;position:relative;overflow:hidden}.route-card:hover{background:#ffffff0d;transform:translate(5px);box-shadow:0 0 15px #ffffff26,inset 0 0 20px #ffffff0d}.route-card.active{background:#ffffff14;border-color:#fff}.route-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.route-card[data-type=fastest].active:before{background:var(--accent-fast)}.route-card[data-type=scenic].active:before{background:var(--accent-scenic)}.route-card[data-type=comfort].active:before{background:var(--accent-safe)}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.route-name{font-family:Oswald,sans-serif;font-size:1.1rem}.route-time{font-weight:700}.route-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:10px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tele-box{background:#000;border:1px solid var(--border-color);padding:10px;text-align:center}.tele-label{font-size:.65rem;color:var(--text-muted);display:block;margin-bottom:5px}.tele-value{font-size:1.2rem;font-weight:700;font-family:Oswald,sans-serif}.console-log{flex-grow:1;background:#000;border:1px solid var(--border-color);padding:10px;overflow-y:auto;font-size:.7rem;color:#666;font-family:Courier New,monospace;margin-top:1rem;max-height:150px}.log-entry{margin-bottom:4px;border-left:2px solid transparent;padding-left:5px}.log-entry.warn{border-color:orange;color:#dca548}.log-entry.info{border-color:var(--accent-scenic);color:#888}main,.dashboard-main{position:relative;background:#080808;overflow:hidden;margin-top:80px;grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}#map-container{width:100%;height:100%}#nav-map{display:block;width:100%;height:100%}.map-bg{fill:#050505}.water-area{fill:var(--map-water)}.park-area{fill:var(--map-park)}.building{fill:var(--map-building);stroke:#1a1a1a;stroke-width:1}.building-3d{fill:#1a1a1a}.road-casing{stroke:#000;stroke-linecap:round;stroke-linejoin:round;fill:none}.road-core{stroke:#1a1a1a;stroke-linecap:round;stroke-linejoin:round;fill:none}.route-path{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 2s ease-out;opacity:.6;filter:blur(1px)}.route-path.active{opacity:1;filter:drop-shadow(0 0 8px currentColor);stroke-dashoffset:0}.road-centerline{stroke:var(--map-centerline);stroke-width:4;stroke-dasharray:14 10;fill:none;opacity:.55}.agent-car .car-body{fill:#f0f3f5;stroke:#111;stroke-width:1}.agent-car .car-cabin{fill:#c9d2d8}.agent-car .car-light{fill:#ffe89a;filter:drop-shadow(0 0 4px #ffd46b)}.agent-car .car-shadow{stroke:#ffffff26;stroke-width:2}.nav-agent{filter:drop-shadow(0 0 6px rgba(255,255,255,.4));transition:opacity .3s ease}.route-status-panel{margin-top:.9rem;background:var(--map-label-bg);border:1px solid rgba(255,255,255,.08);padding:.6rem .7rem;border-radius:5px}.route-status-title{font-size:.6rem;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px}.route-status-text{font-size:.7rem;line-height:1.1;color:var(--text-main);font-family:Space Mono,monospace}.street-label{font-size:12px;fill:#8fa3b0;letter-spacing:1.8px;font-weight:600;paint-order:stroke fill;stroke:#0009;stroke-width:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.street-label:hover{fill:#b5c9d6}.hazard-label{font-size:10px;fill:#d89548;letter-spacing:1.2px;font-weight:500;opacity:.75;stroke:#00000080;stroke-width:2px;paint-order:stroke fill}.scenic-zone{fill:var(--zone-scenic);stroke:var(--zone-scenic-edge);stroke-width:2}.scenic-zone-corridor{fill:var(--zone-scenic);opacity:.35}.comfort-zone{fill:var(--zone-comfort);stroke:var(--zone-comfort-edge);stroke-width:2}.comfort-zone-corridor{fill:var(--zone-comfort);opacity:.25}.route-path#path-scenic.active{stroke:var(--accent-scenic);filter:drop-shadow(0 0 10px rgba(0,180,255,.5)) drop-shadow(0 0 3px rgba(0,180,255,.8))}.route-path#path-comfort.active{stroke:var(--accent-safe);filter:drop-shadow(0 0 6px rgba(21,255,185,.5))}.route-path#path-fastest.active{stroke:var(--accent-fast);filter:drop-shadow(0 0 12px rgba(255,47,109,.55))}.snow,.snow:before,.snow:after{position:absolute;top:-600px;left:0;right:0;bottom:0;content:"";pointer-events:none;background-size:600px 600px;animation:snow 3s linear infinite;background-image:radial-gradient(3px 3px at 40px 120px,#fffc 50%,#0000),radial-gradient(4px 4px at 140px 60px,#ffffffa6 50%,#0000),radial-gradient(2px 2px at 260px 180px,#ffffffe6 50%,#0000),radial-gradient(3px 3px at 320px 40px,#ffffffb3 50%,#0000),radial-gradient(2px 2px at 520px 220px,#fffc 50%,#0000),radial-gradient(3px 3px at 440px 300px,#fff9 50%,#0000),radial-gradient(4px 4px at 200px 280px,#ffffffbf 50%,#0000),radial-gradient(3px 3px at 560px 120px,#ffffffd9 50%,#0000),radial-gradient(2px 2px at 100px 220px,#ffffffa6 50%,#0000),radial-gradient(3px 3px at 300px 520px,#ffffffb3 50%,#0000),radial-gradient(2px 2px at 50px 500px,#fffc 50%,#0000),radial-gradient(4px 4px at 180px 480px,#fff9 50%,#0000),radial-gradient(3px 3px at 400px 520px,#ffffffd9 50%,#0000),radial-gradient(2px 2px at 520px 560px,#ffffffbf 50%,#0000),radial-gradient(3px 3px at 600px 300px,#ffffffa6 50%,#0000)}.snow:after{margin-left:-200px;opacity:.4;animation-duration:6s;animation-direction:reverse;filter:blur(3px)}.snow:before{margin-left:-300px;opacity:.65;animation-duration:9s;animation-direction:reverse;filter:blur(1.5px)}@keyframes snow{to{transform:translateY(600px)}}body.weather-snow .dashboard-main{filter:brightness(.95) contrast(.9) saturate(.85) hue-rotate(-10deg);transition:filter .6s ease}body.weather-snow .live-indicator{background:#a3e8ff;box-shadow:0 0 8px #a3e8ff}.poi-marker{fill:#fff;stroke:#111;stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,255,255,.6));cursor:pointer}.poi-marker.gas{fill:#ffc44d}.poi-marker.charge{fill:#39ffb6}.poi-marker.waypoint{fill:#4db5ff}.poi-label{font-size:9px;font-family:Oswald,sans-serif;fill:#8899a5;letter-spacing:1px}.poi-marker:hover+.poi-label{fill:#d9e2e8}g[data-building].building-near-route rect,g[data-building].building-near-route path{fill:#1f2d33!important;stroke:#2f5564!important}g[data-building].building-near-route{filter:drop-shadow(0 0 6px rgba(80,180,255,.4))}#agent{transition:transform .1s linear;filter:drop-shadow(0 0 10px white)}.hud-widget{position:absolute;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:6px;pointer-events:auto}.weather-control{top:20px;right:20px;width:220px}.weather-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.7rem;color:var(--text-muted);letter-spacing:1px}.live-indicator{width:6px;height:6px;background:red;border-radius:50%;animation:blink 1s infinite}.current-weather{display:flex;align-items:center;gap:15px;margin-bottom:15px}.weather-icon{font-size:2rem;color:#fff}.weather-temp{font-size:2rem;font-family:Oswald,sans-serif;line-height:1}.weather-desc{font-size:.7rem;color:var(--text-muted)}.wx-btn-group{display:flex;flex-direction:row;align-items:center;gap:5px;flex-wrap:nowrap}.wx-btn{background:#222;border:1px solid #333;color:#666;padding:8px;cursor:none;transition:all .2s;font-family:Space Mono,monospace}.wx-btn:hover{color:#fff;background:#333;box-shadow:0 0 10px #ffffff4d,inset 0 0 15px #ffffff1a}.wx-btn.active{background:#fff;color:#000;box-shadow:0 0 15px #fff9,0 0 25px #ffffff4d}#weather-fx{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;transition:opacity 1s;opacity:0}.rain-fx{background-image:repeating-linear-gradient(-60deg,rgba(190,210,255,.18) 0 2px,transparent 2px 7px),repeating-linear-gradient(-60deg,rgba(150,180,230,.12) 0 1px,transparent 1px 5px),linear-gradient(to bottom,#5a78960f,#0000 60%),url(https://assets.codepen.io/13471/rain.png);background-size:220px 120px,160px 80px,auto,auto;background-blend-mode:screen,screen,normal,screen;animation:rain .28s linear infinite}@keyframes rain{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:24% 100%,16% 100%,0 100%,20% 100%}}@media (prefers-reduced-motion: reduce){.rain-fx{animation-duration:1.2s}}.fogwrapper{height:100%;position:absolute;top:0;width:100%;-webkit-filter:blur(1px) grayscale(.2) saturate(1.2) sepia(.2);filter:blur(1px) grayscale(.2) saturate(1.2) sepia(.2)}#foglayer_01,#foglayer_02,#foglayer_03{height:100%;position:absolute;width:200%}#foglayer_01 .image01,#foglayer_01 .image02,#foglayer_02 .image01,#foglayer_02 .image02,#foglayer_03 .image01,#foglayer_03 .image02{float:left;height:100%;width:50%}#foglayer_01{-webkit-animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite;-moz-animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite;animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite}#foglayer_02,#foglayer_03{-webkit-animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite;-moz-animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite;animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite}#foglayer_01 .image01,#foglayer_01 .image02{background:url(https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png) center center/cover no-repeat transparent}#foglayer_02 .image01,#foglayer_02 .image02,#foglayer_03 .image01,#foglayer_03 .image02{background:url(https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog2.png) center center/cover no-repeat transparent}@-webkit-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-moz-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-o-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-webkit-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-moz-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-o-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-webkit-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-moz-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-o-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-webkit-keyframes foglayer_moveme{0%{left:0}to{left:-100%}}@-moz-keyframes foglayer_moveme{0%{left:0}to{left:-100%}}@-o-keyframes foglayer_moveme{0%{left:0}to{left:-100%}}@keyframes foglayer_moveme{0%{left:0}to{left:-100%}}@media only screen and (min-width: 280px) and (max-width: 767px){#foglayer_01 .image01,#foglayer_01 .image02,#foglayer_02 .image01,#foglayer_02 .image02,#foglayer_03 .image01,#foglayer_03 .image02{width:100%}}body.weather-sun .dashboard-main{filter:brightness(1.28) saturate(1.12);transition:filter .6s ease}body.weather-rain .dashboard-main{filter:brightness(.86) contrast(.95) saturate(.88);transition:filter .6s ease}body.weather-fog .dashboard-main{filter:contrast(.85) saturate(.85);transition:filter .6s ease}body.weather-sun .live-indicator{background:#ffd166;box-shadow:0 0 8px #ffd166}body.weather-rain .live-indicator{background:#60a5fa;box-shadow:0 0 8px #60a5fa}body.weather-fog .live-indicator{background:#cbd5e1;box-shadow:0 0 8px #cbd5e1}body.weather-rain #weather-fx{background:radial-gradient(80% 60% at 50% 40%,#0000000f,#00000024 70%,#00000038)}.rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.rain.back-row{bottom:60px;opacity:.5;z-index:1}.drop{position:absolute;bottom:100%;width:16px;height:130px;pointer-events:none;animation:drop .6s linear infinite;filter:drop-shadow(0 0 1px rgba(180,220,255,.2))}@keyframes drop{0%{transform:translateY(-5vh);opacity:0}10%{opacity:1}80%{transform:translateY(92vh);opacity:1}to{transform:translateY(92vh);opacity:0}}.stem{width:2px;height:65%;margin-left:8px;background:linear-gradient(to bottom,#fff0,#c8e6ff6b);animation:stem .6s linear infinite;border-radius:1px}@keyframes stem{0%,70%{opacity:1}85%,to{opacity:0}}.splat{width:16px;height:11px;border-top:2px solid rgba(200,230,255,.45);border-radius:50%;opacity:1;transform:scale(0);animation:splat .6s linear infinite}@keyframes splat{0%{opacity:0;transform:scale(0)}70%{opacity:0;transform:scale(0)}82%{opacity:.7;transform:scale(.9)}90%{opacity:.5;transform:scale(1.2)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion: reduce){.drop,.stem,.splat{animation-duration:1.2s!important}}.street-label{font-size:10px;fill:#444;font-family:Oswald,sans-serif;letter-spacing:1px;text-anchor:middle;pointer-events:none}.poi-marker{cursor:pointer;transition:transform .2s}.poi-marker:hover{transform:scale(1.2)}@media (max-width: 768px){body{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}nav{position:fixed;top:0;z-index:2000}.menu-toggle{display:block;font-size:1rem;padding:6px 10px;cursor:none}.nav-container{padding:.7rem 1rem}.logo{font-size:1rem;padding:3px 8px;letter-spacing:1px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#000000fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid white;flex-direction:column;padding:2rem;gap:1rem}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:1rem;border:1px solid #333;text-align:center;transition:all .3s}.nav-links a:hover,.nav-links a:active{background:#111;border-color:#fff}aside,.dashboard-sidebar{position:fixed;top:56px;left:0;right:0;z-index:999;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .3s ease;padding:0 1rem;border-right:none;border-bottom:1px solid var(--border-color);background:#0c0c0cfa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}aside.expanded,.dashboard-sidebar.expanded{max-height:calc(100vh - 56px);padding:1rem;overflow-y:auto}.brand{font-size:1.1rem;margin-bottom:.5rem}.status-badge{font-size:.6rem;margin-bottom:.8rem;padding:2px 6px}.control-group{margin-bottom:1rem}.group-title{font-size:.7rem;margin-bottom:.7rem}.route-card{padding:.7rem;margin-bottom:.5rem}.route-name{font-size:.9rem}.route-time{font-size:.85rem}.route-meta{font-size:.65rem;gap:8px}.route-meta i{font-size:.6rem}.telemetry-grid{grid-template-columns:repeat(4,1fr);gap:5px}.tele-box{padding:6px 4px}.tele-label{font-size:.55rem;margin-bottom:2px}.tele-value{font-size:.9rem}.console-log{max-height:100px;font-size:.6rem;padding:6px;margin-top:.7rem}.log-entry{margin-bottom:2px}main,.dashboard-main{position:fixed;top:56px;left:0;right:0;bottom:70px;margin:0;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.weather-control{top:8px;right:8px;width:130px;padding:.5rem;background:#0a0a0ad9}.route-status-panel{margin-top:.5rem;padding:.4rem .5rem}.route-status-title{font-size:.5rem}.route-status-text{font-size:.55rem;max-height:3.6em;overflow:hidden;position:relative}.route-status-text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.2em;background:linear-gradient(to bottom,#0a0a0a00,#0a0a0ae6)}.poi-label{display:none}.scenic-zone,.scenic-zone-corridor{opacity:.25!important}.comfort-zone,.comfort-zone-corridor{opacity:.18!important}.weather-header{font-size:.6rem;margin-bottom:6px}.weather-icon,.weather-temp{font-size:1.1rem}.weather-desc{font-size:.6rem}.current-weather{gap:8px;margin-bottom:8px}.wx-btn-group{display:flex;flex-direction:row;gap:3px;flex-wrap:nowrap;justify-content:space-between}.wx-btn{padding:4px 6px;font-size:.7rem}.mobile-control-strip{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0a0a0af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;padding:.5rem;z-index:1000;gap:.5rem}.mobile-control-btn{flex:1;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);padding:.6rem .4rem;font-family:Space Mono,monospace;font-size:.65rem;text-align:center;cursor:none;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-control-btn.active{background:#ffffff1a;border-color:#fff;color:#fff;box-shadow:0 0 10px #fff3}.mobile-control-btn i{font-size:1.1rem}.mobile-control-btn:active{transform:scale(.95)}.sidebar-toggle{position:fixed;top:64px;right:8px;z-index:1001;background:#0a0a0ae6;border:1px solid var(--border-color);color:#fff;padding:8px 12px;font-family:Oswald,sans-serif;font-size:.7rem;cursor:none;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-toggle:active,.sidebar-toggle.active{background:#fff;color:#000}#nav-map{width:100%;height:100%;display:block}main svg{max-width:100%;max-height:100%}.street-label{font-size:7px}circle[cx="50"][cy="750"],circle[cx="1150"][cy="150"]{r:10;stroke-width:3;fill:#fff!important;stroke:#000!important}text[y="780"],text[y="130"]{font-size:14px!important;fill:#fff!important;font-weight:700;text-shadow:0 0 3px black,0 0 6px black}.route-path{stroke-width:8}.route-path.active{stroke-width:10;opacity:.9}.hud-widget:not(.weather-control){display:none}.loader-text{font-size:2.5rem;letter-spacing:3px}.cursor{width:10px;height:40px;margin-left:5px}}@media (max-width: 480px){.nav-container{padding:.6rem .8rem}.logo{font-size:.9rem;padding:3px 7px;letter-spacing:.5px}.menu-toggle{font-size:.9rem;padding:5px 8px}aside.expanded,.dashboard-sidebar.expanded{padding:.8rem}.brand{font-size:1.1rem;margin-bottom:.3rem}.status-badge{font-size:.6rem;padding:1px 6px;margin-bottom:.8rem}.group-title{font-size:.7rem;margin-bottom:.8rem}.route-card{padding:.7rem}.route-name{font-size:.9rem}.route-time{font-size:.85rem}.route-meta{font-size:.65rem;gap:8px}.telemetry-grid{gap:6px}.tele-box{padding:6px}.tele-label{font-size:.55rem}.tele-value{font-size:.9rem}.console-log{max-height:100px;font-size:.6rem;padding:6px}main,.dashboard-main{bottom:65px}.mobile-control-strip{height:65px;padding:.4rem;gap:.4rem}.mobile-control-btn{padding:.5rem .3rem;font-size:.6rem;gap:3px}.mobile-control-btn i{font-size:1rem}.sidebar-toggle{top:58px;padding:6px 10px;font-size:.65rem}.start-marker circle,.target-marker circle{r:18!important;stroke-width:4!important;fill:#0f8!important;stroke:#fff!important;filter:drop-shadow(0 0 8px rgba(0,255,136,1)) drop-shadow(0 0 16px rgba(255,255,255,.6))}.start-marker text,.target-marker text{font-size:16px!important;font-weight:700!important;fill:#fff!important;paint-order:stroke fill;stroke:#000!important;stroke-width:3px!important;text-shadow:0 0 4px black,0 0 8px black}.weather-control{width:auto;padding:.35rem .45rem;top:50px;right:6px;left:auto;background:#050607d9;border:1px solid rgba(255,255,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.weather-header,.current-weather,.route-status-panel{display:none!important}.wx-btn-group{display:flex;flex-direction:row;gap:5px;margin:0}.wx-btn{padding:7px 8px;font-size:.95rem;min-width:auto;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:all .2s ease;color:#ffffffb3}.wx-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6}.wx-btn.active{background:#0f83;border-color:var(--accent-main);color:var(--accent-main);box-shadow:0 0 10px #0f86,inset 0 0 10px #00ff881a}.route-status-panel{padding:.35rem .45rem}.route-status-text{font-size:.5rem;max-height:3.2em}.route-status-text:after{height:1em}.scenic-zone,.scenic-zone-corridor{opacity:.22!important}.comfort-zone,.comfort-zone-corridor{opacity:.15!important}circle[cx="50"][cy="750"],circle[cx="1150"][cy="150"]{r:14;stroke-width:4}circle[cx="50"][cy="750"],circle[cx="1150"][cy="150"]{r:14;stroke-width:4;fill:#fff!important;stroke:#000!important}text[y="780"],text[y="130"]{font-size:16px!important}.route-path.active{stroke-width:12}.weather-header{font-size:.65rem;margin-bottom:8px}.weather-icon{font-size:1.2rem}.weather-temp{font-size:1.1rem}.weather-desc{font-size:.6rem}.current-weather{gap:8px;margin-bottom:8px}.wx-btn{padding:4px 5px;font-size:.65rem}.loader-text{font-size:2rem;letter-spacing:2px}.cursor{width:8px;height:35px}.weather-control .wx-btn-group{flex-wrap:wrap}}@media (min-width: 769px) and (max-width: 1024px){body{grid-template-columns:320px 1fr}aside,.dashboard-sidebar{padding:1.2rem;margin-top:80px}.brand{font-size:1.6rem}.route-card{padding:.9rem}.weather-control{width:200px}.mobile-control-strip,.sidebar-toggle{display:none}}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none;z-index:9998;opacity:.6}#custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:transform .1s ease;mix-blend-mode:difference;display:none}@media (hover: hover) and (pointer: fine){body{cursor:none}#custom-cursor{display:block}}#custom-cursor:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;transform:translate(-50%,-50%);border-radius:50%}