.modal-backdrop.svelte-7oq2an{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg-primary) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-box.svelte-7oq2an{background-color:var(--color-bg-modal);border:1px solid var(--color-border-subtle);border-radius:.75rem;padding:1.5rem;width:100%;max-width:28rem;box-shadow:0 10px 25px #00000080}.close-btn.svelte-7oq2an{cursor:pointer}.close-icon.svelte-7oq2an{filter:invert(60%);transition:filter .2s}.close-btn.svelte-7oq2an:hover .close-icon:where(.svelte-7oq2an){filter:invert(100%)}.input-field.svelte-7oq2an{width:100%;padding:.75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);transition:all .2s;outline:none}.input-field.svelte-7oq2an:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.input-field.svelte-7oq2an::placeholder{color:var(--color-text-muted)}.input-field.error.svelte-7oq2an{border-color:var(--color-destructive)}.input-field.error.svelte-7oq2an:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-destructive) 20%,transparent)}.error-text.svelte-7oq2an{color:var(--color-destructive)}.color-btn.svelte-7oq2an{display:flex;align-items:center;justify-content:center}.color-btn-white.svelte-7oq2an{background-color:var(--color-text-primary);color:var(--color-bg-primary)}.color-btn-white.svelte-7oq2an:hover{opacity:.9}.color-btn-black.svelte-7oq2an{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.color-btn-black.svelte-7oq2an:hover{opacity:.9}.color-btn.selected.svelte-7oq2an{box-shadow:inset 0 0 0 3px var(--color-accent)}.submit-btn.svelte-7oq2an{width:100%;padding:.75rem 1.5rem;background-color:var(--color-text-primary);color:var(--color-bg-primary);border-radius:.5rem;font-weight:500;transition:opacity .2s;cursor:pointer}.submit-btn.svelte-7oq2an:hover:not(:disabled){opacity:.9}.submit-btn.svelte-7oq2an:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop.svelte-ms9ryv{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg-primary) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-box.svelte-ms9ryv{background-color:var(--color-bg-modal);border:1px solid var(--color-border-subtle);border-radius:.75rem;padding:1.5rem;width:100%;max-width:28rem;box-shadow:0 10px 25px #00000080}.close-btn.svelte-ms9ryv{cursor:pointer}.close-icon.svelte-ms9ryv{filter:invert(60%);transition:filter .2s}.close-btn.svelte-ms9ryv:hover .close-icon:where(.svelte-ms9ryv){filter:invert(100%)}.input-field.svelte-ms9ryv{width:100%;padding:.75rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);transition:all .2s;outline:none}.input-field.svelte-ms9ryv:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.input-field.svelte-ms9ryv::placeholder{color:var(--color-text-muted)}.input-field.error.svelte-ms9ryv{border-color:var(--color-destructive)}.input-field.error.svelte-ms9ryv:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-destructive) 20%,transparent)}.error-text.svelte-ms9ryv{color:var(--color-destructive)}.submit-btn.svelte-ms9ryv{width:100%;padding:.75rem 1.5rem;background-color:var(--color-text-primary);color:var(--color-bg-primary);border-radius:.5rem;font-weight:500;transition:opacity .2s;cursor:pointer}.submit-btn.svelte-ms9ryv:hover:not(:disabled){opacity:.9}.submit-btn.svelte-ms9ryv:active:not(:disabled){opacity:.7}.submit-btn.svelte-ms9ryv:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop.svelte-jyeiuc{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg-primary) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-box.svelte-jyeiuc{background-color:var(--color-bg-modal);border:1px solid var(--color-border-subtle);border-radius:.75rem;padding:1rem;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000080;scrollbar-width:none;-ms-overflow-style:none}@media(min-width:768px){.modal-box.svelte-jyeiuc{padding:1.5rem}}.modal-box.svelte-jyeiuc::-webkit-scrollbar{display:none}.close-btn.svelte-jyeiuc{cursor:pointer}.close-icon.svelte-jyeiuc{filter:invert(60%);transition:filter .2s}.close-btn.svelte-jyeiuc:hover .close-icon:where(.svelte-jyeiuc){filter:invert(100%)}.icon-accent-filter.svelte-jyeiuc{filter:invert(70%) sepia(27%) saturate(514%) hue-rotate(73deg) brightness(95%) contrast(87%)}.tabs-container-wrapper.svelte-jyeiuc{overflow-x:auto;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.tabs-container-wrapper.svelte-jyeiuc::-webkit-scrollbar{display:none}.tabs-container-wrapper.svelte-jyeiuc{scrollbar-width:none}@media(min-width:768px){.tabs-container-wrapper.svelte-jyeiuc{margin-bottom:1.5rem}}.tabs-container.svelte-jyeiuc{display:flex;gap:.5rem;background-color:var(--color-bg-secondary);padding:.25rem;border-radius:.5rem;min-width:min-content}.tab.svelte-jyeiuc{padding:.625rem .75rem;border-radius:.375rem;color:var(--color-text-muted);font-size:.75rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:transparent;text-align:center;white-space:nowrap;flex:1;min-width:fit-content}@media(min-width:640px){.tab.svelte-jyeiuc{font-size:.875rem;padding:.625rem 1rem}}.tab.svelte-jyeiuc:hover{color:var(--color-text-primary)}.tab-active.svelte-jyeiuc{color:var(--color-text-primary);background-color:var(--color-accent)}.tab-content.svelte-jyeiuc{min-height:20rem}.info-box.svelte-jyeiuc{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:1rem}.alert-box.svelte-jyeiuc{background-color:color-mix(in srgb,var(--color-destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-destructive) 30%,transparent);border-radius:.5rem;padding:1rem}.pro-tip-box.svelte-jyeiuc{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:.5rem;padding:1rem}.option-card.svelte-jyeiuc{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:.75rem}.check-icon.svelte-jyeiuc{color:var(--color-accent);font-weight:700;flex-shrink:0}.x-icon.svelte-jyeiuc{color:var(--color-destructive);font-weight:700;flex-shrink:0}.check-box.svelte-jyeiuc{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:1rem}.numbered-list.svelte-jyeiuc{list-style-type:decimal;list-style-position:inside;color:var(--color-text-muted)}.numbered-list.svelte-jyeiuc li:where(.svelte-jyeiuc)::marker{color:var(--color-accent);font-weight:700}.footer-btn.svelte-jyeiuc{width:100%;padding:.625rem 1rem;background-color:var(--color-text-primary);color:var(--color-bg-primary);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}@media(min-width:768px){.footer-btn.svelte-jyeiuc{padding:.75rem 1.5rem;font-size:1rem}}.footer-btn.svelte-jyeiuc:hover{opacity:.9}.footer-btn.svelte-jyeiuc:active{opacity:.7}.chess-pattern.svelte-6tr2dc{background-color:var(--color-bg-primary);background-image:linear-gradient(45deg,var(--color-bg-pattern) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-pattern) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-pattern) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-pattern) 75%);background-size:60px 60px;background-position:0 0,0 30px,30px -30px,-30px 0px}@media(max-width:640px){.chess-pattern.svelte-6tr2dc{background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0px}}.icon-container.svelte-6tr2dc{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent)}.icon-color.svelte-6tr2dc{filter:invert(70%) sepia(27%) saturate(514%) hue-rotate(73deg) brightness(95%) contrast(87%)}.btn-create.svelte-6tr2dc{background-color:var(--color-text-primary);color:var(--color-bg-primary)}.btn-create.svelte-6tr2dc:hover{opacity:.9}.btn-create.svelte-6tr2dc:active{opacity:.7}.btn-join.svelte-6tr2dc{background-color:var(--color-accent);color:var(--color-text-primary);border:1px solid var(--color-accent)}.btn-join.svelte-6tr2dc:hover{opacity:.9}.btn-join.svelte-6tr2dc:active{opacity:.7}.btn-how-to-play.svelte-6tr2dc{color:var(--color-text-muted)}.btn-how-to-play.svelte-6tr2dc:hover{background-color:var(--color-accent);color:var(--color-text-primary)}.btn-how-to-play.svelte-6tr2dc:active{opacity:.7}.divider.svelte-6tr2dc{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);border-width:1px}.feature-icon.svelte-6tr2dc{filter:invert(100%)}.game-code-container.svelte-53o9pb{background-color:#1a1a1a;border:1px solid #333;border-radius:.75rem;padding:1.5rem}.copy-btn.svelte-53o9pb{padding:.5rem;border-radius:.375rem;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .2s}.copy-btn.svelte-53o9pb:hover{background-color:#ffffff1a}.spinner-small.svelte-53o9pb{width:14px;height:14px;border:2px solid rgba(156,163,175,.3);border-top-color:#9ca3af;border-radius:50%;animation:svelte-53o9pb-spin 1s linear infinite}@keyframes svelte-53o9pb-spin{to{transform:rotate(360deg)}}.loading-overlay.svelte-1p9h290{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg-primary) 90%,transparent);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content.svelte-1p9h290{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner.svelte-1p9h290{width:48px;height:48px;border:4px solid color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-top-color:var(--color-accent);border-radius:50%;animation:svelte-1p9h290-spin 1s linear infinite}@keyframes svelte-1p9h290-spin{to{transform:rotate(360deg)}}.icon-accent.svelte-1rvl67d{filter:invert(70%) sepia(27%) saturate(514%) hue-rotate(73deg) brightness(95%) contrast(87%)}.toast-container.svelte-1cpok13{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:600px;padding:0 1rem}.toast.svelte-1cpok13{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:.5rem;box-shadow:0 4px 12px #0006;animation:svelte-1cpok13-slideDown .3s ease-out;width:100%}@keyframes svelte-1cpok13-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-error.svelte-1cpok13{background-color:var(--color-destructive);color:#fff}.toast-success.svelte-1cpok13{background-color:var(--color-accent);color:var(--color-text-primary)}.toast-info.svelte-1cpok13{background-color:var(--color-bg-modal);border:1px solid var(--color-border);color:var(--color-text-primary)}.toast.svelte-1cpok13 p:where(.svelte-1cpok13){margin:0;flex:1;font-size:.875rem;line-height:1.5}.toast-close.svelte-1cpok13{background:none;border:none;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .5rem;margin-left:1rem;opacity:.7;flex-shrink:0}.toast-close.svelte-1cpok13:hover{opacity:1}@media(max-width:640px){.toast-container.svelte-1cpok13{max-width:none;padding:0 .75rem}.toast.svelte-1cpok13{padding:.875rem 1rem}.toast.svelte-1cpok13 p:where(.svelte-1cpok13){font-size:.875rem}}@media(min-width:641px)and (max-width:1024px){.toast-container.svelte-1cpok13{max-width:500px}.toast.svelte-1cpok13 p:where(.svelte-1cpok13){font-size:.9375rem}}@media(min-width:1025px){.toast-container.svelte-1cpok13{max-width:600px}.toast.svelte-1cpok13{padding:1.125rem 1.5rem}.toast.svelte-1cpok13 p:where(.svelte-1cpok13){font-size:1rem}.toast-close.svelte-1cpok13{font-size:1.75rem}}