:root{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-hover: #22223a;--color-primary: #6c63ff;--color-primary-hover: #5a52e0;--color-secondary: #ff6584;--color-accent: #43e97b;--color-text: #e8e8f0;--color-text-muted: #9090a8;--color-border: #2a2a40;--color-correct: #43e97b;--color-incorrect: #ff6584;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem;text-align:center}h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;font-weight:600}.subtitle{color:var(--color-text-muted);font-size:1.1rem}button{padding:.75rem 2rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-danger{background:transparent;color:var(--color-incorrect);border:1px solid var(--color-incorrect)}.btn-danger:hover{background:#ff658426}.btn-large{padding:1rem 3rem;font-size:1.2rem;border-radius:var(--radius)}.btn-game{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:var(--radius);min-width:160px}.btn-odd{background:linear-gradient(135deg,#6c63ff,#5a52e0);color:#fff}.btn-even{background:linear-gradient(135deg,#ff6584,#e05070);color:#fff}.btn-odd:hover:not(:disabled),.btn-even:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn-game.selected{transform:translateY(-2px) scale(1.05);box-shadow:0 0 0 3px #fff,0 8px 20px #0000004d}.game-choices:has(.selected) .btn-game:not(.selected){opacity:.5}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;width:100%;max-width:480px}input[type=text]{width:100%;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--color-primary)}.error{color:var(--color-incorrect);font-size:.9rem}.room-code{font-family:Courier New,monospace;font-size:2.5rem;font-weight:800;letter-spacing:.3em;color:var(--color-primary)}.player-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.player-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:.4rem 1rem;font-size:.9rem}.player-chip.host{border-color:var(--color-primary);color:var(--color-primary)}.timer{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums}.timer.urgent{color:var(--color-incorrect);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.result-card{padding:.75rem 1rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center}.result-card.correct{background:#43e97b1a;border:1px solid var(--color-correct)}.result-card.incorrect{background:#ff65841a;border:1px solid var(--color-incorrect)}.result-card.no-answer{background:#9090a81a;border:1px solid var(--color-text-muted)}.scoreboard{width:100%;max-width:480px}.scoreboard-row{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.scoreboard-row:last-child{border-bottom:none}.game-choices{display:flex;gap:1.5rem;justify-content:center}.language-switcher{display:flex;gap:.5rem;justify-content:center}.language-switcher button{padding:.3rem .8rem;font-size:.85rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:20px}.language-switcher button.active{color:var(--color-primary);border-color:var(--color-primary)}.qr-container{background:#fff;padding:1rem;border-radius:var(--radius);display:inline-block}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.flex-col{display:flex;flex-direction:column;gap:1rem}.text-center{text-align:center}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;max-width:400px;width:calc(100% - 2rem);display:flex;flex-direction:column;gap:1rem;text-align:center}.dialog-actions{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}