:root{color-scheme:dark;--bg:#061421;--panel:#061724ea;--line:#224251;--line2:#1b3544;--text:#ecf9fc;--muted:#8aa7b6;--aqua:#53f0d3;--cyan:#57dbf7;--amber:#f9c67a;--danger:#f7847e;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;color:var(--text);background:#051522}button,input{font:inherit}button{cursor:pointer}#application{position:relative;width:100vw;height:100vh;min-height:580px}#viewport{position:absolute;width:100%;height:100%;display:block;touch-action:none}#application:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 10%,#07142366 100%);z-index:1}#topbar{position:absolute;z-index:5;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#04121df5,#0b1e2bdb,#04121df5);border-bottom:1px solid #2a4b58;box-shadow:0 6px 32px #0003;padding:0 29px}.brand{display:flex;align-items:center;gap:15px}.brand-logo{width:42px;height:42px;border:1px solid #6de9d8aa;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(#1ba9a24f,transparent 65%)}.brand-logo:before,.brand-logo:after{content:"";position:absolute;border:1px solid #57ebd7aa;width:27px;height:27px;border-radius:50%}.brand-logo:after{width:11px;height:11px}.brand-core{height:38px;width:1px;background:#5eeacf;transform:rotate(42deg)}.eyebrow{font-size:9px;letter-spacing:2px;color:#81afb9;font-weight:800}.sep{color:#ffcb88;padding:0 4px}.brand-name{margin-top:3px;font-size:20px;font-weight:850;letter-spacing:1.4px}.brand-name em{font-style:normal;color:var(--aqua)}.brand-name small{font-size:9px;border:1px solid #356071;border-radius:4px;padding:4px 5px;margin-left:5px;color:#a1c0ca;vertical-align:middle}.topcenter{display:flex;align-items:center;gap:12px;color:#b4d3db;font-size:10px;letter-spacing:1.3px;font-weight:700}.online-indicator{width:6px;height:6px;border-radius:50%;background:#60f8b8;box-shadow:0 0 12px #58f8b8}.header-divider{height:14px;border-left:1px solid #4a6470;margin:0 12px}.topactions{display:flex;align-items:center;gap:12px}.tag{font-size:10px;color:#a4c4d0;letter-spacing:1px;border:1px solid #3b5761;padding:9px 12px;border-radius:4px}.tag b{color:#d3eee8}.iconbtn{border:1px solid #31505c;background:#102a3b;color:#d3eee8;border-radius:5px;padding:5px 11px;font-size:21px}.panel{position:absolute;top:92px;bottom:86px;z-index:4;overflow:auto;scrollbar-width:thin;scrollbar-color:#315466 transparent;border:1px solid #345264aa;background:linear-gradient(150deg,#071b2af4,#071722ef);backdrop-filter:blur(18px);box-shadow:0 19px 70px #0007}#leftpanel{left:18px;width:296px;border-radius:8px}#rightpanel{right:18px;width:307px;border-radius:8px}.panel-inner{padding:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:17px;margin:4px 0 0;font-weight:760}.live{font-size:9px;color:#5df2b5;background:#0b3f3890;border:1px solid #237463;border-radius:3px;padding:5px 7px;letter-spacing:1px}.sys-led{color:#50e9b1;font-size:19px}.route-card{background:linear-gradient(130deg,#13384a,#102a3a 60%,#103d42);border:1px solid #2b6173;border-radius:6px;padding:13px;margin-bottom:21px}.route-meta,.route-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8cc5d0}.route-name{font-size:13px;letter-spacing:.75px;font-weight:750;margin:13px 0 14px}.route-name strong{color:#45e0c6;padding:0 4px}.route-progress{height:5px;border-radius:4px;background:#2b5060;overflow:hidden}.route-progress span{display:block;height:100%;width:16.7%;border-radius:4px;background:linear-gradient(90deg,#3dc9c6,#75f8c8);box-shadow:0 0 12px #45e3b5}.route-foot{margin-top:10px;font-size:10px}.route-foot b{color:#70f6d0}.subsection-title{font-size:10px;font-weight:850;color:#d5ebee;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin:18px 0 13px;border-bottom:1px solid var(--line)}.subsection-title span{font-size:9px;color:#668895;font-weight:600}.slider-group{margin:15px 0}.slider-group label{display:flex;justify-content:space-between;align-items:center;color:#b3c9d0;font-size:11px}.slider-group label strong{color:#f4fefe;font-size:12px;font-variant-numeric:tabular-nums}.slider-group input{height:5px;accent-color:#56e5d2;width:100%;margin:12px 0 2px;cursor:pointer}.scale{display:flex;justify-content:space-between;color:#517988;font-size:8px;letter-spacing:.7px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctlbtn{background:#123040;border:1px solid #315568;border-radius:5px;color:#d0e9ef;padding:12px 5px;font-size:10px;font-weight:850;letter-spacing:.4px;transition:background .15s,border-color .15s}.ctlbtn:hover,.viewbtn:hover{background:#1a5363;border-color:#70d9ca}.ctlbtn.primary{background:#115847;border-color:#27b08c;color:#d1ffef}.ctlbtn.accent{background:#62411f;border-color:#986b35;color:#ffd69a}.ctlbtn.active{background:#123c5b;border-color:#61bde1}.warp{margin-top:17px}.footer-action{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:16px;gap:10px}.reset-btn{border:0;background:transparent;color:#78b6c5;font-size:10px;white-space:nowrap;letter-spacing:.5px;font-weight:650}.footer-action>span{font-size:8px;color:#668a9c;text-align:right}.footer-action strong{color:#cbe7e6}.hero-stat{padding:14px 15px 8px;border:1px solid #305465;border-radius:6px;background:linear-gradient(130deg,#123246cc,#0b2331);margin-bottom:14px}.stat-label{font-size:9px;letter-spacing:1.3px;color:#99c1d0;display:flex;justify-content:space-between}.stat-label span{color:#58d9c7}.big-value{margin-top:6px;display:flex;align-items:baseline;gap:8px;font-size:40px;letter-spacing:-1px;color:#f4fbff;font-weight:760}.big-value .unit{font-size:16px;color:#7baab4;font-weight:450}.sparkline{height:47px}.sparkline canvas{width:100%;height:47px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric{border:1px solid #294858;border-radius:5px;padding:12px 10px;background:#0b2231a8}.metric>div:first-child{font-size:9px;color:#83a5af;letter-spacing:1px}.metric strong{display:block;margin:9px 0 3px;font-size:22px;letter-spacing:-.6px}.metric strong span{font-size:11px;color:#a6c1c9;font-weight:500}.metric-sub{font-size:9px;color:#5ed7b6;letter-spacing:1px}#tensionState.alarm{color:#f3ad72}.radar-wrap{border:1px solid #2c5361;border-radius:6px;background:#061825;padding:6px 7px 12px}#routeMap{width:100%;height:145px;display:block}.radar-legend{display:flex;justify-content:space-around;align-items:center;color:#95b4bd;font-size:9px;margin-top:6px;gap:4px}.radar-legend span{white-space:nowrap}.radar-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;vertical-align:middle}.events{overflow:auto;max-height:180px;scrollbar-width:thin}.event{font-size:10px;color:#9fc2cd;padding:10px 3px 10px 0;border-bottom:1px solid #223847;display:flex;align-items:flex-start;gap:7px;line-height:1.45}.event .time{color:#517b8b;min-width:39px;font-variant-numeric:tabular-nums;font-size:9px}.event .level{font-size:8px;font-weight:800;color:#57debb}.event.warn .level{color:#f4af76}.event .eventmsg{flex:1}#viewHUD{pointer-events:none;position:absolute;top:86px;bottom:80px;left:328px;right:323px;z-index:2}.view-ribbon{display:flex;align-items:center;gap:13px;background:#061c29bc;border:1px solid #2a5363;padding:12px 17px;border-radius:4px;width:max-content;margin:14px auto;color:#b0cad3;font-size:10px;letter-spacing:1px}.ribbon-title{color:#e0f7f5;font-weight:700}.ribbon-title i{display:inline-block;background:#55eac5;width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px #52eac5;margin-right:5px}.ribbon-divider{height:14px;border-left:1px solid #40616b}.crosshair{position:absolute;left:50%;top:50%;width:56px;height:56px;border:1px solid #c1f5e148;border-radius:50%;transform:translate(-50%,-50%)}.crosshair:after,.crosshair:before{content:"";background:#b8eade99;position:absolute;left:50%;top:50%;width:14px;height:1px;transform:translate(-50%,-50%)}.crosshair:after{transform:translate(-50%,-50%) rotate(90deg)}.crosshair div{position:absolute;inset:17px;border:1px solid #c2f5e148;border-radius:50%}.scale-label{position:absolute;bottom:17px;font-size:9px;letter-spacing:1.3px;color:#b1cfd9}.scale-label span{display:block;color:#769cad;margin-top:5px}.scale-left{left:0}.scale-right{right:0;text-align:right}.scale-right strong{color:#5debbe}.notice{position:absolute;top:72px;left:50%;transform:translateX(-50%);padding:11px 18px;color:#ffd5aa;background:#503719d9;border:1px solid #ab7036;border-radius:5px;white-space:nowrap;font-size:12px}#bottomHud{position:absolute;z-index:5;bottom:0;left:0;right:0;height:75px;background:#061824ef;border-top:1px solid #31525f;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:20px}.modes{display:flex;gap:4px}.viewbtn{border:1px solid #244858;color:#9dbbc6;background:#0b2735;font-size:9px;letter-spacing:.5px;padding:12px 10px;border-radius:4px;white-space:nowrap;font-weight:750}.viewbtn.selected{border-color:#62d8bc;background:#134838;color:#82f5dc}.viewbtn span{margin-left:4px}.statsstrip{display:flex;align-items:center;gap:17px;color:#7193a0;letter-spacing:.5px;white-space:nowrap;font-size:9px}.statsstrip b{display:block;color:#e9fbf7;margin-top:5px;font-size:11px}.statsstrip .fps b{color:#74e8c6}.shortcuts{font-size:9px;color:#70939d;white-space:nowrap}.shortcuts b{color:#c0d4d9}.dialog{position:fixed;z-index:12;inset:0;background:#020911cc;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(7px)}.dialog-card{background:#0b2635;border:1px solid #4b8f9a;border-radius:10px;max-width:450px;padding:29px;box-shadow:0 20px 70px #000c}.dialog-card h2{font-size:17px;letter-spacing:2px}.dialog-card p{line-height:1.75;color:#afcbd2;font-size:13px}.dialog-card button{margin-top:12px;padding:13px 26px}.hidden{display:none!important}.fatal{position:absolute;z-index:20;inset:15%;background:#18212b;border:2px solid #fa706d;border-radius:8px;padding:35px;font:14px/2 monospace;color:#ffd0c8}@media(max-width:1240px){#rightpanel{width:263px}#leftpanel{width:256px}#viewHUD{left:277px;right:275px}#bottomHud .shortcuts{display:none}.panel-inner{padding:14px}}@media(max-width:950px){#rightpanel{display:none}#leftpanel{width:265px}#viewHUD{left:274px;right:12px}.topcenter{display:none}.statsstrip span:nth-child(2),.statsstrip span:nth-child(3){display:none}}@media(max-width:650px){#leftpanel{top:78px;bottom:74px;width:205px;left:0;border-radius:0}.panel-inner{padding:10px}#topbar{height:70px;padding:0 11px}.brand-name{font-size:14px}.brand-logo{width:28px;height:28px}.tag{display:none}#viewHUD{left:211px;right:5px}.view-ribbon{font-size:8px;padding:8px 5px}.ribbon-divider,#camReadout,.scale-label{display:none}#bottomHud{height:70px;padding:0 4px}.viewbtn{font-size:10px;padding:12px 7px}.viewbtn span{display:none}.statsstrip{gap:7px}.statsstrip span:not(.fps){display:none}.big-value{font-size:27px}.section-heading h2{font-size:14px}}