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