:root{font-family:'DM Sans',Inter,Arial,sans-serif;color:#eff4f7;background:#071018;font-size:12px;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:670px;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;transition:background .16s,border-color .16s,transform .16s}button:active{transform:scale(.97)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;background:linear-gradient(#8fabbc 0%,#d7e0e2 50%,#58716e 100%)}.atmosphere{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background-image:repeating-linear-gradient(100deg,transparent 0px,transparent 17px,#b6e0ec45 18px,transparent 20px);background-size:240px 280px;animation:storm 1.3s linear infinite}.atmosphere.snow{opacity:.3;background-image:radial-gradient(#fff8 1px,transparent 2px);background-size:25px 31px;animation:storm 10s linear infinite}.atmosphere.rain{opacity:.38}.atmosphere.storm{opacity:.65}@keyframes storm{to{background-position:-200px 400px}}.topwash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#081723ad 0%,transparent 28%,transparent 56%,#09141bd9 97%)}.frosted{background:#091722df;border:1px solid #a5cad91f;box-shadow:0 20px 48px #0005;backdrop-filter:blur(20px)}.main-header{position:absolute;top:0;left:0;right:0;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #e7fcff19;background:#0b17238f;z-index:2}.brand{display:flex;align-items:center;gap:17px}.brand-mark{width:46px;height:46px;border:1px solid #a3f0ed8c;display:flex;gap:5px;align-items:center;justify-content:center;transform:rotate(45deg)}.brand-mark span{height:18px;width:3px;display:block;background:#b4e4e2}.brand-mark span:nth-child(2){height:28px;background:#e6bd75}.brand-mark span:nth-child(3){height:18px}.brand-mark span{transform:rotate(-45deg)}.brand-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;letter-spacing:3px;line-height:1;font-weight:600}.brand-title b{color:#d9b67b;font-weight:700}.brand-sub{font-size:9px;letter-spacing:1.7px;color:#b2bdc5;margin-top:6px}.brand-sub span{color:#daba7c}.main-nav{display:flex;gap:2px;margin-left:15px}.nav-btn{background:transparent;border:0;color:#aebdc8;padding:13px 23px;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.nav-btn.current,.nav-btn:hover{background:#ffffff10;color:#fff;border-bottom:2px solid #e6bd80}.header-status{display:flex;align-items:center;gap:9px;color:#c0d6d8;font-size:10px;font-weight:700;letter-spacing:1.1px}.header-status small{font-size:9px;color:#829baa;border:1px solid #ffffff24;border-radius:3px;padding:7px 10px;margin-left:12px}.live-bullet,.indicator.green{color:#6dd8a9}.live-bullet{background:#4fd1a5;width:7px;height:7px;border-radius:50%;box-shadow:0 0 13px #4ad9ad}.left-panel{position:absolute;left:36px;top:113px;width:320px;max-height:calc(100% - 355px);min-height:412px;padding:25px 27px;overflow:auto}.panel-kicker{display:block;color:#79d0d0;font-size:9px;font-weight:700;letter-spacing:2px}.left-panel h1{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;font-size:33px;font-weight:700;margin:7px 0 2px}.subline{color:#b5c5c7;font-size:9px;font-weight:600;letter-spacing:1.4px}.subline span{color:#dcb57b;margin:0 7px}.hero-speed{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:21px;gap:8px}.hero-value{font-family:'Barlow Condensed',Impact,sans-serif;font-size:98px;font-weight:500;line-height:.86;letter-spacing:-2px;color:#f6fafb;font-variant-numeric:tabular-nums}.hero-mph{padding-bottom:8px}.hero-mph>span{font-family:'Barlow Condensed',sans-serif;color:#7ecbcb;letter-spacing:1.1px;font-size:19px}.hero-mph>div{margin-top:11px;font-size:10px;color:#8da3af;white-space:nowrap}.hero-mph b{color:#f1f4f2}.horizontal-meter{height:4px;background:#53626d67;margin-top:18px;position:relative}.meter-bar{height:100%;background:linear-gradient(90deg,#7ecacb,#d7bb7e);width:0;transition:width .2s}.meter-ruler{position:absolute;display:flex;justify-content:space-between;width:100%;top:-5px}.meter-ruler i{height:14px;border-left:1px solid #bed0d54d}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;margin-top:28px}.stat-grid label{display:block;color:#7d9aa8;font-size:9px;letter-spacing:1.4px;margin-bottom:6px}.stat-grid strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;font-weight:600;line-height:1}.stat-grid strong small{font-size:12px;color:#c1d0d7}.divider-line{height:1px;background:#bbcbd127;margin:23px 0 20px}.region-name{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:25px;margin:7px 0}.region-meta{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:#a9bdc6}.micro-status{margin-top:21px;color:#d6c19a;font-size:9px;letter-spacing:1px}.right-panel{position:absolute;top:113px;right:36px;width:315px;display:flex;flex-direction:column;gap:13px}.map-panel{padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;letter-spacing:.4px;font-weight:600;margin:5px 0}.map-distance{font-family:'Barlow Condensed',sans-serif;font-size:26px;color:#d6bb88}.map-distance small{font-size:13px;color:#a1b2c0}.map-panel canvas{width:100%;height:185px;border:1px solid #a8dae91c;display:block;background:radial-gradient(ellipse at 30% 70%,#304954 0%,#101f2c 80%);cursor:crosshair}.map-key{display:flex;align-items:center;gap:14px;color:#a1b5c2;font-size:9px;margin-top:12px}.map-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.cyan{background:#7ac7cf}.gold{background:#e6bc77}.tag-outline{margin-left:auto;color:#7c99a7;font-size:7px;border:1px solid #94aeba3c;padding:5px}.context-card{padding:20px}.next-stop{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:600;margin:9px 0 8px}.context-row{display:flex;justify-content:space-between;font-size:11px;color:#afbdc9}.context-progress{height:2px;margin-top:15px;background:#63859251}.context-progress div{height:100%;width:14%;background:#ddb67a}.scene-controls{position:absolute;left:36px;bottom:220px;display:flex;gap:8px;align-items:center}.scene-btn{background:#0c1a23de;border:1px solid #b8d4e344;padding:10px 13px;color:#d6e0e4;font-size:10px;letter-spacing:1.2px;backdrop-filter:blur(6px)}.scene-btn:hover{background:#264450}.badge-location{color:#dfedf3b0;font-size:9px;letter-spacing:1.4px;margin-left:12px}.bottom-hud{position:absolute;left:36px;right:36px;bottom:76px;padding:15px 22px 18px}.console-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #b6ced52c}.console-desc{display:block;font-size:9px;color:#92a5b4;margin-top:5px;letter-spacing:.5px}.console-indicators{display:flex;align-items:center;gap:19px;font-size:9px;letter-spacing:.9px;color:#8ba6b5}.indicator{color:#d7b47d}.console-content{display:grid;grid-template-columns:1.2fr 1fr 1fr .75fr;gap:21px;margin-top:16px;align-items:center}.driver-buttons{display:flex;gap:8px}.primary-btn{border:1px solid #6dc5c17d;background:#1a69695d;color:#b3f3e8;padding:12px 13px;font-weight:700;font-size:10px;letter-spacing:.4px;white-space:nowrap}.primary-btn:not(.active){background:#1e2b34;color:#c0d3db;border-color:#ffffff35}.emergency-btn{background:#9e3e3c29;border:1px solid #da7b7b89;color:#ffa0a2;font-size:9px;font-weight:700;padding:10px;white-space:nowrap}.emergency-btn.pressed{background:#c44e4d;color:#fff}.control-block{min-width:0}.range-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.range-title label{color:#91a8b7;font-size:9px;letter-spacing:.8px}.range-title b{font-size:11px;font-weight:600;color:#d4c097}.control-block input{width:100%;accent-color:#a2d5cb;cursor:pointer}.toolstrip{position:absolute;bottom:17px;left:36px;right:36px;min-height:46px;display:flex;gap:16px;padding:8px 17px;align-items:center;justify-content:space-between}.strip-section{display:flex;align-items:center;gap:14px;min-width:0}.toolstrip .panel-kicker{font-size:8px;white-space:nowrap;color:#7e9daa}.segmented{display:flex;gap:2px;background:#040b10a8;padding:2px}.segmented button{border:0;padding:7px 9px;background:transparent;color:#8cabb8;font-size:9px;white-space:nowrap}.segmented .chosen{color:#eafdf9;background:#2a6862}.toolstrip select,.toolstrip #throw-switch{height:29px;max-width:190px;background:#132833;color:#cde0e3;border:1px solid #68819174;padding:5px 7px;font-size:9px;cursor:pointer}.toolstrip #throw-switch{background:#4b3b26;color:#f0c788;border-color:#95744a}.bottom-watermark{position:absolute;bottom:0;right:41px;font-size:8px;color:#8daab0;letter-spacing:1.4px;transform:translateY(-3px)}.bottom-watermark span{color:#9bdcc1}.dialog-backdrop{position:absolute;inset:0;background:#08101dba;z-index:15;display:flex;align-items:center;justify-content:center}.dialog-backdrop[hidden]{display:none}.dialog{width:min(590px,90vw);max-height:76vh;overflow:auto;padding:24px}.dialog-head{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding-bottom:12px}.dialog-head h2{font-family:'Barlow Condensed',sans-serif;font-size:29px;margin:0}.dialog-head button{border:0;background:none;color:white;font-size:30px}.dialog p,.dialog li{color:#b6c4cd;font-size:12px;line-height:1.9}.dialog table{border-collapse:collapse;width:100%;margin-top:14px}.dialog th,.dialog td{border-bottom:1px solid #ffffff1e;padding:12px;text-align:left;font-size:11px}.dialog th{color:#71c3c0;font-size:9px;letter-spacing:1px}.boot-screen{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#1a3541 0%,#09141c 70%);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}.boot-screen.done{opacity:0;pointer-events:none}.boot-logo{font-family:'Barlow Condensed',sans-serif;font-size:76px;font-weight:500;letter-spacing:18px}.boot-logo span{color:#dbba7c}.boot-title{font-family:'Barlow Condensed',sans-serif;font-size:27px;letter-spacing:10px;margin-top:10px}.boot-note{font-size:10px;letter-spacing:3px;color:#83acbd;margin-top:23px}.boot-progress{width:240px;height:2px;background:#2c5362;margin-top:24px}.boot-progress div{height:100%;background:#dfbb7a;width:65%;animation:load 3s ease-in-out forwards}@keyframes load{0%{width:4%}100%{width:100%}}
@media(max-width:1100px){.right-panel{width:260px;right:16px}.left-panel{left:16px;width:270px}.main-header{padding:0 18px}.main-nav{display:none}.bottom-hud{left:16px;right:16px}.toolstrip{left:16px;right:16px;gap:8px}.toolstrip .panel-kicker{display:none}.console-content{grid-template-columns:1.5fr 1fr 1fr .55fr;gap:9px}.driver-buttons{flex-wrap:wrap}.scene-controls{left:16px}}@media(max-width:750px){html,body,#app{min-height:650px}.main-header{height:65px}.brand-title{font-size:20px}.brand-sub{display:none}.header-status small{display:none}.left-panel{top:78px;width:205px;min-height:0;max-height:300px;padding:14px}.left-panel h1{font-size:24px}.hero-value{font-size:63px}.stat-grid{gap:12px}.stat-grid strong{font-size:21px}.right-panel{top:78px;width:185px}.map-panel{padding:10px}.map-panel canvas{height:110px}.card-heading h2{font-size:19px}.context-card{padding:10px}.next-stop{font-size:20px}.map-key{display:none}.bottom-hud{bottom:90px;padding:12px}.console-content{grid-template-columns:1fr 1fr}.console-head{display:none}.toolstrip{bottom:6px;flex-wrap:wrap;justify-content:flex-start}.strip-section{gap:5px}.strip-section.last{display:none}.scene-controls{bottom:310px}.badge-location{display:none}}