:root{color-scheme:dark;--bg:#020811;--line:rgba(118,184,221,.19);--cyan:#8ce7ff;--muted:#92a9ba;--white:#edf7ff;--gold:#e8b970}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font:13px 'DM Sans',system-ui,sans-serif;background:#020811;color:var(--white)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#app{position:relative;isolation:isolate}#world{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.022) 4px);z-index:2}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;height:88px;padding:23px 34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(2,8,17,.91),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:36px;height:37px;position:relative;border:1.5px solid #8ce7ff;transform:rotate(45deg);border-radius:3px}.brand-mark span{display:block;position:absolute;inset:7px;border:1px solid #8ce7ff;opacity:.8}.brand-mark span:nth-child(2){inset:13px;opacity:1;background:#8ce7ff}.brand-mark span:nth-child(3){inset:2px 15px;opacity:.25}.brand-text{display:flex;flex-direction:column;gap:2px;margin-left:7px}.brand-text strong{font-size:20px;letter-spacing:2px;font-family:'Barlow Condensed',sans-serif;font-weight:800}.brand-text em{font-style:normal;color:var(--cyan);font-weight:400}.brand-text small,.eyebrow,.panel-top small,.section-label,.quality-label,.telemetry small,.selector-title,.identity-stats small,.inspector>small{font-size:9px;letter-spacing:1.9px;font-weight:700;color:var(--muted)}.status-chips{display:flex;align-items:center;gap:18px}.live-chip{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#b6fbe6}.live-chip i,.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#53ecc0;box-shadow:0 0 11px #53ecc0;margin-right:7px;vertical-align:middle}.right-status{font-size:10px;color:#b9cbd7;letter-spacing:1.3px;border-left:1px solid var(--line);padding-left:20px}.identity{position:absolute;z-index:5;left:36px;top:136px;width:325px;pointer-events:none}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2.5px}.identity h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:49px;line-height:.99;letter-spacing:.35px;font-weight:800;margin:15px 0 15px}.identity h1 span{-webkit-text-stroke:1px #e2eff7;color:transparent}.identity p{font-size:12px;line-height:1.85;color:#a7baca;max-width:299px;margin:0}.identity-stats{display:flex;gap:19px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}.identity-stats>div{display:flex;flex-direction:column;gap:7px}.identity-stats b{font:700 26px 'Barlow Condensed',sans-serif}.identity-stats b span{font-size:13px;color:var(--cyan);margin-left:2px}.identity-stats small{font-size:8px;letter-spacing:1px}.panel{position:absolute;z-index:7;right:27px;top:118px;width:303px;max-height:calc(100vh - 234px);overflow-y:auto;background:linear-gradient(145deg,rgba(9,24,39,.94),rgba(4,14,26,.96));border:1px solid rgba(122,186,216,.23);box-shadow:0 12px 70px rgba(0,0,0,.35);backdrop-filter:blur(20px);padding:23px 23px 15px;scrollbar-color:#304c5d transparent;scrollbar-width:thin}.panel::before{content:'';height:2px;background:#76d8f9;position:absolute;top:0;left:0;width:49px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-top h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:27px;letter-spacing:.4px;margin:3px 0 0}.mini-icon{font-size:32px;color:var(--cyan);opacity:.8}.section-label{display:flex;gap:9px;align-items:center;color:#c2d7e2;font-size:9px;margin-top:22px;margin-bottom:12px;white-space:nowrap}.section-label span:first-child{color:var(--cyan)}.section-label .rule{height:1px;width:100%;background:var(--line)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(124,175,205,.11)}.toggle-row b{font-size:11px;font-weight:700}.toggle-row small{display:block;color:#829aad;font-size:10px;margin-top:4px}.switch{position:relative;display:inline-flex;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{display:block;width:34px;height:19px;border-radius:12px;background:#293d4b;border:1px solid #405663;transition:background .2s}.switch span:before{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#839dad;transition:transform .2s}.switch input:checked+span{background:#175e6c;border-color:#3eabc0}.switch input:checked+span:before{background:#97efff;transform:translateX(15px);box-shadow:0 0 8px #71dcf2}.slider-head,.quality-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.slider-head{font-size:11px}.slider-head strong,.quality-label span{color:var(--cyan);font-size:11px}input[type=range]{width:100%;accent-color:#7ee5f9;margin:16px 0 6px;height:3px;cursor:pointer}.quality-label{margin:16px 0 12px}select{width:100%;padding:10px 12px;background:#102538;color:#b9dbeb;border:1px solid var(--line);outline:none}.action-row{display:flex;gap:7px;margin-top:16px}.action-row button{flex:1;border:1px solid var(--line);background:#123249;color:#cae8f2;padding:11px 5px;font-size:10px;font-weight:700;letter-spacing:.5px}.action-row button:hover{background:#185a73}.panel-footer{font-size:8px;color:#7294a9;line-height:1.7;border-top:1px solid var(--line);padding-top:15px;margin-top:17px;letter-spacing:.7px}.panel-footer .pulse-dot{width:5px;height:5px;margin-right:6px}.view-selector{position:absolute;z-index:6;left:50%;bottom:92px;transform:translateX(-50%);background:rgba(5,18,30,.9);border:1px solid rgba(128,193,220,.2);backdrop-filter:blur(18px);padding:14px 18px 15px;min-width:515px}.selector-title{text-align:center;color:var(--cyan);font-size:9px;margin-bottom:10px}.selector-title span{font-size:17px;margin-right:6px}.view-buttons{display:flex;gap:5px}.view-buttons button{padding:10px 13px;border:1px solid transparent;background:rgba(95,141,166,.1);color:#9aaeba;font:600 9px 'DM Sans',sans-serif;letter-spacing:1px;white-space:nowrap}.view-buttons button.active,.view-buttons button:hover{background:rgba(44,156,187,.24);border-color:#4b99ae;color:#bdf4ff}.telemetry{z-index:6;position:absolute;bottom:0;left:0;right:0;min-height:58px;display:flex;align-items:center;gap:35px;padding:9px 34px;background:rgba(3,11,20,.94);border-top:1px solid rgba(104,160,198,.16)}.telemetry>div{display:flex;flex-direction:column;gap:3px}.telemetry small{color:#7292a7;font-size:8px;letter-spacing:1.4px}.telemetry strong{font-size:11px;letter-spacing:.5px;color:#dbf6ff}.telemetry .help{margin-left:auto;font-size:9px;color:#738a98;letter-spacing:.4px;display:block}.help span{color:#bdd9e8;margin-right:7px}.inspector{position:absolute;z-index:7;left:36px;bottom:205px;width:315px;background:rgba(4,20,32,.95);border:1px solid rgba(103,206,236,.27);padding:22px;box-shadow:0 0 40px #0009}.inspector:before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:#70d9ed}.inspector h3{font:700 28px 'Barlow Condensed',sans-serif;margin:9px 0 6px;letter-spacing:.5px}.inspect-type{font-size:11px;color:#7ee1fa}.inspector p{font-size:11px;line-height:1.7;color:#b1c7d4;margin:14px 0}.inspector #inspect-size{font-size:10px;color:#d7b67b;border-top:1px solid var(--line);padding-top:13px}.inspector button{position:absolute;right:12px;top:10px;background:none;color:#aac4d0;border:0;font-size:20px}.hidden{display:none!important}.loading{position:absolute;z-index:20;inset:0;background:radial-gradient(circle at 55% 40%,#10283d 0,#071422 40%,#01060c 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.loading-logo{font-size:78px;color:#7ae6ff;filter:drop-shadow(0 0 23px #00aaff)}.loading h2{font:700 29px 'Barlow Condensed',sans-serif;letter-spacing:3px;margin:11px 0 0}.loading p{color:#95b1c1;font-size:12px}.loading-track{width:270px;height:2px;background:#274256;margin:22px 0 8px;overflow:hidden}.loading-track div{height:100%;width:45%;background:#6cdafc;animation:loading 1.2s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(140%)}}#load-state{font-size:9px;letter-spacing:2px;color:#5bb2d1}.error-screen{position:absolute;z-index:21;inset:0;background:#041421;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.error-screen p{max-width:600px;line-height:1.7;color:#c8dde9}.error-screen code{background:#123249;padding:3px 5px}
@media(max-width:1100px){.identity{top:118px;width:250px}.identity h1{font-size:36px}.identity p{font-size:10px}.panel{width:260px;right:15px;padding:17px;top:102px}.view-selector{bottom:80px;min-width:0}.view-buttons button{padding:9px 7px}.telemetry .help{display:none}}
@media(max-width:700px){.topbar{height:64px;padding:13px}.brand-text strong{font-size:16px}.brand-text small{font-size:7px}.brand-mark{width:27px;height:27px}.status-chips{display:none}.identity{top:74px;left:15px;width:180px}.identity h1{font-size:30px;margin:7px 0}.identity p{display:none}.identity-stats{gap:10px;margin-top:12px;padding-top:10px}.identity-stats b{font-size:18px}.identity-stats small{font-size:6px}.panel{top:74px;width:185px;max-height:calc(100vh - 250px);right:9px;padding:11px}.panel-top h2{font-size:18px}.panel-top small,.mini-icon{display:none}.panel-top{margin-bottom:5px}.section-label{font-size:8px;letter-spacing:1px;margin:12px 0 7px}.toggle-row b{font-size:9px}.toggle-row small{display:none}.slider-head{font-size:9px}.panel-footer{display:none}.view-selector{width:calc(100vw - 16px);bottom:72px;padding:9px 6px}.view-buttons{overflow-x:auto}.view-buttons button{flex:1;font-size:8px}.telemetry{padding:8px;gap:15px}.telemetry>div:nth-child(3),.telemetry>div:nth-child(4){display:none}.inspector{left:15px;bottom:157px;width:210px}}
@media(max-height:660px){.panel{top:76px;max-height:calc(100vh - 179px)}.identity{top:94px}.view-selector{bottom:65px}.telemetry{min-height:42px}.panel-top{margin-bottom:3px}.panel-top h2{font-size:22px}.section-label{margin:12px 0 6px}.toggle-row{padding:6px 0}}