@import url('data:text/css,');
:root{color-scheme:dark;--ink:#07121b;--panel:rgba(5,18,29,.91);--edge:rgba(125,176,199,.18);--accent:#f1b66e;--sky:#83b9cf;--white:#e7eff3;--muted:#8098a8;--mint:#6fe5d2;--red:#ff7463;font-family:Inter,"Aptos",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#060d17;overflow:hidden;color:var(--white);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
#world{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#world:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,5,12,.25),transparent 22%,transparent 72%,rgba(0,5,12,.52)),linear-gradient(90deg,rgba(4,17,28,.16),transparent 25%,transparent 75%,rgba(3,16,24,.14))}
.masthead{height:76px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:linear-gradient(180deg,rgba(4,15,24,.95),rgba(4,15,24,.7));border-bottom:1px solid var(--edge);z-index:5;gap:12px;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:13px;min-width:290px}.brandmark{height:45px;width:46px;border:1px solid rgba(255,193,103,.65);display:grid;place-items:center;position:relative;color:var(--accent);font-size:28px;font-weight:900;font-style:italic}.brandmark i{position:absolute;width:5px;height:13px;background:#ffb759;right:-4px;bottom:-5px;transform:rotate(35deg)}.brandname{font-size:19px;font-weight:900;letter-spacing:.11em}.brandname span{color:var(--accent)}.subbrand{font-size:9px;color:#a2b1bb;letter-spacing:.24em;margin-top:5px;font-weight:700}.head-meta{display:flex;align-items:center;gap:24px}.pill{font-size:10px;font-weight:800;letter-spacing:.15em}.pill-live{color:#bce8d8;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:#70e9c2;box-shadow:0 0 0 5px rgba(73,225,170,.1)}.hud-label{font-size:9px;letter-spacing:.1em;color:#8294a0}.hud-label strong{display:block;color:#d0dfe8;font-size:12px;font-weight:800;margin-top:3px}.actions{display:flex;gap:8px}.actions button{border:1px solid var(--edge);background:rgba(22,38,52,.72);color:#dce8f0;padding:10px 13px;font-size:11px;letter-spacing:.05em;font-weight:750}.actions .export{border-color:#d99d5c;color:#ffd099;background:rgba(95,62,28,.26)}.actions button:hover,.resetCamera:hover{background:rgba(109,153,180,.2)}
.panel{background:var(--panel);border:1px solid var(--edge);box-shadow:0 12px 65px rgba(0,0,0,.24);backdrop-filter:blur(19px)}.nav-panel{position:absolute;left:22px;top:99px;width:274px;padding:21px;z-index:4}.microheader{font-weight:850;color:var(--accent);font-size:9px;letter-spacing:.19em}.nav-panel h2,.right-panel h2{font-size:21px;line-height:1.1;margin:11px 0 9px;letter-spacing:-.03em}.soft{color:var(--muted)}.small{font-size:11px;line-height:1.6;margin:0 0 15px}.locations{display:flex;flex-direction:column;gap:5px}.location{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:1px solid transparent;color:#9db0bd;text-align:left;padding:9px 10px;font-size:12px}.location span.icon{font-size:15px;color:var(--sky);width:22px;text-align:center}.location .arrow{margin-left:auto;opacity:0;font-weight:700}.location:hover{border-color:var(--edge);color:#edf6fb;background:rgba(88,145,169,.09)}.location.active{border-color:rgba(241,182,110,.34);background:linear-gradient(90deg,rgba(241,182,110,.13),rgba(0,0,0,0));color:#ffe0b6}.location.active .arrow{opacity:1;color:var(--accent)}.separator{height:1px;background:var(--edge);margin:18px 0}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;cursor:pointer}.switchrow strong{display:block;font-size:12px;font-weight:750}.switchrow small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.switchrow input{position:absolute;opacity:0}.switch{width:36px;height:19px;background:#415260;border:1px solid #6a7d87;border-radius:20px;flex-shrink:0;position:relative}.switch:before{content:"";position:absolute;background:#d2e6ec;border-radius:100%;left:2px;top:2px;width:13px;height:13px;transition:.16s}.switchrow input:checked+.switch{background:#417f78;border-color:var(--mint)}.switchrow input:checked+.switch:before{transform:translateX(17px);background:#a8fff1}.layer-notice{font-size:9px;letter-spacing:.17em;color:var(--mint);margin:17px 0 0}.keys{color:#8298a9;font-size:11px;display:grid;grid-template-columns:72px auto;gap:8px;align-items:center;margin:14px 0}.keys span{background:rgba(138,164,186,.1);border:1px solid rgba(138,164,186,.2);text-align:center;padding:4px;color:#cad9e2;font-size:10px;font-weight:800}.resetCamera{background:rgba(241,182,110,.06);color:#edc18c;font-size:10px;border:1px solid rgba(241,182,110,.25);width:100%;padding:10px;margin-top:6px;font-weight:800;letter-spacing:.09em}
.scene-legend{position:absolute;left:342px;top:124px;z-index:3;max-width:520px;pointer-events:none;text-shadow:0 2px 15px rgba(3,13,24,.8)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.24em;color:#a3c3d4}.eyebrow span{color:var(--accent);margin:0 8px}.scene-legend h1{margin:10px 0 9px;font-size:clamp(35px,3vw,60px);font-weight:860;letter-spacing:-.06em;line-height:1}.scene-legend h1 em{font-style:normal;color:var(--accent)}.scene-legend p{font-size:13px;line-height:1.65;color:#c9d9df;max-width:350px;margin:0 0 17px}.scene-tags{display:flex;flex-wrap:wrap;gap:8px}.scene-tags span{border:1px solid rgba(214,231,235,.2);background:rgba(5,22,34,.37);padding:7px 9px;font-size:9px;letter-spacing:.1em;color:#d9eaf0;font-weight:700}.coordinates{position:absolute;left:343px;bottom:135px;display:flex;align-items:center;gap:8px;color:#d8ecf0;font-size:10px;letter-spacing:.12em;z-index:3}.cross{font-size:25px;color:var(--mint)}.coordinates-end{opacity:.62;margin-left:12px}
.right-panel{position:absolute;right:18px;top:99px;bottom:111px;width:346px;padding:19px 19px 14px;z-index:4;display:flex;flex-direction:column;min-height:0}.right-head{display:flex;justify-content:space-between;align-items:center}.right-head h2{margin-bottom:15px}.statusBadge{font-size:9px;letter-spacing:.08em;border:1px solid rgba(98,210,178,.4);background:rgba(65,156,131,.14);color:#86ebc6;padding:7px 8px;font-weight:850}.output-card{border:1px solid rgba(241,182,110,.26);padding:16px 15px;background:linear-gradient(145deg,rgba(219,155,74,.13),rgba(15,38,49,.4));margin-bottom:12px}.output-label{font-weight:750;font-size:10px;letter-spacing:.13em;color:#eec69c;display:flex;justify-content:space-between}.output-label span{font-size:15px}.output-number{font-feature-settings:'tnum';font-variant-numeric:tabular-nums;margin:7px 0 13px;display:flex;align-items:baseline;gap:8px}.output-number>span:first-child{font-size:47px;font-weight:760;letter-spacing:-.075em;line-height:1}.output-number .unit{font-size:14px;color:var(--accent);font-weight:800}.power-track{height:5px;background:rgba(231,238,235,.12);overflow:hidden}.power-track div{height:100%;width:0;background:linear-gradient(90deg,#b97439,#ffc77e);transition:width .3s}.power-foot{margin-top:9px;display:flex;justify-content:space-between;color:#8c9fab;font-size:9px;letter-spacing:.07em}.power-foot strong{color:#f7cc92}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(176,213,230,.13);margin-bottom:13px}.metric-grid>div{background:rgba(7,20,31,.95);padding:10px 12px}.metric-grid span{font-size:9px;letter-spacing:.075em;color:#8295a4;display:block;margin-bottom:7px}.metric-grid strong{font-size:19px;color:#deedf3;font-variant-numeric:tabular-nums}.metric-grid small{font-size:10px;color:#839aaa;margin-left:5px}.section-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#a2bac9;font-weight:850;margin:2px 0 11px}.section-header span:last-child{color:var(--accent)}.heat-grid{display:grid;grid-template-columns:1fr 13px 1fr 13px 1fr;align-items:center;gap:1px;text-align:center;padding:9px 4px;background:rgba(86,122,147,.09);border:1px solid var(--edge);margin-bottom:16px}.heat-grid small{font-size:8px;display:block;color:#879dad;letter-spacing:.06em}.heat-grid strong{display:block;font-size:18px;color:#eec594;margin-top:5px;letter-spacing:-.04em}.heat-arrow{font-size:17px;color:#668b9d}.slider-heading{font-size:10px;font-weight:850;color:#d8ecf0;letter-spacing:.14em;border-bottom:1px solid var(--edge);padding-bottom:10px}.controls{overflow-y:auto;min-height:50px;flex:1;margin:0 -8px 0 0;padding-right:7px;scrollbar-width:thin;scrollbar-color:#405565 transparent}.slideritem{margin:14px 0 17px}.slideritem label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#afc0ca;font-weight:650}.slideritem output{font-size:11px;color:#f9c98b;font-variant-numeric:tabular-nums}.slideritem input[type=range]{appearance:none;-webkit-appearance:none;height:3px;border-radius:2px;width:100%;background:linear-gradient(90deg,#efaa65 var(--fill,50%),#344656 var(--fill,50%));margin:15px 0 1px;cursor:pointer}.slideritem input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:#ffd49a;border-radius:50%;border:2px solid #1b2d38}.slideritem input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#ffd49a;border-radius:50%;border:2px solid #1b2d38}.hint{font-size:9px;color:#738998;margin-top:4px}.selectrow{display:flex;align-items:center;justify-content:space-between;margin:13px 0;gap:8px}.selectrow label,.checkboxline{font-size:11px;color:#bed0dc}.selectrow select{background:#102837;color:#e7eff3;border:1px solid #2a5062;padding:7px 4px;font-size:11px}.checkboxline{display:flex;gap:8px;align-items:center;margin:15px 0}.checkboxline input{accent-color:#74dac8}.footer-controls{display:flex;gap:8px;border-top:1px solid var(--edge);padding-top:13px;margin-top:10px}.footer-controls button{flex:1;background:rgba(28,51,65,.75);border:1px solid var(--edge);color:#c6d8e1;padding:10px;font-size:11px;font-weight:800;letter-spacing:.1em}.footer-controls button:hover{background:rgba(235,170,103,.13)}
.bottom-panel{position:absolute;bottom:17px;left:22px;right:18px;height:81px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:13px 23px;gap:20px}.bottom-stat{min-width:168px}.bottom-stat span,.spark span{color:#8199aa;font-size:9px;font-weight:760;letter-spacing:.12em;display:block}.bottom-stat strong{font-size:18px;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.spark{display:flex;align-items:center;gap:16px;border-left:1px solid var(--edge);padding-left:21px;margin-left:auto}.spark strong{display:block;margin-top:7px;color:#96dfd9;font-size:11px}#sparkline{width:210px;height:48px}.perf{display:grid;gap:4px;color:#7196a6;font-size:9px;letter-spacing:.1em;text-align:right;border-left:1px solid var(--edge);padding-left:14px}
#toast{position:absolute;left:50%;bottom:119px;transform:translateX(-50%);padding:10px 18px;z-index:10;font-size:11px;font-weight:700;letter-spacing:.03em;opacity:0;transition:opacity .2s;background:rgba(4,18,27,.92);border:1px solid var(--edge);pointer-events:none}#toast.show{opacity:1}
.loadscreen{z-index:20;position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#233440,#05101a 76%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s}.loadscreen.hidden{opacity:0;pointer-events:none}.load-logo{height:95px;width:95px;border:2px solid #f5b970;display:grid;place-items:center;font-size:61px;font-weight:900;color:#f5c38a;font-style:italic}.load-logo span{font-size:15px;position:absolute;transform:translate(31px,33px);font-style:normal}.load-title{font-size:16px;font-weight:900;letter-spacing:.28em;margin:33px 0 26px}.loadingline{height:2px;width:250px;background:#203544}.loadingline i{display:block;width:70%;height:2px;background:var(--accent);animation:load 1.4s infinite}.load-note{font-size:9px;color:#849da9;letter-spacing:.16em;margin-top:23px;text-align:center;max-width:90vw}@keyframes load{from{transform:translateX(-20%)}to{transform:translateX(80%)}}
@media(max-width:1320px){.head-meta{display:none}.scene-legend{left:320px;max-width:370px}.scene-legend h1{font-size:40px}.scene-tags{display:none}.bottom-stat{min-width:123px}.bottom-stat strong{font-size:15px}.spark{gap:8px}.spark canvas{width:160px!important}}
@media(max-width:1040px){.nav-panel{top:90px;width:225px;left:12px;padding:13px}.right-panel{right:10px;width:300px;top:90px}.scene-legend{left:260px;max-width:270px}.scene-legend h1{font-size:32px}.scene-legend p{display:none}.coordinates{left:259px}.bottom-panel{left:12px;right:10px;padding:10px;height:75px;gap:10px}.spark{display:none}}
@media(max-width:740px){.masthead{padding:0 13px;height:61px}.brandmark{width:34px;height:34px;font-size:19px}.brandname{font-size:15px}.subbrand{font-size:7px}.actions button span{display:none}.actions button{padding:8px}.brand{min-width:unset}.nav-panel{left:8px;top:69px;width:180px;max-height:43vh;overflow:auto;padding:10px}.nav-panel h2{font-size:15px}.nav-panel .soft,.nav-panel .keys,.nav-panel .resetCamera{display:none}.nav-panel .location{font-size:10px;padding:6px 4px}.right-panel{right:7px;top:69px;bottom:92px;width:195px;padding:10px}.right-panel h2{font-size:16px}.output-number>span:first-child{font-size:32px}.metric-grid strong{font-size:14px}.metric-grid span{font-size:7px}.heat-grid strong{font-size:12px}.heat-grid small{font-size:7px}.heat-grid{gap:0}.right-head .microheader{font-size:7px}.scene-legend{top:49vh;left:11px;right:210px}.scene-legend h1{font-size:28px}.scene-legend .eyebrow{font-size:8px}.coordinates{display:none}.bottom-panel{height:75px;bottom:8px;left:7px;right:7px;overflow:hidden}.bottom-stat span{font-size:7px}.bottom-stat strong{font-size:11px}.bottom-stat{min-width:0;flex:1}.perf{display:none}}