:root{color-scheme:dark;font-family:Inter,Arial,system-ui,sans-serif;color:#e9f2fa;background:#060c16}*{box-sizing:border-box}body{padding:0;margin:0;overflow:hidden;user-select:none}button,input{font:inherit}button{cursor:pointer}canvas{display:block;position:fixed;inset:0;width:100%;height:100%;outline:0}.vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 53% 48%,transparent 34%,#02050c9d 100%)}.brandbar{position:fixed;top:0;left:0;right:0;height:78px;display:flex;align-items:center;gap:15px;padding:0 30px;background:linear-gradient(#07101fdf,#07101f00);pointer-events:none}.brandicon{color:#52efff;font-size:33px;border:1px solid #5fe9ff70;width:49px;height:49px;text-align:center;line-height:47px;transform:rotate(0deg)}.eyebrow,.kicker,.panel-heading{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#82a6b5}.point{color:#d79b59}.brandname{font-size:20px;letter-spacing:3px;font-weight:800;margin-top:4px}.brandname span{color:#7de9ff}.status{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#bad1db}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7cf0d3;box-shadow:0 0 14px #58ffe7;margin-right:6px}.status #fps{font-weight:400;color:#7e96a1}.panel{position:fixed;top:96px;left:24px;bottom:50px;width:340px;max-height:calc(100vh - 150px);padding:24px;overflow-y:auto;border:1px solid #2f5466a0;border-radius:3px;background:linear-gradient(150deg,#081523ed,#07111cf0);box-shadow:0 15px 60px #000b;scrollbar-width:thin;scrollbar-color:#315368 transparent;transition:transform .3s,opacity .3s}.panel.collapsed{transform:translateX(-380px);opacity:0;pointer-events:none}.panel-top,.inspect-head,.ctrl-title,.switchrow,.navfoot{display:flex;align-items:center;justify-content:space-between}.iconbutton,.inspect-head button{border:0;background:none;color:#acc9d6;font-size:23px;padding:0 5px}.section-title{font-size:21px;line-height:1.3;font-weight:800;letter-spacing:1.3px;margin:23px 0 12px}.section-title span{color:#75d9ee}.description{font-size:12px;line-height:1.7;color:#91acbb}.metric-row{display:flex;justify-content:space-between;margin-top:23px}.metric-row>div{display:flex;flex-direction:column;gap:5px}.metric-row strong{font-size:20px;font-weight:700;letter-spacing:1px}.metric-row strong span{color:#58bcd0;font-size:12px}.metric-row small{font-size:9px;letter-spacing:1.1px;color:#6e94a2}.divider{height:1px;background:linear-gradient(90deg,#375a70,transparent);margin:22px 0}.panel-heading{font-size:10px;color:#b8d6e4}.control{margin-top:21px}.ctrl-title{gap:10px}.ctrl-title label{font-size:12px;font-weight:650;color:#d5e6f0}.ctrl-title output{font-size:12px;font-weight:800;color:#65dfff}.control>small{display:block;margin-top:3px;font-size:10px;color:#7895a2}input[type=range]{width:100%;accent-color:#64dcf5;height:5px;margin:10px 0 1px;cursor:pointer}.switchrow{margin:16px 0;color:#b4cad5;font-size:11px}.switch{position:relative;width:34px;height:17px;cursor:pointer}.switch input{opacity:0}.switch i{position:absolute;inset:0;border-radius:12px;border:1px solid #476172;background:#203744;transition:.2s}.switch i:after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#7f9caa;transition:.2s}.switch input:checked+i{background:#167f92;border-color:#45c8e0}.switch input:checked+i:after{left:18px;background:#d6fcff}.buttons{display:grid;gap:7px;margin-top:18px}button:not(.iconbutton){transition:background .15s,border-color .15s,color .15s}button:focus-visible{outline:2px solid #6bdaf5;outline-offset:3px}.buttons button{border:1px solid #365466;background:#102739;padding:11px;color:#b8d4e3;letter-spacing:1.5px;font-size:10px;font-weight:750}.buttons .primary{background:linear-gradient(90deg,#0c819a,#0c5e79);border:1px solid #3cc5df;color:#e8fcff}.buttons button:hover,.tourgrid button:hover,.modebutton:hover{border-color:#6eeaff;color:white}.tourpanel{position:fixed;right:24px;bottom:64px;width:292px;border:1px solid #355569aa;padding:19px;background:#081420e8;backdrop-filter:blur(14px)}.tourgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:15px}.tourgrid button{border:1px solid #294456;background:#0b1a28;color:#9eb6c7;padding:11px 6px;font-size:10px;text-align:left;letter-spacing:.4px}.tourgrid button.active{border-color:#51bdd7;background:#173849;color:#eefbff}.navfoot{margin-top:12px;gap:8px}.modebutton{background:none;border:1px solid #355268;color:#a4c0cf;padding:9px 7px;font-size:10px;letter-spacing:.5px;flex:1}.navhint{line-height:1.55;color:#72909f;font-size:10px;margin-top:12px}.inspect{position:fixed;right:24px;top:96px;padding:18px 20px;background:#091521d9;border:1px solid #365b6d;width:292px;min-height:151px}.inspect-head{gap:8px}.inspect #inspectName{color:#f0fbff;font-size:15px;font-weight:760;margin:16px 0 9px}.inspect p{font-size:11px;color:#9eb8c6;line-height:1.6;margin:0 0 14px}.inspect-id{font-size:9px;letter-spacing:1.5px;color:#64bed5}.hud-bottom{position:fixed;bottom:14px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#748f9e;pointer-events:none}.tab{position:fixed;top:110px;left:0;background:#0b2636;border:1px solid #4286a2;border-left:0;padding:14px;color:#b4e1eb;font-size:11px;letter-spacing:1px}.hidden{display:none!important}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#73ebff99;opacity:0;pointer-events:none}body.fly #crosshair{opacity:1}#toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);padding:9px 16px;color:#d4faff;background:#092e3cdd;border:1px solid #3b9bb2;letter-spacing:1px;font-size:11px;opacity:0;transition:.3s;pointer-events:none}#toast.show{opacity:1}#loading{position:fixed;inset:0;background:#030914;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9dcbd8;font-size:11px;letter-spacing:3px;z-index:12;transition:opacity .9s}#loading b{color:#e8faff}#loading small{font-size:9px;letter-spacing:2px;color:#668b99}.loader-mark{font-size:92px;color:#65d6eb;filter:drop-shadow(0 0 20px #20b9d088)}.load-bar{width:220px;height:2px;margin-top:12px;background:#17303c}.load-bar i{display:block;height:100%;width:100%;background:#76e4ee;animation:fill 1.2s ease-out}@keyframes fill{from{width:0}to{width:100}}@media(max-height:740px){.panel{top:79px;max-height:calc(100vh - 110px);bottom:26px}.inspect{top:79px}.tourpanel{bottom:40px}}@media(max-width:1050px){.panel{width:300px;left:10px;padding:16px}.tourpanel{right:10px;width:250px}.inspect{right:10px;width:250px}.brandbar{padding:0 12px}.brandname{font-size:16px}}@media(max-width:700px){.brandbar{height:56px}.brandicon{width:33px;height:33px;line-height:31px;font-size:24px}.brandname{font-size:12px;letter-spacing:1px}.eyebrow{font-size:7px;letter-spacing:1px}.status{display:none}.panel{left:0;top:60px;bottom:180px;width:min(310px,80vw);max-height:calc(100vh - 240px)}.inspect{top:66px;right:5px;width:180px;padding:12px}.tourpanel{bottom:29px;right:5px;padding:10px;width:min(275px,65vw)}.tourgrid button{padding:8px 3px;font-size:9px}.hud-bottom{left:5px;bottom:6px;right:5px;font-size:7px}.hud-bottom span:nth-child(2){display:none}}