.modal-content.svelte-vjebhq{max-width:500px}.matching-content.svelte-vjebhq{display:flex;flex-direction:column;align-items:center}.vs-branding.svelte-vjebhq{text-align:center;margin-bottom:32px}.vs-icon.svelte-vjebhq{font-size:48px;font-weight:900;color:var(--text-color-primary);margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.tagline.svelte-vjebhq{font-size:14px;font-weight:600;color:var(--text-color-secondary);letter-spacing:2px;margin:0}.opponent-left-message.svelte-vjebhq{text-align:center;background:#ff6b641a;border:1px solid rgba(255,107,100,.2);border-radius:16px;padding:24px;margin-bottom:24px;width:100%}.opponent-left-message.svelte-vjebhq .icon:where(.svelte-vjebhq){font-size:48px;margin-bottom:12px}.opponent-left-message.svelte-vjebhq h3:where(.svelte-vjebhq){margin:0 0 12px;font-size:20px;font-weight:700;color:#ff6b64}.opponent-left-message.svelte-vjebhq p:where(.svelte-vjebhq){margin:0 0 8px;font-size:16px;color:var(--text-color-secondary)}.opponent-left-message.svelte-vjebhq .rematch-invite:where(.svelte-vjebhq){font-weight:600;color:var(--text-color-primary);margin-top:12px}.match-info.svelte-vjebhq{display:flex;justify-content:space-between;align-items:center;background:var(--bg-button);padding:20px;border-radius:16px;margin-bottom:32px;gap:32px;width:100%;border:1px solid var(--border-color-button)}.match-type.svelte-vjebhq h3:where(.svelte-vjebhq){margin:0 0 4px;font-size:18px;font-weight:700}.match-type.svelte-vjebhq p:where(.svelte-vjebhq){margin:0;font-size:14px;color:var(--text-color-secondary)}.connection-status.svelte-vjebhq{text-align:right}.status-label.svelte-vjebhq{display:block;font-size:12px;color:var(--text-color-secondary);margin-bottom:4px}.status-value.svelte-vjebhq{font-size:16px;font-weight:600;padding:4px 8px;border-radius:8px;transition:all .2s ease}.status-value.connected.svelte-vjebhq{color:#22c55e;background:#22c55e1a}.status-value.connecting.svelte-vjebhq{color:#f59e0b;background:#f59e0b1a;animation:svelte-vjebhq-pulse 1.5s ease-in-out infinite}.status-value.error.svelte-vjebhq{color:#ef4444;background:#ef44441a}@keyframes svelte-vjebhq-pulse{50%{opacity:.7}}.match-actions.svelte-vjebhq{display:flex;flex-direction:column;gap:12px;width:100%}.match-button.svelte-vjebhq{padding:16px 24px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.match-button.primary.svelte-vjebhq{background:linear-gradient(135deg,#6b8fff,#ff6b64);color:#fff;font-weight:700;box-shadow:0 8px 24px #6b8fff4d}.match-button.primary.svelte-vjebhq:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #6b8fff66}.match-button.secondary.svelte-vjebhq{background:var(--bg-button);color:var(--text-color-primary);border:1px solid var(--border-color-button)}.match-button.secondary.svelte-vjebhq:hover:not(:disabled){background:var(--bg-button-hover)}.match-button.secondary.danger.svelte-vjebhq{border:1px solid rgba(255,107,100,.4);color:#ff6b64}.match-button.secondary.danger.svelte-vjebhq:hover:not(:disabled){background:#ff6b6426;color:#ff5148}.match-button.tertiary.svelte-vjebhq{background:transparent;color:var(--text-color-secondary);border:1px solid var(--border-color-menu)}.match-button.tertiary.svelte-vjebhq:hover:not(:disabled){background:var(--bg-menu-item-hover);color:var(--text-color-primary)}.match-button.svelte-vjebhq:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.streak-detail.svelte-vjebhq{font-size:16px;font-weight:600;color:#ff6b64;margin:8px 0}.queue-count-banner.svelte-vjebhq{display:flex;align-items:center;justify-content:center;gap:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:12px 20px;margin-bottom:24px;width:100%;animation:svelte-vjebhq-fadeIn .3s ease-out}@keyframes svelte-vjebhq-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.queue-count-banner.svelte-vjebhq .live-dot:where(.svelte-vjebhq){width:10px;height:10px;border-radius:50%;background-color:#22c55e;animation:svelte-vjebhq-pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 10px #22c55e99}@keyframes svelte-vjebhq-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.queue-count-text.svelte-vjebhq{font-size:15px;font-weight:600;color:#22c55e;letter-spacing:.3px}.dark-mode .queue-count-banner.svelte-vjebhq,.dark-theme .queue-count-banner.svelte-vjebhq{background:#4ade801a;border-color:#4ade804d}.dark-mode .queue-count-banner.svelte-vjebhq .live-dot:where(.svelte-vjebhq),.dark-theme .queue-count-banner.svelte-vjebhq .live-dot:where(.svelte-vjebhq){background-color:#4ade80;box-shadow:0 0 12px #4ade80b3}.dark-mode .queue-count-text.svelte-vjebhq,.dark-theme .queue-count-text.svelte-vjebhq{color:#4ade80}.modal-overlay.svelte-1uxqmbq{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;font-family:system-ui,-apple-system,sans-serif}.modal-content.svelte-1uxqmbq{background:var(--bg-modal, white);color:var(--text-color-primary, #333);border-radius:24px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-color-dropdown, #e0e0e0);animation:svelte-1uxqmbq-modalSlideIn .3s ease-out}@keyframes svelte-1uxqmbq-modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header.svelte-1uxqmbq{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-content.svelte-1uxqmbq{display:flex;align-items:center;gap:16px}.header-text.svelte-1uxqmbq{flex:1}.icon.svelte-1uxqmbq{font-size:40px}.modal-header.svelte-1uxqmbq h2:where(.svelte-1uxqmbq){margin:0;font-size:24px;font-weight:700;color:var(--text-color-primary, #333)}.subtitle.svelte-1uxqmbq{margin:4px 0 0;font-size:14px;color:var(--text-color-secondary, #666)}.close-button.svelte-1uxqmbq{background:none;border:none;font-size:20px;color:var(--text-color-secondary, #666);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button.svelte-1uxqmbq:hover{background:var(--bg-button, #f0f0f0);color:var(--text-color-primary, #333)}.error-message.svelte-1uxqmbq{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:14px}.signup-form.svelte-1uxqmbq{display:flex;flex-direction:column;gap:20px}.form-group.svelte-1uxqmbq{display:flex;flex-direction:column;gap:6px}.form-group.svelte-1uxqmbq label:where(.svelte-1uxqmbq){font-weight:600;color:var(--text-color-primary, #333);font-size:14px}.input-wrapper.svelte-1uxqmbq{position:relative}.form-group.svelte-1uxqmbq input:where(.svelte-1uxqmbq){width:100%;padding:12px 16px;border:1px solid var(--border-color-dropdown, #d1d5db);border-radius:12px;font-size:16px;transition:border-color .2s ease;background:var(--bg-modal, white);color:var(--text-color-primary, #333);box-sizing:border-box}.password-input-container.svelte-1uxqmbq{position:relative}.password-input.svelte-1uxqmbq{padding-right:48px}.form-group.svelte-1uxqmbq input:where(.svelte-1uxqmbq):focus{outline:none;border-color:#6b8fff;box-shadow:0 0 0 3px #6b8fff1a}.form-group.svelte-1uxqmbq input.error:where(.svelte-1uxqmbq){border-color:#dc2626}.form-group.svelte-1uxqmbq input.success:where(.svelte-1uxqmbq){border-color:#22c55e}.input-status.svelte-1uxqmbq{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle.svelte-1uxqmbq{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;font-size:16px;opacity:.6;transition:opacity .2s ease}.password-toggle.svelte-1uxqmbq:hover{opacity:1}.field-error.svelte-1uxqmbq{color:#dc2626;font-size:12px}.field-hint.svelte-1uxqmbq{color:var(--text-color-secondary, #666);font-size:12px}.submit-button.svelte-1uxqmbq{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 15px #667eea4d}.submit-button.svelte-1uxqmbq:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.submit-button.svelte-1uxqmbq:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner.svelte-1uxqmbq{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-1uxqmbq-spin 1s linear infinite}@keyframes svelte-1uxqmbq-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay.svelte-1uxqmbq{padding:16px}.modal-content.svelte-1uxqmbq{padding:24px;border-radius:16px}.modal-header.svelte-1uxqmbq h2:where(.svelte-1uxqmbq){font-size:20px}.icon.svelte-1uxqmbq{font-size:32px}}.game-end-content.svelte-99wlmj,.rematch-offer-content.svelte-99wlmj{display:flex;flex-direction:column;align-items:center;text-align:center}.icon.svelte-99wlmj{font-size:64px;margin-bottom:16px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.message.svelte-99wlmj,.rematch-offer-content.svelte-99wlmj h3:where(.svelte-99wlmj),.rematch-offer-content.svelte-99wlmj p:where(.svelte-99wlmj){font-size:18px;color:var(--text-color-primary);margin:0 0 32px}.rematch-offer-content.svelte-99wlmj h3:where(.svelte-99wlmj){font-size:22px;font-weight:700;margin-bottom:8px}.match-actions.svelte-99wlmj{display:flex;flex-direction:column;gap:12px;width:100%}.match-button.svelte-99wlmj{padding:16px 24px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.match-button.primary.svelte-99wlmj{background:var(--bg-button-hover);color:var(--text-color-hover);font-weight:700;box-shadow:0 8px 24px #6b8fff33}.match-button.primary.svelte-99wlmj:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6b8fff4d}.match-button.secondary.svelte-99wlmj{background:var(--bg-button);color:var(--text-color-primary);border:1px solid var(--border-color-button)}.match-button.secondary.svelte-99wlmj:hover{background:var(--bg-button-hover)}.match-button.challenge.svelte-99wlmj{background:linear-gradient(135deg,gold,#f0b700);color:#1a472a;font-weight:700;box-shadow:0 8px 24px #ffd7004d}.match-button.challenge.svelte-99wlmj:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066;background:linear-gradient(135deg,#ffed4a,gold)}.match-button.accepted.svelte-99wlmj{background:var(--bg-button);color:var(--text-color-secondary);border:2px solid var(--border-color-button);opacity:.8;cursor:not-allowed}.countdown-text.svelte-99wlmj{font-size:14px;color:var(--text-color-secondary);margin:-8px 0 16px;font-weight:600}.rematch-status-text.svelte-99wlmj{margin-top:-16px;margin-bottom:24px;color:var(--text-color-hover, #6b8fff)}.signup-prompt-link.svelte-99wlmj{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color-menu, #e0e0e0)}.prompt-text.svelte-99wlmj{margin:0;color:var(--text-color-secondary, #666);font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px}.signup-link.svelte-99wlmj{background:none;border:none;color:var(--text-color-hover, #6b8fff);text-decoration:underline;cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:opacity .2s ease}.signup-link.svelte-99wlmj:hover{opacity:.8}.connection-status.svelte-1e8mvp7{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;min-width:320px;max-width:90vw;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);animation:svelte-1e8mvp7-slideDown .4s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-reconnecting.svelte-1e8mvp7{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-connected.svelte-1e8mvp7{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-failed.svelte-1e8mvp7{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-offline.svelte-1e8mvp7{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}@keyframes svelte-1e8mvp7-slideDown{0%{opacity:0;transform:translate(-50%) translateY(-24px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.status-content.svelte-1e8mvp7{padding:16px 20px}.status-header.svelte-1e8mvp7{display:flex;align-items:center;gap:12px}.status-icon-wrapper.svelte-1e8mvp7{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff26;border-radius:8px;flex-shrink:0}.status-icon.svelte-1e8mvp7{font-size:16px;font-weight:600;display:block}.status-icon.pulse.svelte-1e8mvp7{animation:svelte-1e8mvp7-pulse 1.5s ease-in-out infinite}@keyframes svelte-1e8mvp7-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text.svelte-1e8mvp7{flex:1;display:flex;flex-direction:column;gap:2px}.status-message.svelte-1e8mvp7{font-size:15px;font-weight:600;line-height:1.3}.status-progress.svelte-1e8mvp7{font-size:12px;opacity:.8;font-weight:500}.status-subtitle.svelte-1e8mvp7{font-size:12px;opacity:.85;font-weight:500;line-height:1.4}.dismiss-btn.svelte-1e8mvp7{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease;flex-shrink:0}.dismiss-btn.svelte-1e8mvp7:hover{background:#fff3;transform:scale(1.05)}.dismiss-btn.svelte-1e8mvp7:active{transform:scale(.95)}.progress-bar.svelte-1e8mvp7{margin-top:12px;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill.svelte-1e8mvp7{height:100%;background:#fff9;border-radius:2px;transition:width .3s ease}.retry-btn.svelte-1e8mvp7{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;flex-shrink:0;margin-right:8px}.retry-btn.svelte-1e8mvp7:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px)}.retry-btn.svelte-1e8mvp7:active{transform:translateY(0)}.retry-icon.svelte-1e8mvp7{font-size:12px}@media (max-width: 640px){.connection-status.svelte-1e8mvp7{top:16px;left:16px;right:16px;transform:none;min-width:auto;max-width:none}@keyframes svelte-1e8mvp7-slideDown{0%{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.status-content.svelte-1e8mvp7{padding:14px 16px}.status-header.svelte-1e8mvp7{gap:10px}.status-icon-wrapper.svelte-1e8mvp7{width:28px;height:28px}.status-message.svelte-1e8mvp7{font-size:14px}.status-progress.svelte-1e8mvp7{font-size:11px}}html.dark-mode .connection-status.svelte-1e8mvp7{box-shadow:0 8px 32px #0000003d,0 2px 8px #00000029,inset 0 1px #ffffff14;border-color:#ffffff14}