:root{--bg: #ffffff;--text: #111827;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--border: #d1d5db;--error: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.page{min-height:100vh;display:grid;place-items:center;padding:16px}.card{width:100%;max-width:420px;border:1px solid var(--border);border-radius:12px;padding:20px;display:grid;gap:12px}.card.wide{max-width:640px}h1{margin:0;font-size:28px}p{margin:0}.subtle{color:var(--muted);font-size:14px}.header{display:flex;align-items:center;justify-content:space-between}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px}.code{text-transform:uppercase}.button{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:10px 12px;font-size:15px;cursor:pointer}.button:hover{background:var(--primary-hover)}.button.alt{background:#fff;color:var(--primary)}.row{display:grid;grid-template-columns:1fr auto;gap:8px}.players{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:14px}.section{border-top:1px solid var(--border);padding-top:12px;display:grid;gap:10px}.reveal{font-size:24px;font-weight:600}.error{color:var(--error);font-size:14px}