:root{--text:#1f2430;--text-muted:#6b7280;--bg:#fff;--border:#d9dce1;--accent:#7c3aed;--accent-contrast:#fff;--danger:#b3261e;--danger-bg:#fdecea;--info:#1a4d99;--info-bg:#e8f0fd;--nav-bg:#383c46;--nav-border:#55596a;--nav-text:#d7d9e0;--nav-text-active:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e7eb;--text-muted:#9ca3af;--bg:#14161c;--border:#2e303a;--accent:#a78bfa;--accent-contrast:#14161c;--danger:#f2b8b5;--danger-bg:#3a2323;--info:#a9c6f5;--info-bg:#1c2c42;--nav-bg:#1c1e25;--nav-border:#3a3d4a;--nav-text:#c7c9d1;--nav-text-active:#fff}}body{margin:0}#root{box-sizing:border-box;max-width:640px;margin:0 auto;padding:16px}nav{background:var(--nav-bg);border-bottom:3px solid var(--nav-border);gap:12px;margin:-16px -16px 24px;padding:12px 16px;display:flex}nav a{text-align:center;color:var(--nav-text);flex:1;font-weight:500;text-decoration:none}nav a.active{color:var(--nav-text-active)}h1{margin:0 0 16px;font-size:22px}fieldset{border:3px solid #888;border-radius:8px;margin:0 0 16px;padding:12px}label{margin-bottom:8px;display:block}table.games-table{border-collapse:collapse;width:100%;margin-bottom:16px}table.games-table th,table.games-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px}table.games-table th{color:var(--text-muted);font-weight:600}input[type=text],select{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:8px}button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);background:var(--danger-bg);border-radius:6px;margin-bottom:12px;padding:8px 12px}.info{color:var(--info);background:var(--info-bg);border-radius:6px;margin-bottom:12px;padding:8px 12px}@keyframes spin{to{transform:rotate(360deg)}}.player-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}ul{margin:0 0 16px;padding:0;list-style:none}