:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#e3eff5;background:#060e16;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}canvas#view{width:100%;height:100%;display:block;touch-action:none}#vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 37%,rgba(2,8,14,.55) 100%)}.header{height:86px;position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid #55708442;background:linear-gradient(#07131ae8,#0a1624ab);backdrop-filter:blur(12px);z-index:5}.emblem{display:grid;place-content:center;font-size:22px;font-weight:900;line-height:1;letter-spacing:-2px;border:1px solid #36cfcf;width:48px;height:48px;color:#9fe7f4;box-shadow:inset 0 0 20px #00a4b524}.emblem span{font-size:11px;letter-spacing:2px;color:#00d5c7;margin-top:3px}.eyebrow,.panelTitle,.subheading,.inputLabel,.tag,.subtitle,.footer,.minimap>div{font-size:10px;letter-spacing:1.55px;font-weight:700}.eyebrow{color:#39bdc1}.header h1{font-size:25px;line-height:1.2;letter-spacing:2px;margin:3px 0 1px;font-weight:800}.header h1 b{color:#49b8c6;font-weight:400}.subtitle{color:#879cad;font-size:9px;letter-spacing:1px}.dot{display:inline-block;width:4px;height:4px;margin:0 5px 2px;background:#37d0b4;border-radius:50%}.headerRight{margin-left:auto;display:flex;align-items:center;gap:10px;color:#b4d8cb;font-size:10px;letter-spacing:1.4px}.onlineDot{width:8px;height:8px;border-radius:100%;background:#42d8b4;box-shadow:0 0 10px #3ad6bc}.ver{margin-left:20px;color:#708da2}.panel{position:absolute;top:106px;bottom:58px;width:255px;background:#06121ae9;border:1px solid #265061a3;box-shadow:0 16px 55px #0008;backdrop-filter:blur(16px);padding:18px 17px;overflow:auto;scrollbar-width:thin;scrollbar-color:#215061 transparent}.left{left:18px}.right{right:18px}.panelTitle{color:#dae7ea;border-bottom:1px solid #315568;padding-bottom:15px;display:flex;justify-content:space-between}.panelTitle span{color:#36c3c4;font-size:9px}.statGroup{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:18px 0}.stat span{display:block;color:#7795a5;font-size:9px;letter-spacing:1px;margin-bottom:5px}.stat strong{font-size:23px;color:#f2ffff;font-weight:600}.stat strong small{font-size:10px;color:#43bec1}.subheading{padding:16px 0 12px;border-top:1px solid #264655;color:#d4e7ed;font-size:10px}.inputLabel{display:flex;justify-content:space-between;color:#86a4b6;margin-bottom:5px;font-size:9px}.inputLabel output{color:#4cdbd0}input[type=range]{width:100%;height:3px;accent-color:#40c9bc;margin:6px 0 20px}.buttonrow{display:flex;gap:8px;margin:0 0 8px}button{cursor:pointer;font:inherit;background:#112735;color:#cbe9ed;border:1px solid #3d6173;transition:.16s}.buttonrow button{flex:1;padding:9px 4px;font-size:10px;letter-spacing:1px;font-weight:700}button:hover,.views button:hover,button.selected{background:#205566;border-color:#54c3cb;color:white}.layerlist{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.layerlist label{font-size:10px;color:#9bb5be;letter-spacing:1.1px;display:flex;gap:10px;align-items:center;cursor:pointer}.layerlist input{accent-color:#30cbbf}.performance{display:flex;justify-content:space-between;font-size:9px;color:#8faab7;padding:7px 0;border-bottom:1px solid #173748}.performance strong{font-size:11px;color:#a4e0da}.topRight{position:absolute;right:292px;top:108px;display:flex;gap:8px}.tag{background:#091923d4;color:#8fb5c6;border:1px solid #294b5d;padding:9px 10px;font-size:9px}.views{display:flex;flex-direction:column;gap:7px;padding:15px 0}.views button{text-align:left;padding:11px 10px;font-size:10px;color:#47c2c6;font-weight:700;letter-spacing:1px}.views button span{color:#d2e1e8;margin-left:10px;font-weight:500}.views button.selected{background:#155061}#inspect{font-size:11px;min-height:96px;line-height:1.65;color:#8ba5ae}#inspect strong{font-size:12px;color:#4fd1c8;letter-spacing:.8px}#inspect p{margin:5px 0}.meter{margin:6px 0 14px}.meter>div{display:flex;justify-content:space-between;color:#8da8ae;font-size:9px;letter-spacing:1px}.meter b{color:#c3e5e7}.meter i{display:block;height:4px;background:#172f3b;margin-top:8px}.meter u{display:block;height:4px;background:#4dbfbe;box-shadow:0 0 7px #31b8bd}.minimap{position:absolute;bottom:73px;right:292px;width:266px;padding:11px;background:#06151de6;border:1px solid #315462}.minimap canvas{width:244px;height:160px;display:block}.minimap>div{border-top:1px solid #28505c;margin-top:8px;padding-top:8px;color:#85a9b7;font-size:8px;display:flex;justify-content:space-between}.minimap span{color:#40cecd}.footer{position:absolute;bottom:0;left:0;right:0;height:39px;display:flex;align-items:center;justify-content:space-between;background:#06131de8;border-top:1px solid #245366;padding:0 26px;font-size:9px;color:#718c9a}.key{color:#51cac9;border:1px solid #2e626c;padding:4px 6px;margin:0 6px 0 13px}#coords{color:#78b9c3}#notice{position:absolute;top:94px;left:50%;transform:translateX(-50%);pointer-events:none;color:#a7d7da;font-size:10px;letter-spacing:1px}@media(max-width:1100px){.panel{width:217px}.topRight{display:none}.minimap{right:246px}.headerRight .ver{display:none}.footer{font-size:8px}}@media(max-width:720px){.panel{position:absolute;top:auto;bottom:40px;max-height:36vh;width:47%;padding:10px}.left{left:2%}.right{right:2%}.header{height:73px;padding:9px}.header h1{font-size:19px}.headerRight{display:none}.minimap,.footer #coords{display:none}.footer{padding:3px 6px;font-size:7px;white-space:nowrap;overflow:hidden}.key{margin:0 2px}.statGroup{display:none}.topRight{display:none}.views button{padding:6px}.panelTitle{padding-bottom:7px}}