.modal-overlay.svelte-1psqc5r{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.svelte-1psqc5r{background:linear-gradient(145deg,#1a1a2e,#16162a);border:1px solid #4c1d95;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080}header.svelte-1psqc5r{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #374151}h2.svelte-1psqc5r{margin:0;font-size:1.25rem;color:#a78bfa}.close-btn.svelte-1psqc5r{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn.svelte-1psqc5r:hover{color:#e5e7eb}.content.svelte-1psqc5r{padding:1.5rem;overflow-y:auto;flex:1}.description.svelte-1psqc5r{color:#9ca3af;margin:0 0 1.5rem;text-align:center}.sound-grid.svelte-1psqc5r{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.sound-btn.svelte-1psqc5r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;min-height:80px;background:#ffffff0d;border:1px solid #374151;border-radius:8px;color:#e5e7eb;cursor:pointer;transition:all .2s}.sound-btn.svelte-1psqc5r:hover:not(:disabled){background:#a855f733;border-color:#7c3aed}.sound-btn.playing.svelte-1psqc5r{background:#22c55e33;border-color:#22c55e}.sound-btn.svelte-1psqc5r:disabled{opacity:.5;cursor:not-allowed}.sound-icon.svelte-1psqc5r{font-size:1.5rem}.sound-name.svelte-1psqc5r{font-size:.8rem;text-align:center;line-height:1.2;color:#9ca3af}footer.svelte-1psqc5r{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #374151}.primary-btn.svelte-1psqc5r{padding:.75rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.primary-btn.svelte-1psqc5r:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);transform:scale(1.02)}.config-overlay.svelte-f6czn0{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.config-container.svelte-f6czn0{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:2px solid #4c1d95;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;color:#e5e7eb}header.svelte-f6czn0{text-align:center;padding:1.5rem;border-bottom:1px solid #374151}h1.svelte-f6czn0{margin:0;font-size:1.75rem;color:#a78bfa}h2.svelte-f6czn0{margin:0 0 1rem;font-size:1rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.subtitle.svelte-f6czn0{margin:.5rem 0 0;color:#9ca3af}.content.svelte-f6czn0{padding:1.5rem}.settings-section.svelte-f6czn0{margin-bottom:1.5rem}.setting-row.svelte-f6czn0{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;position:relative}.setting-row.svelte-f6czn0 label:where(.svelte-f6czn0){display:flex;justify-content:space-between;align-items:center;width:160px;flex-shrink:0;gap:.5rem}.label-text.svelte-f6czn0{color:#e5e7eb;font-size:.9rem}.label-value.svelte-f6czn0{color:#a78bfa;font-weight:700;font-size:.85rem;min-width:50px;text-align:right}.setting-row.svelte-f6czn0 input[type=range]:where(.svelte-f6czn0){flex:1;accent-color:#a78bfa;height:6px}.setting-row.svelte-f6czn0 .tooltip:where(.svelte-f6czn0){position:absolute;left:0;top:100%;margin-top:4px;background:#1f2937;color:#d1d5db;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:normal;max-width:300px;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;border:1px solid #374151;box-shadow:0 4px 12px #0000004d;line-height:1.4;pointer-events:none}.setting-row.svelte-f6czn0:hover .tooltip:where(.svelte-f6czn0){opacity:1;visibility:visible}.players-section.svelte-f6czn0{margin-bottom:1rem}.add-player-buttons.svelte-f6czn0{display:flex;gap:.75rem;margin-bottom:1rem}.add-btn.svelte-f6czn0{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff08;border:2px dashed #4b5563;border-radius:8px;color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .2s}.add-btn.svelte-f6czn0:hover:not(:disabled){background:#ffffff14;color:#e5e7eb}.add-btn.svelte-f6czn0:disabled{opacity:.4;cursor:not-allowed}.add-btn.add-open.svelte-f6czn0:hover:not(:disabled){border-color:#3b82f6;color:#60a5fa}.add-btn.add-ai.svelte-f6czn0:hover:not(:disabled){border-color:#a855f7;color:#c084fc}.add-icon.svelte-f6czn0{font-size:1.25rem;font-weight:700;line-height:1}.player-grid.svelte-f6czn0{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.player-slot.svelte-f6czn0{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff0d;border:1px solid #374151;border-radius:8px;text-align:left;color:#e5e7eb;transition:all .2s}.player-slot.human.svelte-f6czn0{border-color:#22c55e;background:#22c55e1a}.player-slot.ai.svelte-f6czn0{border-color:#a855f7;background:#a855f71a}.player-slot.open.svelte-f6czn0{border-color:#3b82f6;border-style:dashed;background:#3b82f60d}.slot-color.svelte-f6czn0{width:24px;height:24px;border-radius:50%;flex-shrink:0}.slot-info.svelte-f6czn0{flex:1;min-width:0}.slot-name.svelte-f6czn0{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-type.svelte-f6czn0{display:block;font-size:.75rem;color:#9ca3af}.remove-btn.svelte-f6czn0{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#374151;border:1px solid #4b5563;border-radius:50%;color:#9ca3af;font-size:1rem;line-height:1;cursor:pointer;transition:all .2s;opacity:0}.player-slot.svelte-f6czn0:hover .remove-btn:where(.svelte-f6czn0){opacity:1}.remove-btn.svelte-f6czn0:hover{background:#ef4444;border-color:#ef4444;color:#fff}.hint.svelte-f6czn0{font-size:.85rem;color:#9ca3af;text-align:center;margin:0}footer.svelte-f6czn0{display:flex;justify-content:space-between;padding:1.5rem;border-top:1px solid #374151}.back-btn.svelte-f6czn0{padding:.75rem 2rem;background:#374151;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer}.back-btn.svelte-f6czn0:hover{background:#4b5563}.create-btn.svelte-f6czn0{padding:.75rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer}.create-btn.svelte-f6czn0:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea)}.create-btn.svelte-f6czn0:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.player-grid.svelte-f6czn0{grid-template-columns:repeat(2,1fr)}}.audio-section.svelte-f6czn0{margin-top:1rem;padding-top:1rem;border-top:1px solid #374151}.audio-controls.svelte-f6czn0{display:flex;align-items:center;gap:.75rem}.test-sounds-btn.svelte-f6czn0{padding:.5rem 1rem;background:#a855f726;border:1px solid #7c3aed;border-radius:8px;color:#c4b5fd;font-size:.9rem;cursor:pointer;transition:all .2s}.test-sounds-btn.svelte-f6czn0:hover{background:#a855f740;border-color:#a855f7;color:#e9d5ff}.lobby-overlay.svelte-op722q{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.name-input-container.svelte-op722q{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:2px solid #4c1d95;border-radius:16px;padding:2rem;text-align:center;color:#e5e7eb}.name-input-container.svelte-op722q h2:where(.svelte-op722q){margin:0 0 1.5rem;color:#a78bfa}.name-input-container.svelte-op722q form:where(.svelte-op722q){display:flex;flex-direction:column;gap:1rem}.name-input-container.svelte-op722q input:where(.svelte-op722q){padding:.75rem 1rem;font-size:1.1rem;background:#1f1f2e;border:1px solid #374151;border-radius:8px;color:#e5e7eb;text-align:center}.name-input-container.svelte-op722q button:where(.svelte-op722q){padding:.75rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.name-input-container.svelte-op722q button:where(.svelte-op722q):disabled{opacity:.5;cursor:not-allowed}.lobby-container.svelte-op722q{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:2px solid #4c1d95;border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;color:#e5e7eb}header.svelte-op722q{text-align:center;padding:1.5rem;border-bottom:1px solid #374151}h1.svelte-op722q{margin:0;font-size:1.75rem;color:#a78bfa}.subtitle.svelte-op722q{margin:.5rem 0 0;color:#9ca3af}.content.svelte-op722q{padding:1.5rem;min-height:200px}h3.svelte-op722q{margin:0 0 1rem;color:#e5e7eb}.error.svelte-op722q{background:#ef44441a;border:1px solid #ef4444;padding:.75rem;border-radius:8px;color:#fca5a5;margin-bottom:1rem}.loading.svelte-op722q{text-align:center;color:#9ca3af;padding:2rem}.no-games.svelte-op722q{text-align:center;padding:2rem}.no-games-title.svelte-op722q{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin:0 0 .5rem}.no-games-subtitle.svelte-op722q{color:#9ca3af;margin:0}.games-list.svelte-op722q{display:flex;flex-direction:column;gap:1rem}.game-card.svelte-op722q{background:#ffffff0d;border:1px solid #374151;border-radius:8px;padding:1rem}.game-info.svelte-op722q{display:flex;justify-content:space-between;margin-bottom:.5rem}.game-id.svelte-op722q{font-weight:500}.player-count.svelte-op722q{color:#9ca3af}.settings-preview.svelte-op722q{display:flex;gap:1rem;font-size:.85rem;color:#9ca3af;margin-bottom:.75rem}.slots.svelte-op722q{display:flex;gap:.5rem;flex-wrap:wrap}.slot-btn.svelte-op722q{padding:.5rem 1rem;background:#374151;border:none;border-radius:4px;color:#e5e7eb;cursor:pointer;font-size:.85rem}.slot-btn.svelte-op722q:hover{background:#4b5563}footer.svelte-op722q{padding:1.5rem;border-top:1px solid #374151;text-align:center}.new-game-btn.svelte-op722q{padding:.75rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer}.new-game-btn.svelte-op722q:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.modal-overlay.svelte-1x47w15{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal.svelte-1x47w15{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border:2px solid #4c1d95;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;color:#e5e7eb;box-shadow:0 0 60px #a855f74d}header.svelte-1x47w15{text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #374151}h1.svelte-1x47w15{margin:0;font-size:1.75rem;background:linear-gradient(135deg,#a78bfa,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-1x47w15{margin:.5rem 0 0;color:#9ca3af;font-size:.9rem}.content.svelte-1x47w15{padding:1.5rem;min-height:200px}.card-header.svelte-1x47w15{margin-bottom:1rem}.card-header.svelte-1x47w15 h2:where(.svelte-1x47w15){font-size:1.25rem;color:#a78bfa;margin:0}.card-content.svelte-1x47w15{margin:0;padding-left:1.5rem;color:#d1d5db}.card-content.svelte-1x47w15 li:where(.svelte-1x47w15){margin-bottom:.75rem;line-height:1.6}.card-content.svelte-1x47w15 li:where(.svelte-1x47w15):last-child{margin-bottom:0}.navigation.svelte-1x47w15{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 1.5rem 1rem}.nav-btn.svelte-1x47w15{width:40px;height:40px;border-radius:50%;border:2px solid #4c1d95;background:transparent;color:#a78bfa;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-btn.svelte-1x47w15:hover:not(:disabled){background:#4c1d95;color:#fff}.nav-btn.svelte-1x47w15:disabled{opacity:.3;cursor:not-allowed}.dots.svelte-1x47w15{display:flex;gap:.5rem}.dot.svelte-1x47w15{width:10px;height:10px;border-radius:50%;border:none;background:#4c1d95;cursor:pointer;transition:all .2s ease;padding:0}.dot.active.svelte-1x47w15{background:#a78bfa;transform:scale(1.2)}.dot.svelte-1x47w15:hover:not(.active){background:#7c3aed}footer.svelte-1x47w15{padding:1rem 1.5rem 1.5rem;text-align:center}.play-btn.svelte-1x47w15{padding:.875rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.play-btn.svelte-1x47w15{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 20px #a855f766}.play-btn.svelte-1x47w15:hover{transform:translateY(-2px);box-shadow:0 6px 30px #a855f780}@media (max-width: 640px){.modal.svelte-1x47w15{max-width:100%;margin:.5rem}h1.svelte-1x47w15{font-size:1.5rem}.content.svelte-1x47w15{padding:1rem;min-height:180px}.card-header.svelte-1x47w15 h2:where(.svelte-1x47w15){font-size:1.1rem}.card-content.svelte-1x47w15{font-size:.95rem}}