.rooms-page.svelte-135ks3d{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;position:relative}.rooms-page.svelte-135ks3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none}.rooms-container.svelte-135ks3d{max-width:1200px;margin:0 auto;position:relative;z-index:1}.rooms-header.svelte-135ks3d{text-align:center;margin-bottom:3rem}.rooms-header.svelte-135ks3d h1:where(.svelte-135ks3d){font-size:3rem;font-weight:700;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.1);margin:0 0 .5rem}.rooms-header.svelte-135ks3d p:where(.svelte-135ks3d){font-size:1.25rem;color:#ffffffe6}.rooms-actions.svelte-135ks3d{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.action-button.svelte-135ks3d{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button.primary.svelte-135ks3d{background:#fff;color:#667eea;box-shadow:0 4px 16px #0000001a}.action-button.primary.svelte-135ks3d:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.action-button.secondary.svelte-135ks3d{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.action-button.secondary.svelte-135ks3d:hover:not(:disabled){background:#ffffff4d}.action-button.secondary.refreshing.svelte-135ks3d{background:#fff6;border-color:#ffffff80}.action-button.svelte-135ks3d:disabled{opacity:.6;cursor:not-allowed}.button-icon.svelte-135ks3d{font-size:1.2rem;display:inline-block;transition:transform .3s ease}.button-icon.spinning.svelte-135ks3d{animation:svelte-135ks3d-spin 1s linear infinite}.loading-state.svelte-135ks3d,.empty-state.svelte-135ks3d,.error-state.svelte-135ks3d{text-align:center;padding:4rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 32px 64px #0000001f}.loading-spinner.svelte-135ks3d{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;margin:0 auto 1rem;animation:svelte-135ks3d-spin 1s linear infinite}@keyframes svelte-135ks3d-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon.svelte-135ks3d,.error-icon.svelte-135ks3d{font-size:4rem;margin-bottom:1rem}.empty-state.svelte-135ks3d h3:where(.svelte-135ks3d),.error-state.svelte-135ks3d h3:where(.svelte-135ks3d){font-size:1.5rem;color:#333;margin:0 0 .5rem}.empty-state.svelte-135ks3d p:where(.svelte-135ks3d),.error-state.svelte-135ks3d p:where(.svelte-135ks3d){color:#666;margin-bottom:1.5rem}.rooms-grid.svelte-135ks3d{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.room-card.svelte-135ks3d{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-card.svelte-135ks3d:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.room-header.svelte-135ks3d{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.room-id.svelte-135ks3d{font-size:1.25rem;font-weight:600;color:#333;margin:0}.room-status.svelte-135ks3d{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:#e5e7eb;color:#6b7280}.room-status.waiting.svelte-135ks3d{background:#d1fae5;color:#065f46}.room-info.svelte-135ks3d{margin-bottom:1rem}.info-row.svelte-135ks3d{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem}.info-label.svelte-135ks3d{color:#6b7280}.info-value.svelte-135ks3d{color:#333;font-weight:500}.room-players.svelte-135ks3d{margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.players-list.svelte-135ks3d{display:flex;flex-wrap:wrap;gap:.5rem}.player-tag.svelte-135ks3d{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem}.player-flag.svelte-135ks3d{font-size:1rem}.player-name.svelte-135ks3d{color:#333}.host-badge.svelte-135ks3d{font-size:.75rem}.join-button.svelte-135ks3d{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.join-button.svelte-135ks3d:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.join-button.svelte-135ks3d:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.dark-mode .rooms-page.svelte-135ks3d{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark-mode .loading-state.svelte-135ks3d,.dark-mode .empty-state.svelte-135ks3d,.dark-mode .error-state.svelte-135ks3d,.dark-mode .room-card.svelte-135ks3d{background:#1e293bf2;border-color:#ffffff1a}.dark-mode .room-id.svelte-135ks3d,.dark-mode .empty-state.svelte-135ks3d h3:where(.svelte-135ks3d){color:#f1f5f9}.dark-mode .info-value.svelte-135ks3d,.dark-mode .player-name.svelte-135ks3d{color:#e2e8f0}.dark-mode .info-label.svelte-135ks3d,.dark-mode .empty-state.svelte-135ks3d p:where(.svelte-135ks3d){color:#94a3b8}.dark-mode .room-players.svelte-135ks3d{background:#0f172a80}.dark-mode .player-tag.svelte-135ks3d{background:#1e293bcc;border-color:#ffffff1a}@media (max-width: 768px){.rooms-header.svelte-135ks3d h1:where(.svelte-135ks3d){font-size:2rem}.rooms-grid.svelte-135ks3d{grid-template-columns:1fr}.rooms-actions.svelte-135ks3d{flex-direction:column;width:100%;max-width:300px;margin:0 auto 2rem}.action-button.svelte-135ks3d{width:100%;justify-content:center}}