:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f1f4;background:#08131b}*{box-sizing:border-box}body{margin:0}header{height:72px;border-bottom:1px solid #263b46;display:flex;justify-content:space-between;align-items:center;padding:0 26px;background:#0b1a22}.wordmark{display:flex;gap:14px;align-items:center}.square{color:#5bd9d7;font-size:31px}.wordmark b{font-size:18px;letter-spacing:.15em}.wordmark em{font-style:normal;color:#5bd9d7}.wordmark small{display:block;margin-top:4px;letter-spacing:.23em;font-size:9px;color:#7b9ba9}.topstatus{display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:.13em;color:#829da9}.live{color:#6dddb5}main{display:grid;grid-template-columns:minmax(0,1fr) 388px;height:calc(100vh - 72px);min-height:640px}.viewport{position:relative;overflow:hidden;background:#0a222e}#scene{width:100%;height:100%}#scene canvas{display:block}.viewporttools{position:absolute;top:18px;left:18px;display:flex;gap:6px;flex-wrap:wrap}button{cursor:pointer;background:#122c38;border:1px solid #375365;color:#d8e9ec;padding:10px 13px;border-radius:5px;font-size:11px;letter-spacing:.05em}button:hover,button.selected{background:#1d535b;border-color:#49b6b7}.legend{position:absolute;bottom:20px;left:20px;color:#a9c2c7;font-size:10px;letter-spacing:.09em;text-shadow:0 1px 5px #000}.objectInfo{position:absolute;top:65px;left:18px;max-width:350px;padding:12px 14px;background:#081a21dd;border:1px solid #315360;border-radius:5px;font-size:11px;color:#a3c6ce;line-height:1.6}.cornerlabel{position:absolute;bottom:20px;right:20px;font-size:10px;letter-spacing:.18em;color:#8ca5b1}.cornerlabel span{color:#6fd8cf}aside{background:#0c1c26;border-left:1px solid #2a434e;overflow-y:auto;padding:22px 21px}.panelheading{display:flex;justify-content:space-between;align-items:center}.panelheading small{font-size:10px;letter-spacing:.17em;color:#5ec9c8}.panelheading h1{margin:7px 0 17px;font-size:22px;font-weight:570}.mode{font-size:9px;border:1px solid #356b69;color:#68d5ba;padding:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat{background:#142c37;border:1px solid #2b4751;border-radius:5px;padding:12px}.stat small{display:block;color:#779cae;font-size:9px;letter-spacing:.13em}.stat strong{display:block;font-weight:600;font-size:25px;letter-spacing:-.04em;margin-top:8px}.stat span{font-size:10px;color:#7fa7b4}.section{margin-top:24px;border-top:1px solid #28414d;padding-top:16px}h2{font-size:12px;letter-spacing:.1em;font-weight:600;margin:0 0 16px}h2 small{float:right;font-weight:400;font-size:9px;color:#688e9e}.section label{display:flex;justify-content:space-between;color:#bad3db;font-size:11px;margin-top:14px}.section output{color:#62d1ce;font-weight:600}input[type=range]{width:100%;accent-color:#43c5c2;height:16px;margin:5px 0 0}#chart{width:100%;height:125px;background:#102632;border-radius:5px}.chartLabels{display:flex;justify-content:space-between;color:#668896;font-size:9px;margin-top:7px}.balance>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #1e3844;font-size:11px;color:#9dbbc7}.balance b{color:#d5eeeb}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.note{font-size:11px;color:#86a8b8;line-height:1.55}.footer{font-size:9px;line-height:1.6;color:#63838f;margin-top:24px}@media(max-width:960px){main{display:block;height:auto}.viewport{height:65vh;min-height:450px}aside{height:auto}.topstatus{display:none}}@media(max-width:530px){.viewporttools{right:12px}.objectInfo{top:110px;max-width:260px}.cornerlabel{display:none}}