.container.svelte-1c6qrgp{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;box-sizing:border-box;background:#f8f8f8;width:100%}.panel.svelte-1c6qrgp{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:1000px;overflow:hidden}.form-column.svelte-1c6qrgp{padding:2rem;width:40%;display:flex;flex-direction:column;gap:1.5rem}.list-column.svelte-1c6qrgp{padding:2rem;width:60%;display:flex;flex-direction:column;gap:1.5rem}.divider.svelte-1c6qrgp{width:4px;background:#eee;margin:2rem 1rem}.input-group.svelte-1c6qrgp{display:flex;flex-direction:column;gap:.5rem}.input-row.svelte-1c6qrgp{display:flex;gap:1rem}.input-row.svelte-1c6qrgp .input-group:where(.svelte-1c6qrgp){flex:1}label.svelte-1c6qrgp{opacity:.8}input.svelte-1c6qrgp,select.svelte-1c6qrgp,button.svelte-1c6qrgp{padding:.75rem;border:1px solid #ddd;border-radius:6px;width:100%}.list-header.svelte-1c6qrgp{display:flex;justify-content:space-between;align-items:center}.list-header.svelte-1c6qrgp button:where(.svelte-1c6qrgp){width:auto;padding:.5rem 1rem}.lobby-grid.svelte-1c6qrgp{display:grid;grid-template-columns:1fr;gap:.75rem}.lobby-card.svelte-1c6qrgp{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;border:1px solid #eee;text-decoration:none;color:inherit;transition:all .2s}.lobby-card.svelte-1c6qrgp:hover{border-color:#4f46e5;background:#f9fafb}.lobby-info.svelte-1c6qrgp{display:flex;flex-direction:column;gap:.25rem}.lobby-name.svelte-1c6qrgp{font-weight:600}.lobby-type.svelte-1c6qrgp{opacity:.7}.player-count.svelte-1c6qrgp{background:#f3f4f6;padding:.25rem .75rem;border-radius:12px}.empty-state.svelte-1c6qrgp{text-align:center;padding:2rem;opacity:.6}@media (max-width: 768px){.container.svelte-1c6qrgp{padding:1rem;min-height:auto}.panel.svelte-1c6qrgp{flex-direction:column}.form-column.svelte-1c6qrgp,.list-column.svelte-1c6qrgp{padding:1.5rem;margin:0 auto;width:80%}.divider.svelte-1c6qrgp{width:100%;height:1px;margin:0}.input-row.svelte-1c6qrgp{flex-direction:column;gap:1.5rem}.list-header.svelte-1c6qrgp{flex-direction:column;align-items:flex-start;gap:1rem}.list-header.svelte-1c6qrgp button:where(.svelte-1c6qrgp){width:100%}}@media (max-width: 480px){.form-column.svelte-1c6qrgp,.list-column.svelte-1c6qrgp{padding:1rem}input.svelte-1c6qrgp,select.svelte-1c6qrgp,button.svelte-1c6qrgp{padding:.6rem}}