:root{--bg:#06101a;--panel:#081723d9;--line:#224456ae;--line2:#41617474;--text:#dfedf4;--muted:#8da1ae;--bright:#50e6ed;--a:#ffa64c;--green:#86efc6}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030b13;color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4bdeec;outline-offset:2px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;background:radial-gradient(ellipse at center,#0e2940,#040d18 70%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#020b15cc,transparent 24%,transparent 75%,#020b15c7),linear-gradient(0deg,#020b13b5,transparent 24%);opacity:.78}#screenFade{position:fixed;inset:0;background:#05111a;z-index:50;pointer-events:none;opacity:0}#screenFade.flash{animation:flash .85s ease-out}@keyframes flash{0%{opacity:.86}100%{opacity:0}}
.topbar{position:fixed;z-index:25;left:0;top:0;width:100%;height:69px;border-bottom:1px solid var(--line);background:#06131fe8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;min-width:285px}.symbol{height:38px;width:38px;display:grid;place-items:center;font-size:35px;color:var(--bright);line-height:1;border:1px solid #4bdde58f;background:#0b2836}.brand strong{letter-spacing:.12em;font-size:17px;font-weight:760}.brand b{color:#ffaa53}.brand small{display:block;margin-top:5px;color:#80a7b8;font-size:8.5px;letter-spacing:.19em}.top-stats{display:flex;align-items:center;gap:24px;color:#8aa5b5;letter-spacing:.10em;font-size:10px;white-space:nowrap}.top-stats b{color:#c8e9f0}.ok-dot,.green-led{display:inline-block;width:7px;height:7px;background:#73e8bd;border-radius:50%;box-shadow:0 0 11px #7cffe0;margin-right:7px}.top-actions{display:flex;gap:7px}.top-actions button{border:1px solid #294656;background:#102333;color:#d2ebf4;min-width:36px;min-height:31px;padding:0 10px;font-size:11px;font-weight:730;letter-spacing:.08em}.top-actions button:hover{background:#1d4650;border-color:#5ed5da}
.panel{position:fixed;z-index:18;top:69px;bottom:145px;padding:21px 21px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#234958 #071622;background:var(--panel);backdrop-filter:blur(20px);border-color:var(--line)}.leftpanel{left:0;width:305px;border-right:1px solid var(--line)}.rightpanel{right:0;width:286px;border-left:1px solid var(--line)}.panel-kicker,.eyebrow{color:#6be8e8;letter-spacing:.2em;font-size:9px;font-weight:730}.leftpanel h1{font-size:38px;margin:12px 0 10px;line-height:1.09;letter-spacing:-.04em;font-weight:800}.leftpanel h1 em,.welcome-content h2 em{font-style:normal;color:#6be6e5}.leftpanel .desc{font-size:11px;line-height:1.7;color:#a6bdc8;margin:0 0 17px;max-width:250px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #234556;margin-bottom:19px}.stats-grid>div{padding:12px 10px;border-bottom:1px solid #234556;min-width:0}.stats-grid>div:nth-child(odd){border-right:1px solid #234556}.stats-grid>div:nth-last-child(-n+2){border-bottom:0}.stats-grid strong{color:#ecf5fa;font-size:20px;letter-spacing:-.045em;display:block;white-space:nowrap}.stats-grid small{display:block;margin-top:5px;letter-spacing:.09em;color:#6f99ad;font-size:8px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;border-bottom:1px solid #2b4f5d;padding-bottom:9px}.section-title span{font-size:10px;letter-spacing:.17em;font-weight:760}.section-title small{color:#678e9a;font-size:8px;letter-spacing:.05em}.level-list{display:grid;gap:4px}.level-btn{width:100%;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:10px 9px;background:#112532a8;border:1px solid #21404b;color:#b5ccd9;text-align:left;font-size:10px;font-weight:710;letter-spacing:.11em}.level-btn .num{font-size:11px;color:#719bae}.level-btn small{color:#638899;letter-spacing:0;font-size:9px}.level-btn:hover{background:#1a3b45}.level-btn.active{background:#173d49;border-color:#57c9d8;box-shadow:inset 2px 0 #4ee1e5;color:#e5fdff}.level-btn.active .num{color:#6feaf0}.chamber-list{display:grid;gap:4px}.chamber-btn{display:flex;text-align:left;align-items:center;gap:10px;padding:10px 9px;background:#0d2431b8;color:#c9dce4;border:1px solid #244250}.chamber-btn:hover{border-color:#56dce5;background:#173741}.chamber-btn strong{font-size:10px;letter-spacing:.12em}.chamber-btn small{display:block;color:#87a6b2;font-size:8px;margin-top:3px}.chamber-btn .marker{flex:0 0 7px;height:7px;border:1px solid #5af0eb;transform:rotate(45deg)}.chamber-btn .arrow{margin-left:auto;color:#79cfd6}.footer-note{padding:24px 0 10px;color:#517f91;font-size:9px;letter-spacing:.1em;line-height:1.75}
.rightpanel h2{font-size:19px;letter-spacing:.07em;margin:11px 0 17px;display:flex;align-items:center;justify-content:space-between}.rightpanel .sysbar{display:flex;justify-content:space-between;color:#89a8b8;font-size:10px;margin-top:12px;letter-spacing:.09em}.rightpanel .sysbar b{color:#dfebee}.meter{background:#112a38;height:5px;border:1px solid #214754;margin:7px 0 11px}.fill{height:100%;width:var(--w);background:#5de6e9}.fill.orange{background:#ffa559}.fill.teal{background:#8ee5b6}.sliders{display:grid;gap:12px}.sliders label{display:block;font-size:10px;color:#a9c6d1;letter-spacing:.04em}.sliders output{float:right;color:#6fe3eb;font-size:10px;font-weight:700}.sliders input{display:block;width:100%;height:6px;margin:12px 0 0;accent-color:#5bdee6;cursor:pointer}.sliders.compact{gap:10px}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}.button-group button{min-height:36px;border:1px solid #2d5b6a;background:#14313c;color:#bcebf0;font-size:9px;letter-spacing:.06em;font-weight:750;padding:7px}.button-group button:hover{background:#205062;border-color:#5ad6e2}.button-group #alertBtn{color:#ffb37c;border-color:#8d5a40;background:#30231f}.button-group #alertBtn:hover{background:#4a3024}.button-group.secondary{margin-top:7px}.button-group.secondary button{background:#101f2b;color:#93aeba}
.bottom-bar{position:fixed;z-index:19;bottom:0;left:0;width:100%;height:145px;background:#071722ef;border-top:1px solid #2c5260;backdrop-filter:blur(23px);display:flex;gap:21px;align-items:stretch;padding:11px 22px}.radar{position:relative;width:230px;flex-shrink:0;border:1px solid #345a65;overflow:hidden}.radar canvas{width:100%;height:100%;display:block}.map-caption{position:absolute;top:7px;left:9px;pointer-events:none;font-size:9px;letter-spacing:.16em;color:#7dd5d9;background:#071c27ad}.where{padding:7px 7px;flex:1;min-width:200px}.where strong{display:block;font-size:17px;font-weight:750;letter-spacing:.025em;margin:9px 0 6px;white-space:normal}.where small{display:block;font-size:9px;color:#9eb2bc;letter-spacing:.07em}.coordinate{color:#6f9bad;margin-top:14px;font-size:9px;letter-spacing:.16em}.coordinate b{color:#dcf0f1;font-weight:680}.telemetry{padding:8px 15px;border-left:1px solid #214651;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:13px;min-width:225px}.telemetry div span{font-size:9px;color:#6698a9;display:block;letter-spacing:.13em}.telemetry div b{font-size:20px;display:block;margin-top:5px;color:#cceef3}.telemetry>small{grid-column:1/-1;font-size:9px;letter-spacing:.15em;color:#64cbd2}.controls-hint{color:#7f9daa;font-size:10px;line-height:1.85;min-width:214px;margin:8px 0 0 auto;padding:0 0 0 12px;border-left:1px solid #214651}.controls-hint b{font-weight:800;color:#c8edf2}.controls-hint small{color:#5ad3d7;font-size:9px;letter-spacing:.1em}
#crosshair{position:fixed;z-index:8;left:50%;top:49%;width:19px;height:19px;transform:translate(-50%,-50%);pointer-events:none}#crosshair i{position:absolute;background:#a7f7f5;box-shadow:0 0 7px #1cdaf0;width:1px;height:7px;left:9px;top:0}#crosshair i:last-child{transform:rotate(90deg);transform-origin:center 9px}#toast{position:fixed;z-index:60;left:50%;top:94px;transform:translate(-50%,-10px);background:#0d2731ea;border:1px solid #48b6c2;padding:13px 22px;color:#b7eef3;font-weight:730;letter-spacing:.1em;font-size:11px;opacity:0;transition:all .2s;pointer-events:none;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}
#loading{position:fixed;z-index:120;inset:0;background:#04101c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;transition:opacity .9s}.loader-symbol{font-size:100px;line-height:1;color:#71ebeb;text-shadow:0 0 28px #36b8c7}#loading strong{letter-spacing:.28em;font-size:13px}#loading small{letter-spacing:.14em;color:#6e929c;font-size:10px}.loading-track{height:2px;width:280px;margin-top:17px;background:#173846;overflow:hidden}.loading-track i{display:block;width:40%;height:100%;background:#53dbe5;animation:load 1.2s infinite alternate}@keyframes load{to{transform:translateX(200%)}}#loading.loaded{opacity:0;pointer-events:none}.loading-error{line-height:2;color:#ff856e;text-align:center;font-weight:750;letter-spacing:.1em}.loading-error small{display:block;max-width:560px;color:#eabbb2;letter-spacing:0;font-size:12px}
#welcome{position:fixed;inset:69px 0 145px;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .5s;background:radial-gradient(ellipse at 50% 49%,#061928e5 0%,#04111ca4 25%,transparent 60%)}#welcome.gone{opacity:0}#welcome:not(.gone) .welcome-content{pointer-events:auto}.welcome-content{text-align:center;width:min(650px,52vw);padding:45px 24px;background:#05162065;border:1px solid #2d5b6340;box-shadow:0 0 70px #05121c88}.welcome-content .eyebrow{color:#ffb47d}.welcome-content h2{font-size:clamp(31px,4vw,62px);line-height:1.02;letter-spacing:-.04em;margin:17px 0}.welcome-content p{color:#aac9d6;font-size:13px;line-height:1.75;max-width:460px;margin:0 auto 24px}.welcome-content button{background:#64e3e6;color:#092735;border:0;font-weight:830;letter-spacing:.13em;padding:16px 25px;font-size:12px}.welcome-content button:hover{background:white}.welcome-content button span{margin-left:13px;font-size:17px}.welcome-content>small{display:block;font-size:8px;color:#7faebb;letter-spacing:.14em;margin-top:19px}
dialog{background:#0d2331;color:#dfecf2;border:1px solid #397588;max-width:620px;width:calc(100vw - 36px);padding:28px 33px;box-shadow:0 23px 100px #000a}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog h2{font-size:22px;letter-spacing:.1em}dialog p{font-size:12px;line-height:1.7;color:#aac4cf}dialog .close{float:right;border:1px solid #2b5062;background:#163744;color:#d3eef7;font-size:17px;width:31px;height:31px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.help-grid div{padding:12px;border:1px solid #294856;display:flex;justify-content:space-between;gap:12px;font-size:11px}.help-grid b{color:#63e7eb}.help-grid span{color:#a8c3ce;text-align:right}dialog .small{font-size:10px;color:#698e9f}
body.hide-ui .panel,body.hide-ui .topbar,body.hide-ui .bottom-bar,body.hide-ui #welcome,body.hide-ui #crosshair{opacity:0;pointer-events:none}body.hide-ui::after{opacity:0}
@media(max-width:1220px){.leftpanel{width:250px;padding:17px 14px}.rightpanel{width:240px;padding:17px 12px}.leftpanel h1{font-size:31px}.brand{min-width:240px}.top-stats{gap:10px;font-size:9px}.telemetry{display:none}.bottom-bar{gap:12px}.controls-hint{min-width:175px}.welcome-content{width:min(560px,58vw)}}@media(max-width:850px){.top-stats span:not(:first-child){display:none}.leftpanel{width:205px}.rightpanel{width:190px}.rightpanel h2{font-size:15px}.stats-grid strong{font-size:15px}.panel{bottom:126px}.bottom-bar{height:126px;padding:8px 10px}.radar{width:130px}.where strong{font-size:12px}.where small{font-size:8px}.controls-hint{display:none}.welcome-content{width:min(500px,75vw)}.topbar{padding:0 10px}.brand{min-width:200px}.brand strong{font-size:13px}.brand small{font-size:7px}}@media(max-width:620px){.leftpanel{top:69px;bottom:130px;width:155px;padding:12px 8px}.leftpanel h1{font-size:23px}.leftpanel .desc,.stats-grid,.chamber-list,.leftpanel .section-title:nth-of-type(2){display:none}.rightpanel{top:auto;bottom:129px;right:0;height:200px;width:178px;padding:10px}.rightpanel .panel-kicker,.rightpanel h2,.rightpanel .sysbar,.rightpanel .meter,.rightpanel .section-title,.rightpanel .sliders.compact,.rightpanel .button-group{display:none}.rightpanel .sliders{gap:7px}.rightpanel .sliders label{font-size:9px}.rightpanel input{margin:4px 0}.bottom-bar{height:129px}.radar{width:105px}.where{min-width:0}.where strong{font-size:10px}.where .coordinate{font-size:8px}.welcome-content{width:90vw;margin-left:55px;padding:20px 10px}.welcome-content h2{font-size:28px}.welcome-content p{font-size:10px}.top-stats{display:none}.top-actions button span{display:none}}