:root{--bg: #12141a;--panel: #1c2029;--line: #2e3442;--ink: #e8ebf2;--dim: #9aa3b5;--you: #4fb3ff;--rival: #ff6b5e;--gold: #f2c14e;--good: #6fdc8c;--nav-h: 64px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:24px/1.35 system-ui,sans-serif}button{font:inherit;color:inherit}#nav{position:fixed;inset:0 0 auto;height:var(--nav-h);display:flex;align-items:center;gap:8px;padding:0 20px;background:#0c0e12;border-bottom:1px solid var(--line);z-index:100}#nav a{color:var(--dim);text-decoration:none;padding:8px 16px;border-radius:8px}#nav a:hover{color:var(--ink);background:var(--panel)}#nav a.on{color:var(--ink);background:var(--panel);box-shadow:inset 0 -3px 0 var(--you)}#nav .brand{font-weight:700;color:var(--ink);margin-right:12px}#nav .spacer{flex:1}#nav .stamp{color:var(--dim);font-size:22px;font-family:ui-monospace,monospace}#nav #reload{color:var(--gold);font-size:22px;margin-right:16px}#app{position:fixed;inset:var(--nav-h) 0 0 0;overflow:hidden}.placeholder{display:grid;place-items:center;height:100%;color:var(--dim);font-size:32px}