:root{--bg:#0f0d0a;--bg2:#1b1710;--panel:#211c14;--panel2:#2c2519;--border:#4a3f2a;--text:#ece5d8;--muted:#b6a891;--accent:#c9a24a;--accent2:#8a6f2e;--danger:#e0855f;--good:#7bd88f}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:radial-gradient(1000px 500px at 50% -10%,#2a2317 0,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}h1{font-size:2rem;margin:0;letter-spacing:.5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;width:100%;max-width:420px}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}input,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:1rem;margin-bottom:14px;font:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;background:var(--accent2);color:var(--text);transition:transform .05s ease,background .15s ease;width:100%;font-family:inherit}button:hover:not(:disabled){background:var(--accent);color:#201c15}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.ghost:hover:not(:disabled){background:var(--panel2);color:var(--text)}button.danger{background:var(--danger);color:#201c15}.row{display:flex;gap:10px}.muted{color:var(--muted)}.err,.muted{font-size:.9rem}.err{color:var(--danger);margin-top:6px;min-height:1.2em}.code-pill{font-family:monospace;font-size:1.5rem;letter-spacing:6px;background:var(--bg2);border:1px dashed var(--accent);padding:8px 18px;border-radius:12px;color:var(--accent)}.players{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.players li{display:flex;align-items:center;gap:8px;background:var(--bg2);padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:.9rem}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--good)}.dot.off{background:var(--muted)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.85rem;background:var(--panel2);border:1px solid var(--border);white-space:nowrap}