*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #0f3460;--accent: #e94560;--accent2: #533483;--text: #eaeaea;--text-dim: #999;--border: #2a2a4a;--radius: 8px;--tile-black: #222;--tile-red: #e74c3c;--tile-yellow: #f39c12;--tile-blue: #2980b9;--tile-bg: #fdf6e3}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;padding:.5rem 1.2rem;transition:opacity .15s,transform .1s}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button:not(:disabled):hover{opacity:.85}button:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:.5rem .75rem;width:100%;outline:none}input:focus{border-color:var(--accent)}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:2rem;gap:1.5rem}.lobby h1{font-size:2.5rem;letter-spacing:-1px}.lobby h1 span{color:var(--accent)}.lobby-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.lobby-card h2{font-size:1.1rem;color:var(--text-dim);font-weight:500}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.85rem;color:var(--text-dim)}.row{display:flex;gap:.5rem}.player-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.player-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--surface2);border-radius:var(--radius);font-size:.9rem}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.online{background:#2ecc71}.room-code{font-size:1.8rem;font-weight:700;letter-spacing:4px;color:var(--accent);text-align:center}.hint{font-size:.8rem;color:var(--text-dim);text-align:center}.error-msg{font-size:.85rem;color:var(--accent)}