:root{--accent:#63dbda;--text:#e8f3fa;--muted:#91a7b8;--glass:rgba(7,17,28,.86);--stroke:rgba(178,224,244,.17)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07111c;font-family:'DM Sans',system-ui,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}#world{display:block;width:100vw;height:100vh;outline:none;touch-action:none}.grain{pointer-events:none;position:fixed;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");z-index:1}.topbar{position:fixed;left:0;right:0;top:0;z-index:10;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.top-left,.top-right{display:flex;align-items:center;gap:14px;pointer-events:auto}.brand{width:42px;height:42px;border:1px solid var(--stroke);border-radius:13px;background:rgba(12,26,42,.85);display:grid;place-items:center;font-size:20px;color:var(--accent);font-weight:700;box-shadow:0 8px 24px #0005}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;color:var(--accent)}h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:20px;letter-spacing:-.5px;margin:3px 0 0;font-weight:700}.micro-pill{border:1px solid var(--stroke);background:rgba(8,24,39,.76);backdrop-filter:blur(20px);border-radius:999px;padding:10px 15px;color:#ccdfec;font-size:11px;letter-spacing:.45px;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;background:#52e0a4;border-radius:50%;margin-right:8px;box-shadow:0 0 11px #52e0a4}#status[data-kind='warning'] .live-dot{background:#ffce72;box-shadow:0 0 10px #ffce72}#status[data-kind='bad'] .live-dot{background:#ff6f81;box-shadow:0 0 10px #ff6f81}.sidebar{position:fixed;top:108px;left:30px;bottom:30px;width:322px;border:1px solid var(--stroke);border-radius:20px;background:var(--glass);backdrop-filter:blur(25px);z-index:5;display:flex;flex-direction:column;box-shadow:0 28px 80px #0005;transition:transform .25s,opacity .25s;overflow:hidden}.panel-hidden .sidebar{transform:translateX(-365px);opacity:0;pointer-events:none}.sidebar-top{padding:22px 23px 17px;border-bottom:1px solid var(--stroke)}.section-tag{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700}.sidebar-description{color:#abbdc9;font-size:12px;line-height:1.65;margin:10px 0 0}.side-scroll{padding:20px 23px 28px;overflow:auto;scrollbar-width:thin;scrollbar-color:#456 transparent}.subheading{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--accent);text-transform:uppercase;margin:17px 0 13px}.subheading:first-child{margin-top:0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric{padding:11px;border:1px solid rgba(185,232,244,.11);border-radius:11px;background:rgba(255,255,255,.035);min-height:67px}.metric-label{font-size:10px;color:#91aab9;display:block;margin-bottom:7px;letter-spacing:.2px}.metric-val{font-family:'Space Grotesk',sans-serif;color:#effbff;font-size:18px;font-weight:650;white-space:nowrap}.metric-val small{font:500 10px 'DM Sans',sans-serif;color:#9fc0cd;margin-left:4px}.param{margin:0 0 18px}.param-head{display:flex;justify-content:space-between;margin-bottom:12px;gap:8px}.param-head label{font-size:12px;color:#dbe8f0}.param-head output{font-size:12px;font-weight:700;color:var(--accent)}input[type=range]{width:100%;height:4px;appearance:none;background:linear-gradient(90deg,var(--accent),rgba(133,185,210,.28));border-radius:9px;outline:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid var(--accent);background:#102333;border-radius:50%;box-shadow:0 0 8px #0006}.action-row{display:flex;gap:7px;margin:0 0 7px}.action{border:1px solid rgba(163,207,231,.23);border-radius:9px;background:rgba(183,226,246,.055);color:#d3e9f4;font-size:11px;font-weight:700;letter-spacing:.12px;padding:11px 10px;transition:background .15s,transform .15s;flex:1;min-width:0}.action:hover{background:rgba(164,220,241,.13);transform:translateY(-1px)}.action.primary{background:var(--accent);color:#06202a;border-color:transparent}.action.danger{border-color:rgba(250,111,114,.5);color:#ffb1b5}.event{font-size:10px;line-height:1.5;color:#b4c5d3;padding:9px 0;border-bottom:1px solid rgba(206,236,250,.075);display:flex;gap:8px}.event-dot{width:5px;height:5px;margin-top:5px;background:var(--accent);border-radius:50%;flex-shrink:0}.event.bad .event-dot{background:#ff7286}.event.warning .event-dot{background:#ffcf77}.hud-bottom{position:fixed;bottom:30px;left:382px;right:30px;display:flex;justify-content:space-between;gap:14px;align-items:flex-end;z-index:4;pointer-events:none}.hud-left,.hud-right{display:flex;gap:7px;align-items:center;pointer-events:auto;flex-wrap:wrap}.hud-btn{border-radius:10px;border:1px solid var(--stroke);color:#dfedf6;background:rgba(6,17,30,.8);backdrop-filter:blur(16px);font-weight:700;font-size:11px;padding:13px 15px;box-shadow:0 5px 24px #0003}.hud-btn:hover{border-color:var(--accent)}.hud-btn.primary{background:var(--accent);color:#061a26;border-color:transparent}.hud-info{font-size:10px;letter-spacing:.6px;color:#b8d5e6;background:rgba(8,18,31,.7);padding:11px 14px;border-radius:10px;border:1px solid var(--stroke)}#inspect{position:fixed;bottom:102px;right:30px;width:268px;border-radius:14px;background:rgba(8,23,40,.95);border:1px solid var(--stroke);backdrop-filter:blur(20px);padding:19px;z-index:9;display:none;box-shadow:0 18px 50px #0008}#inspect.visible{display:block}#inspect h3{font:700 14px 'Space Grotesk',sans-serif;margin:0 22px 8px 0}#inspect p{color:#abc4d3;line-height:1.6;font-size:12px;margin:0}#close-inspect{position:absolute;right:12px;top:10px;background:none;border:0;color:#9fb4be;font-size:21px}.corner-note{position:fixed;right:30px;top:88px;z-index:4;font-size:10px;color:rgba(219,234,247,.63);text-align:right;line-height:1.8;pointer-events:none}.loader{position:fixed;inset:0;background:#081420;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#dceef7;text-align:center;padding:30px;transition:opacity .65s}.loader.done{opacity:0;pointer-events:none}.loader-emblem{font-size:46px;color:var(--accent)}.loader .loader-title{font:700 22px 'Space Grotesk',sans-serif}.loader p{font-size:12px;color:#89aaba;max-width:440px;line-height:1.7;margin:0}.loader-spin{width:36px;height:36px;border:2px solid #22404a;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}.top-link{font-size:11px;color:#b7d8e9}.top-link:hover{color:var(--accent)}@media(max-width:800px){.topbar{padding:16px}.topbar h1{font-size:14px}.brand{width:36px;height:36px}.top-right .micro-pill:first-child{display:none}.sidebar{top:82px;bottom:86px;left:10px;width:min(315px,calc(100vw - 20px))}.hud-bottom{left:10px;right:10px;bottom:12px;flex-direction:column;align-items:flex-start}.hud-right{display:none}.hud-btn{padding:11px 10px;font-size:10px}.corner-note{display:none}#inspect{right:10px;bottom:90px;width:260px}.top-link{display:none}}