:root{color-scheme:dark;--aqua:#56e7e1;--aqua2:#a3ffff;--paper:#e8f3f4;--muted:#899da8;--line:rgba(152,211,219,.18);--panel:rgba(5,19,30,.89);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{height:100%;width:100%;padding:0;margin:0;overflow:hidden;background:#071a28;color:var(--paper)}button,input{font:inherit}button{cursor:pointer}#view{position:fixed;width:100%;height:100%;display:block;background:linear-gradient(155deg,#6c9caa,#0d3141 64%,#051927);touch-action:none}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.waypoint{position:absolute;white-space:nowrap;transform:translate(-50%,-95%);text-align:center;font-size:10px;letter-spacing:1px;font-weight:700;color:#f2ffff;text-shadow:0 2px 8px #08212d,0 0 8px #001;transition:opacity .2s}.waypoint:after{content:'';display:block;margin:5px auto 0;width:4px;height:4px;border:1px solid #a4fef6;background:#16a2ac;transform:rotate(45deg)}.waypoint span{font-size:9px;display:block;opacity:.6;font-weight:500}.topbar{position:absolute;left:0;right:0;top:0;height:75px;display:flex;align-items:center;padding:0 25px;gap:12px;background:linear-gradient(#061927f5,#061927bb);border-bottom:1px solid var(--line)}.brandmark{font-size:33px;color:#54ede5;filter:drop-shadow(0 0 12px #42ebd7aa)}.brand b{font-size:16px;letter-spacing:3px}.brand b span{font-weight:400;color:#72ded9}.brand small{display:block;margin-top:5px;letter-spacing:1.5px;font-size:9px;color:#8ba7ad}.pulse{display:inline-block;width:6px;height:6px;border-radius:100%;background:#49e6a9;box-shadow:0 0 9px #48e6aa;margin:0 4px 1px 13px}.top-right{display:flex;margin-left:auto;align-items:center;gap:26px}.coords{font-size:12px;letter-spacing:1px;font-weight:bold}.coords span{display:block;color:#829da5;font-size:9px;letter-spacing:2px;margin-top:5px;font-weight:500}.mini-button{border:1px solid var(--line);background:#ffffff08;color:#d7edf0;padding:10px;border-radius:3px;letter-spacing:1px;font-size:10px}.mini-button:hover{background:#2b6473}.panel{position:absolute;top:91px;bottom:24px;background:var(--panel);backdrop-filter:blur(17px);border:1px solid var(--line);box-shadow:0 16px 56px #06131fa0}.leftpanel{width:335px;left:20px;display:flex;flex-direction:column}.section-top{padding:23px 21px 15px}.eyebrow{font-size:9px;color:#55cdd0;font-weight:750;letter-spacing:2.1px}.section-top h2{font-size:20px;letter-spacing:-.5px;font-weight:650;margin:9px 0 7px}.live-pill{vertical-align:middle;margin-left:7px;padding:5px 6px;border:1px solid #32d6a156;border-radius:2px;background:#2cd68c16;color:#55e8b0;font-size:9px;letter-spacing:1px}.live-pill.alert{color:#ffb976;border-color:#ffb97655;background:#ff8c2313}.panel-sub{font-size:10px;color:#8198a3;letter-spacing:.1px}.dot{background:#4b9ba6;width:2px;height:2px;display:inline-block;margin:0 4px;vertical-align:middle}.tab-row{display:flex;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:0 16px}.tab{flex:1;padding:14px 2px;background:transparent;color:#698e9b;border:0;border-bottom:2px solid transparent;font-size:10px;font-weight:700;letter-spacing:1.2px}.tab.active{color:#71efe0;border-bottom-color:#5cefe6}.tab-content{display:none;overflow-y:auto;flex:1;padding:17px 19px 6px;scrollbar-color:#274953 transparent;scrollbar-width:thin}.tab-content.active{display:block}.big-number{background:linear-gradient(130deg,#142b36b8,#15334441);border:1px solid #31505a6a;padding:15px;margin-bottom:14px}.big-number>div:nth-of-type(1){display:flex;gap:9px;align-items:baseline;margin:10px 0 6px}.big-number strong{font-size:33px;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-weight:600;color:#dcf9f7}.big-number small{font-size:12px;color:#80c2c4}.microline{display:flex;justify-content:space-between;font-size:10px;color:#7cb3b8}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{padding:13px;background:#091b2bc9;border:1px solid #36536257;min-height:97px}.metric span{display:block;color:#83a4af;font-size:8px;letter-spacing:.9px;margin-bottom:9px;font-weight:750}.metric b{font-size:22px;color:#e1fbf7;font-weight:600;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#74999f;margin-left:4px}.meter{margin-top:11px;height:3px;background:#20414e;width:100%;overflow:hidden}.meter i{display:block;height:100%;width:50%;background:#50e2d8;transition:width .3s}.meter.amber i{background:#f6ae67}.panel-heading{font-size:10px;letter-spacing:1.3px;font-weight:700;display:flex;justify-content:space-between;margin:22px 0 14px;color:#e1f2f2}.panel-heading span{color:#4e8997;font-size:9px}.ctrl{margin:13px 0 17px}.ctrl-top{display:flex;justify-content:space-between;margin-bottom:9px;color:#b5c8ca;font-size:11px}.ctrl-top strong{font-size:11px;color:#68efe2;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;appearance:none;background:#22414d;accent-color:#69f0e3;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#87fff2;border:2px solid #0c2e38;box-shadow:0 0 0 1px #62e0d4;border-radius:50%;cursor:ew-resize}.bottom-controls{display:flex;gap:8px;margin:20px 0 14px}.action{border:1px solid #355b63;border-radius:2px;background:#102d36;color:#cae6e8;padding:12px 11px;letter-spacing:.8px;font-weight:bold;font-size:10px;flex:1}.action.primary{background:#60d8cc;color:#052534;border-color:#60d8cc}.action:hover,.scenario:hover{filter:brightness(1.2)}.left-footer{padding:12px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6c8d98;font-size:9px;letter-spacing:1px}.rightbox{position:absolute;right:21px;top:92px;background:var(--panel);backdrop-filter:blur(15px);width:245px;padding:21px 19px 23px;border:1px solid var(--line)}.flowline{margin:17px 0 8px 10px;padding-left:17px;border-left:1px solid #3c7881}.flowline>div{position:relative;padding:0 0 22px}.flowline>div:last-child{padding-bottom:2px}.flow-dot{position:absolute;left:-24px;top:0;width:13px;height:13px;background:#1d5d6b;border:2px solid #69dce3;border-radius:50%;box-shadow:0 0 9px #43d5c358}.flow-dot.b{border-color:#7dccd4}.flow-dot.c{border-color:#4df1c8}.flow-dot.d{border-color:#efcb8a}.flowline b{display:block;font-size:9px;letter-spacing:.8px;color:#d6e7e8}.flowline span{font-size:11px;color:#6cbbbb;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.flow-note{font-size:9px;color:#628d99;border-bottom:1px solid var(--line);padding-bottom:13px}.rightbox .panel-heading{margin-top:17px}.check{display:flex;align-items:center;gap:10px;padding:7px 0;color:#bdced0;font-size:11px;cursor:pointer}.check input{accent-color:#60dfd9}.chartpanel{position:absolute;bottom:24px;left:374px;right:290px;height:196px;background:#051827e6;border:1px solid var(--line);padding:15px 18px;backdrop-filter:blur(15px)}.chart-heading{display:flex;justify-content:space-between;align-items:center}.chart-heading b{display:block;font-size:12px;margin-top:7px}.legend{font-size:9px;color:#a6c1c5;white-space:nowrap}.legend i,.legend em{display:inline-block;width:13px;height:2px;background:#66e7d9;vertical-align:middle;margin:0 7px}.legend em{background:#edae62;margin-left:12px}.chartpanel canvas{width:100%;height:105px;display:block;margin-top:5px}.chart-footer{display:flex;justify-content:space-between;letter-spacing:.5px;font-size:9px;color:#7dabb1;border-top:1px solid var(--line);padding-top:9px}.viewtools{position:absolute;right:20px;bottom:24px;display:flex;gap:4px;background:#051827d9;padding:6px;border:1px solid var(--line)}.viewtools button{background:#20414a77;color:#c5eeee;border:1px solid #23505d;width:37px;height:37px;font-size:19px}.viewtools button:hover{background:#397383}.zone-item{border:1px solid #31505a8a;background:#102934;cursor:pointer;padding:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.zone-item b{font-size:11px}.zone-item small{font-size:10px;color:#7fabb1;display:block;margin-top:7px}.zone-item strong{color:#51e3d4;font-size:12px}.zone-item:hover{background:#194451}.panel-note{font-size:11px;line-height:1.7;color:#86a7ad;margin-top:12px}.scenario{background:#102a35;border:1px solid #304957;color:#cce5e6;text-align:left;padding:15px 13px;width:100%;font-size:11px;letter-spacing:.7px;margin-bottom:8px}.scenario small{display:block;color:#789ba4;margin:7px 0 0 22px;font-size:10px;letter-spacing:0}.event-log{font-family:monospace;color:#86c1c4;font-size:10px;line-height:1.8;margin:15px 0;max-height:170px;overflow:auto}.detailpopup{position:absolute;right:21px;top:495px;width:245px;background:var(--panel);border:1px solid #62d2c674;padding:18px;display:none;box-shadow:0 15px 36px #0007}.detailpopup.visible{display:block}.detailpopup h3{font-size:16px;margin:12px 0}.detailpopup p{color:#9bb4ba;font-size:11px;line-height:1.55}.detailpopup #detailstats{font-size:11px;color:#9cdcd8;line-height:1.8}.detailpopup>button{float:right;background:transparent;border:none;color:#a1c4c6;font-size:19px}.helpoverlay,.loading{position:absolute;inset:0;background:#041320e8;display:flex;justify-content:center;align-items:center;z-index:20;backdrop-filter:blur(13px)}.helpoverlay.hidden{display:none}.helpcontent{width:min(560px,90vw);padding:40px 48px;border:1px solid #3e7986;background:linear-gradient(130deg,#163540,#081c2c);box-shadow:0 20px 90px #0008}.helpcontent h1{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.helpcontent p{line-height:1.7;color:#aac2c8}.helprows{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;margin:27px 0}.helprows b{display:block;color:#75e7da;font-size:10px;margin-bottom:6px;letter-spacing:1px}.helprows span{font-size:11px;color:#acc6c8}.closehelp{float:right;background:transparent;color:#cee;border:0;font-size:19px}.loading{z-index:30;flex-direction:column;gap:20px;color:#70dcd8;font-size:10px;letter-spacing:2px;transition:opacity .8s}.loader-circle{font-size:72px;animation:spin 5s linear infinite}.loadingline{width:230px;height:2px;background:#21525c}.loadingline i{display:block;height:100%;background:#5ff3e1;animation:load 2s forwards}@keyframes load{from{width:0}to{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1120px){.rightbox{width:205px}.chartpanel{right:235px}.leftpanel{width:300px}.chartpanel{left:334px}.top-right{gap:10px}.coords{display:none}}@media(max-width:790px){.topbar{height:59px;padding:0 12px}.brand b{font-size:12px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:.3px}.leftpanel{top:auto;left:8px;bottom:8px;height:45vh;width:min(320px,calc(100% - 16px));overflow:hidden}.section-top{padding:12px}.section-top h2{font-size:16px}.tab-content{padding:10px}.rightbox{display:none}.chartpanel{left:8px;right:8px;bottom:calc(45vh + 16px);height:140px;padding:10px}.chartpanel canvas{height:55px}.chart-heading{font-size:9px}.legend{display:none}.chart-footer{font-size:8px}.viewtools{bottom:calc(45vh + 168px);right:8px}.viewtools button{width:30px;height:30px}.detailpopup{top:65px;right:8px;max-width:220px}.top-right .mini-button{padding:6px}.left-footer{padding:6px}}