.primary,.ghost,.new-room button,.imp button.primary{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:9px 16px;font-size:14px}.primary{background:var(--text);color:var(--bg)}.primary:disabled{opacity:.4;cursor:default}.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;padding:6px 10px;font-size:12px}.ghost:hover{color:var(--text);border-color:var(--muted)}.err{color:#e5484d;width:100%;font-size:13px}.game-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:8px;padding:20px 22px}.game-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.game-head h2{letter-spacing:-.01em;margin:0;font-size:20px}.game-card p{color:var(--muted);max-width:60ch;margin:8px 0 18px;font-size:15px}.new-room{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.new-room .code{gap:8px;display:flex}.new-room input{font:inherit;width:130px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px}.new-room input:focus{border-color:var(--accent);outline:none}.new-room .code button{color:var(--text);border:1px solid var(--line);background:0 0}.new-room .code button:disabled{opacity:.4;cursor:default}