: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}#settings:empty{display:none}#settings{position:fixed;top:12px;right:12px;width:290px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto;box-sizing:border-box;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;display:grid;gap:10px}#settings.closed{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:auto}#settings.closed>:not(.open){display:none}#settings header{display:flex;justify-content:space-between;align-items:center}#settings h2{margin:0;font-family:var(--f-display);font-size:20px;letter-spacing:.02em}#settings [hidden]{display:none!important}#settings form,#settings .body{display:grid;gap:8px}#settings p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}#settings fieldset{border:1px solid rgba(255,255,255,.1);border-radius:6px;margin:0;padding:6px 10px 10px;display:grid;gap:6px}#settings legend{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;padding:0 4px}#settings label{display:grid;grid-template-columns:1fr auto;gap:2px 8px}#settings output{font-family:var(--f-mono);font-size:12px}#settings label.toggle{display:flex;align-items:center;gap:8px;cursor:pointer}#settings input[type=checkbox]{margin:0;accent-color:var(--accent)}#settings input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:var(--accent)}#settings input[type=password]{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--fg);padding:6px 8px;font:inherit}#settings button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:5px;color:var(--fg);padding:6px 10px;font:inherit;cursor:pointer}#settings button:hover{background:#ffffff29}#settings .x{background:none;border:0;font-size:20px;line-height:1;padding:0 4px}#settings .publish,#settings form button{background:var(--accent);border-color:var(--accent);color:#111;font-weight:500}#settings .actions{display:flex;gap:6px;flex-wrap:wrap}#settings .logout{justify-self:start;background:none;border:0;padding:0;color:var(--muted);font-size:11px;text-decoration:underline}#settings .open{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#settings .ok{color:var(--ok)}#settings .warn{color:var(--warn)}#settings .err{color:var(--err)}#director .badge{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:var(--glass);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em}#director .badge i{width:8px;height:8px;border-radius:50%;background:#e5483d;animation:director-rec 1.6s ease-in-out infinite}#director .badge span{color:var(--muted)}@keyframes director-rec{50%{opacity:.25}}#director .caption{position:fixed;left:24px;bottom:28px;display:grid;gap:2px;padding:10px 16px 10px 14px;border-left:3px solid var(--accent);background:var(--glass);border-radius:0 6px 6px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-12px);transition:opacity .5s,transform .5s;pointer-events:none}#director .caption.on{opacity:1;transform:none}#director .caption b{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.05}#director .caption span{font-family:var(--f-mono);font-size:12px;color:var(--muted)}#director .caption span:empty{display:none}#director .fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none}@media (max-width:640px){#director .badge span{display:none}#director .caption{left:12px;bottom:16px}}#hud{z-index:2}