.lobby-list.svelte-10s2408{width:100%}.lobby-list-header.svelte-10s2408{margin-bottom:var(--spacing-md);text-align:center}.lobby-list-header.svelte-10s2408 h2:where(.svelte-10s2408){margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--fg)}.lobby-grid.svelte-10s2408{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.lobby-item.svelte-10s2408{background:var(--header-bg);border-radius:var(--border-radius-md);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--button-tertiary-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.lobby-item.svelte-10s2408:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0003}.lobby-header.svelte-10s2408{padding:var(--spacing-sm);background:var(--button-secondary);color:var(--button-secondary-text);display:flex;align-items:center;flex-wrap:wrap;flex-direction:column;gap:var(--spacing-xs)}.lobby-header.svelte-10s2408 h3:where(.svelte-10s2408){margin:0;font-size:var(--font-size-base)}.pin-badge.svelte-10s2408{background:var(--button-secondary-hover);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-small);font-weight:500}.lobby-details.svelte-10s2408{padding:var(--spacing-sm);flex-grow:1}.detail-row.svelte-10s2408{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--button-tertiary-border)}.detail-row.svelte-10s2408:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label.svelte-10s2408{color:var(--fg);opacity:.7;font-weight:500}.detail-value.svelte-10s2408{color:var(--fg)}.lobby-action.svelte-10s2408{padding:var(--spacing-sm);background:var(--header-bg);text-align:center}.join-button.svelte-10s2408{width:100%;padding:var(--spacing-sm);background:var(--button-secondary);color:var(--button-secondary-text);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-small);cursor:pointer;transition:background-color var(--transition-fast)}.join-button.svelte-10s2408:hover{background:var(--button-secondary-hover)}.empty-state.svelte-10s2408{text-align:center;padding:var(--spacing-lg) var(--spacing-sm);background:var(--header-bg);border-radius:var(--border-radius-md)}.empty-state.svelte-10s2408 h2:where(.svelte-10s2408){margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-large);color:var(--fg)}.empty-state.svelte-10s2408 p:where(.svelte-10s2408){margin:var(--spacing-xs) 0;color:var(--fg);opacity:.7}.create-game-button.svelte-10s2408{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--button-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;transition:background-color var(--transition-fast),transform var(--transition-fast)}.create-game-button.svelte-10s2408:hover{background:var(--button-primary-hover);transform:translateY(-2px)}@media(max-width:768px){.lobby-grid.svelte-10s2408{grid-template-columns:1fr}}.page-container.svelte-1drroat{max-width:1600px;margin:0 auto;padding:var(--spacing-sm)}header.svelte-1drroat{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.back-link.svelte-1drroat{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--link-color);text-decoration:none;border:1px solid var(--link-color);border-radius:var(--border-radius-md);transition:var(--transition-fast)}.back-link.svelte-1drroat:hover{background-color:var(--link-color);color:#fff}.content-container.svelte-1drroat{width:100%;margin:0 auto;background:var(--header-bg);border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000004d;padding:var(--spacing-md);box-sizing:border-box}.status-bar.svelte-1drroat{margin-bottom:var(--spacing-md)}.status-display.svelte-1drroat{font-size:var(--font-size-small);margin:var(--spacing-xs) 0;color:var(--fg)}.status-display.svelte-1drroat span:where(.svelte-1drroat){font-weight:700}.status-display.svelte-1drroat .connected:where(.svelte-1drroat){color:#38a169}.status-display.svelte-1drroat .connecting:where(.svelte-1drroat){color:#d69e2e}.status-display.svelte-1drroat .error:where(.svelte-1drroat),.status-display.svelte-1drroat .disconnected:where(.svelte-1drroat){color:var(--brand)}.error-message.svelte-1drroat{color:var(--brand);background:rgba(var(--brand-rgb),.1);padding:var(--spacing-sm);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--brand)}.button.svelte-1drroat{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-xs)}.button.tertiary.svelte-1drroat{background-color:var(--button-tertiary);color:var(--fg);border:1px solid var(--button-tertiary-border)}.button.tertiary.svelte-1drroat:hover{background-color:var(--button-tertiary-hover);border-color:var(--button-tertiary-border-hover)}@media(max-width:768px){.content-container.svelte-1drroat{padding:var(--spacing-sm)}h1.svelte-1drroat{font-size:var(--font-size-base)}header.svelte-1drroat{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.content-container.svelte-1drroat{padding:var(--spacing-sm)}}