:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--panel:#171b22;--text:#e6e8eb;--muted:#8b93a1;--accent:#f5a623;--danger:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:560px;margin:0 auto;padding:32px 16px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0;font-size:1.25rem}h2{margin:0 0 12px;font-size:1rem}button,a.login,.error a{background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border:1px solid #2c333f;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}a.login{border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.8rem}.banner,.error{background:var(--panel);border-left:3px solid var(--accent);border-radius:6px;padding:12px 14px}.error{border-left-color:var(--danger)}.characters{gap:8px;margin:0;padding:0;list-style:none;display:grid}.characters li{background:var(--panel) left center / cover no-repeat;text-shadow:0 1px 3px #000c;border-radius:6px;justify-content:space-between;align-items:center;height:96px;padding:0 20px 0 104px;display:flex}.class-name{font-size:1.4rem;font-weight:600}.light{color:var(--accent);font-size:1.6rem}