:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161c;--fg:#e8e6e1;--muted:#9a9690;--accent:#c8a45c;--line:#262a33;--role-admin:#e0705a;--role-gm:#c8a45c;--role-player:#6fb3c9}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.title{letter-spacing:.01em;font-weight:600}.session{align-items:center;gap:.8rem;display:flex}.user{font-weight:600}.role-admin{color:var(--role-admin)}.role-gm{color:var(--role-gm)}.role-player{color:var(--role-player)}button{font:inherit;color:var(--fg);border:1px solid var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .8rem}button:hover{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted);font-size:.9rem}.content{box-sizing:border-box;place-items:center;padding:16px;display:grid}main{max-width:34rem}h1{letter-spacing:.01em;margin:0 0 .5rem;font-size:1.6rem}.env{border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.1rem .7rem;font-size:.75rem;line-height:1.4;display:inline-block}p{color:var(--muted);margin:0 0 .8rem}