:root{--glass:rgba(16,20,25,.78);--fg:#eef1f4;--muted:#9aa5b1;--accent:#f4bd1c;--ok:#5fc27e;--warn:#e0a03a;--err:#e0655c;--f-display:"Barlow Condensed","Arial Narrow",sans-serif;--f-body:"Barlow",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}html,body{margin:0;height:100%;overflow:hidden;background:#12161b;color:var(--fg);font-family:var(--f-body)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:12px;left:12px;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;display:grid;gap:8px;min-width:230px;max-width:calc(100% - 24px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px}#hud h1{margin:0;font-family:var(--f-display);font-size:22px;letter-spacing:.02em;line-height:1}#hud .sub{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.05em}#hud .row{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:12px}#hud .row b{font-weight:400}#hud .ok{color:var(--ok)}#hud .warn{color:var(--warn)}#hud .err{color:var(--err)}#hud label{display:flex;align-items:center;gap:8px;cursor:pointer}#hud input{accent-color:var(--accent)}#hud input[type=range]{width:100%;margin:0}#hud .note{font-size:11px;color:var(--muted);line-height:1.4;max-width:260px}#hud .note a{color:inherit}