:root{--spacing-0: 0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--grid-spacing: var(--spacing-xs);--form-field-spacing: var(--spacing-md);--button-group-spacing: var(--spacing-sm);--modal-padding: var(--spacing-lg);--page-section-spacing: var(--spacing-lg);--card-padding: var(--spacing-md);--sidebar-padding: var(--spacing-md);--container-gap: var(--spacing-md);--section-gap: var(--spacing-lg);--component-gap: var(--spacing-sm)}@media (max-width: 480px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--modal-padding: var(--spacing-md);--page-section-spacing: var(--spacing-md);--sidebar-padding: var(--spacing-sm)}}@media (min-width: 1200px){:root{--container-gap: var(--spacing-lg);--section-gap: var(--spacing-xl)}}:root{--breakpoint-mobile: 320px;--breakpoint-mobile-lg: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-desktop-lg: 1200px;--breakpoint-wide: 1440px;--breakpoint-ultra-wide: 1920px;--container-mobile: 100%;--container-tablet: 750px;--container-desktop: 1000px;--container-wide: 1200px;--container-ultra-wide: 1400px;--vh-fallback: 1vh;--full-height: 100vh;--full-height-dynamic: 100dvh}@supports (height: 100dvh){:root{--full-height: 100dvh}}@media (hover: none) and (pointer: coarse){:root{--min-touch-target: 44px;--button-min-height: 44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){:root{--border-width: .5px}}@supports (container-type: inline-size){:root{--container-query-small: 20rem;--container-query-medium: 48rem;--container-query-large: 64rem;--container-query-wide: 80rem}.container-query{container-type:inline-size}}@media (prefers-reduced-motion: reduce){:root{--transition-duration: 0s;--animation-duration: 0s}}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1d4ed8;--color-brand-primary: #4f46e5;--color-brand-secondary: #06b6d4;--color-brand-gradient: linear-gradient( 135deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100% );--color-brand-primary-dark: hsl( 243, 75%, 20% );--color-brand-secondary-dark: hsl( 189, 94%, 20% );--color-brand-gradient-dark: linear-gradient( 135deg, var(--color-brand-primary-dark) 0%, var(--color-brand-secondary-dark) 100% );--color-player-red: #ef4444;--color-player-blue: #3b82f6;--color-player-green: #22c55e;--color-player-yellow: #eab308;--color-player-purple: #a855f7;--color-player-orange: #f97316;--color-player-pink: #ec4899;--color-player-teal: #14b8a6;--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-medium: rgba(0, 0, 0, .2);--color-shadow-heavy: rgba(0, 0, 0, .3);--color-shadow-overlay: rgba(0, 0, 0, .5);--color-glass-bg: rgba(255, 255, 255, .1);--color-glass-bg-hover: rgba(255, 255, 255, .2);--color-glass-bg-active: rgba(255, 255, 255, .25);--color-glass-bg-strong: rgba(255, 255, 255, .3);--color-glass-border: rgba(255, 255, 255, .3);--color-glass-border-hover: rgba(255, 255, 255, .6);--color-glass-text: rgba(255, 255, 255, .7);--color-glass-text-strong: rgba(255, 255, 255, .8);--color-glass-text-full: rgba(255, 255, 255, .95);--color-glass-shadow: rgba(255, 255, 255, .2);--color-error-glassmorphism: rgba(220, 53, 69, .8);--color-error-glassmorphism-hover: rgba(220, 53, 69, .9);--color-error-glassmorphism-active: rgba(200, 35, 51, .9);--color-error-border: rgba(220, 53, 69, .6);--color-error-border-hover: rgba(220, 53, 69, .8);--color-tooltip-bg: rgba(0, 0, 0, .9);--color-tooltip-text: white;--color-cell-white: var(--color-white);--color-cell-black: var(--color-black);--color-cell-x: var(--color-player-red);--color-cell-o: var(--color-player-blue);--color-cell-border: var(--color-gray-300);--color-cell-hover: var(--color-gray-100);--color-overlay-dark: rgba(255, 255, 255, .4);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-sidebar: var(--color-brand-gradient);--color-bg-modal: var(--color-white);--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-game-area: #f0f2f5;--color-text-white-primary: var(--color-gray-50);--color-text-white-secondary: var(--color-gray-100);--color-text-white-light: var(--color-gray-50);--color-text-white-muted: var(--color-gray-50);--color-text-black-primary: var(--color-gray-800);--color-text-black-secondary: var(--color-gray-700);--color-text-black-light: var(--color-gray-600);--color-text-black-muted: var(--color-gray-500);--color-border-primary: var(--color-gray-200);--color-border-secondary: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-success: #22c55e;--color-success-light: #dcfce7;--color-success-dark: #166534;--color-warning: #eab308;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-error: #ef4444;--color-error-light: #fef2f2;--color-error-dark: #991b1b;--color-danger: var(--color-error);--color-danger-dark: var(--color-error-dark);--color-danger-glass: rgba(220, 53, 69, .8);--color-danger-glass-hover: rgba(220, 53, 69, .9);--color-danger-border: rgba(220, 53, 69, .6);--color-info: var(--color-primary);--color-surface: var(--color-brand-gradient);--color-surface-dark: var(--color-brand-gradient-dark);--color-background: var(--color-gray-50);--color-text-white-inverse: var(--color-white);--color-text-white-inverse-muted: rgba(255, 255, 255, .7);--color-primary-dark: #1e40af;--color-primary-border: #8dbddd;--color-secondary: #8b5cf6;--color-secondary-light: #f4f4f4;--color-secondary-border: #dee2e6;--color-secondary-dark: #7c3aed;--color-overlay-light: rgba(255, 255, 255, .1);--color-overlay-medium: rgba(255, 255, 255, .2);--color-overlay-dark: rgba(255, 255, 255, .3);--color-clue-text: var(--color-gray-900);--color-clue-bg: var(--color-gray-200);--color-superclue-text: var(--color-gray-100);--color-superclue-bg: var(--color-gray-700);--color-clue-bg-hover: rgba(0, 0, 0, .1);--color-border: var(--color-gray-300);--color-disabled-bg: rgba(156, 163, 175, .5);--color-disabled-text: rgba(107, 114, 128, .7);--color-button-primary: var(--color-primary);--color-button-primary-hover: var(--color-primary-hover);--color-button-secondary: var(--color-gray-100);--color-button-secondary-hover: var(--color-gray-200)}@media (prefers-color-scheme: dark){:root{--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-800);--color-text-white-primary: var(--color-white);--color-text-white-secondary: var(--color-gray-300);--color-border-primary: var(--color-gray-700);--color-cell-border: var(--color-gray-600)}}:root{--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Fira Code", "Monaco", "Consolas", "Ubuntu Mono", monospace;--font-monospace: var(--font-family-mono);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: var(--font-size-base);--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-clue: var(--font-size-xs);--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--font-size-button: var(--font-size-md);--font-size-input: var(--font-size-md);--font-size-label: var(--font-size-sm);--font-size-caption: var(--font-size-xs);--font-size-title: var(--font-size-2xl);--font-size-subtitle: var(--font-size-lg);--font-size-body: var(--font-size-md);--text-shadow-light: 0 1px 2px rgba(0, 0, 0, .1);--text-shadow-medium: 0 2px 4px rgba(0, 0, 0, .2);--text-shadow-strong: 0 2px 8px rgba(0, 0, 0, .3);--text-shadow-glow: 0 0 8px rgba(255, 255, 255, .3)}@media (max-width: 480px){:root{--font-size-title: var(--font-size-xl);--font-size-subtitle: var(--font-size-md);--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-size-5xl: 2.25rem}}@media (min-width: 1200px){:root{--font-size-title: var(--font-size-3xl);--font-size-subtitle: var(--font-size-xl)}}:root{--radius-none: 0;--radius-xs: .0625rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-danger: 0 8px 25px rgba(220, 53, 69, .3);--z-index-base: 0;--z-index-dropdown: 10;--z-index-player-indicator: 12;--z-index-sticky: 15;--z-index-overlay: 20;--z-index-modal: 30;--z-index-toast: 40;--z-index-tooltip: 50;--sidebar-width: 250px;--sidebar-width-collapsed: 60px;--header-height: 60px;--footer-height: 60px;--mobile-bottom-bar-height: 80px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-wide: 1440px;--container-mobile-form: 300px;--game-cell-size: 40px;--game-cell-size-mobile: 32px;--game-clue-width: 30px;--game-clue-height: 25px;--game-zoom-min: .5;--game-zoom-max: 2;--game-zoom-step: .1;--grid-spacing: var(--spacing-sm);--clue-size: 30px;--clue-size-small: 25px;--super-clue-size: 70px;--clue-number-margin: calc(var(--spacing-xs) / 2);--waiting-room-height: 400px;--waiting-room-height-mobile: 300px;--spinner-size: 60px;--spinner-size-mobile: 50px;--cell-size: var(--game-cell-size);--icon-size: 24px;--translate-hide: -30px;--puzzle-card-size: 120px;--puzzle-card-size-mobile: 100px;--form-max-width: 400px;--player-indicator-size: 16px;--input-height: 40px;--input-height-sm: 32px;--input-height-lg: 48px;--button-height: 40px;--button-height-sm: 32px;--button-height-lg: 48px;--button-size-sm: 28px;--button-size-md: 32px;--button-size-lg: 40px;--button-size-xl: 56px;--button-size-2xl: 64px;--icon-size-xs: 16px;--icon-size-sm: 20px;--icon-size-md: 24px;--icon-size-lg: 28px;--icon-size-xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-medium: 1.2s ease-in-out;--transition-slow: .35s ease;--transition-bounce: .25s cubic-bezier(.68, -.55, .265, 1.55);--transition-delay-long: 1.2s;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 4px;--shadow-text: 2px 2px 4px rgba(0, 0, 0, .3);--shadow-text-sm: 1px 1px 2px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .3);--transform-lift: -2px;--shadow-outline: 0 0 0 3px rgba(59, 130, 246, .3);--backdrop-blur: blur(10px)}@media (max-width: 768px){:root{--sidebar-width: 100%;--game-cell-size: var(--game-cell-size-mobile);--input-height: var(--input-height-lg);--button-height: var(--button-height-lg)}}@media (prefers-contrast: high){:root{--border-width-normal: var(--border-width-thick);--shadow-md: none;--shadow-lg: none}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms}}:root{--gradient-primary: linear-gradient( 135deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100% );--gradient-primary-reverse: linear-gradient( 315deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100% );--gradient-glass: linear-gradient( 135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100% );--gradient-glass-strong: linear-gradient( 135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% );--gradient-button-primary: linear-gradient( 135deg, var(--color-primary) 0%, var(--color-primary-dark) 100% );--gradient-button-secondary: linear-gradient( 135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100% );--gradient-overlay-dark: linear-gradient( to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .1) 100% );--gradient-overlay-light: linear-gradient( to bottom, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100% );--gradient-success: linear-gradient( 135deg, var(--color-success) 0%, var(--color-success-dark) 100% );--gradient-error: linear-gradient( 135deg, var(--color-error) 0%, var(--color-error-dark) 100% );--gradient-warning: linear-gradient( 135deg, var(--color-warning) 0%, var(--color-warning-dark) 100% )}:root{--z-base: 1;--z-lower: -1;--z-header: 10;--z-sidebar: 20;--z-content: 1;--z-sticky: 100;--z-floating: 200;--z-dropdown: 500;--z-menu: 600;--z-overlay: 1000;--z-modal: 1000;--z-drawer: 1000;--z-tooltip: 1001;--z-notification: 1002;--z-loading: 1003;--z-critical: 9999}:root{--transform-hover-lift: translateY(-2px);--transform-reset: translateY(0);--transform-lift-sm: translateY(-1px);--transform-lift-md: translateY(-2px);--transform-lift-lg: translateY(-4px);--transform-scale-sm: scale(.95);--transform-scale-md: scale(1.05);--transform-scale-lg: scale(1.1);--transform-modal-enter: scale(.9) translateY(-20px);--transform-modal-enter-lg: scale(.9) translateY(-30px);--transform-tooltip-enter: translateX(-50%) translateY(-10px);--transform-tooltip-reset: translateX(-50%) translateY(0px);--transform-success-enter: translateX(-50%) translateY(-30px);--transform-success-reset: translateX(-50%) translateY(0);--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-duration-slower: .8s;--animation-ease-in: cubic-bezier(.4, 0, 1, 1);--animation-ease-out: cubic-bezier(0, 0, .2, 1);--animation-ease-in-out: cubic-bezier(.4, 0, .2, 1);--animation-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-button-hover: var(--animation-duration-fast) var(--animation-ease-out);--animation-modal-enter: var(--animation-duration-normal) var(--animation-ease-out);--animation-tooltip-show: var(--animation-duration-fast) var(--animation-ease-in-out);--transition-all: all var(--animation-duration-fast) var(--animation-ease-in-out);--transition-transform: transform var(--animation-duration-fast) var(--animation-ease-out);--transition-opacity: opacity var(--animation-duration-fast) var(--animation-ease-in-out);--transition-colors: color var(--animation-duration-fast) var(--animation-ease-in-out), background-color var(--animation-duration-fast) var(--animation-ease-in-out), border-color var(--animation-duration-fast) var(--animation-ease-in-out);--hover-transform-lift: var(--transform-hover-lift);--hover-transition: var(--transition-transform);--animation-spin: spin 1s linear infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stack-xs{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stack-sm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stack-md{display:flex;flex-direction:column;gap:var(--spacing-md)}.stack-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stack-xl{display:flex;flex-direction:column;gap:var(--spacing-xl)}.inline-xs{display:flex;flex-direction:row;gap:var(--spacing-xs)}.inline-sm{display:flex;flex-direction:row;gap:var(--spacing-sm)}.inline-md{display:flex;flex-direction:row;gap:var(--spacing-md)}.inline-lg{display:flex;flex-direction:row;gap:var(--spacing-lg)}.inline-xl{display:flex;flex-direction:row;gap:var(--spacing-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-modal)}.z-40{z-index:var(--z-popover)}.z-50{z-index:var(--z-tooltip)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 768px){.container{max-width:var(--container-tablet);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:var(--container-desktop)}}@media (min-width: 1440px){.container{max-width:var(--container-wide)}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-auto{aspect-ratio:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible-outline{outline:2px solid transparent;outline-offset:2px}.focus-visible-outline:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}@media (min-width: 768px){.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:grid{display:grid}}.show-mobile{display:block}.hide-mobile{display:none}@media (min-width: 768px){.show-mobile{display:none}.hide-mobile,.show-tablet{display:block}.hide-tablet{display:none}}@media (min-width: 1024px){.show-tablet{display:none}.hide-tablet,.show-desktop{display:block}.hide-desktop{display:none}}@media (min-width: 1440px){.show-desktop{display:none}.hide-desktop,.show-wide{display:block}.hide-wide{display:none}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (min-width: 768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}}@media (min-width: 1024px){.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}}@media (min-width: 768px){.md\:stack-xs{gap:var(--spacing-xs)}.md\:stack-sm{gap:var(--spacing-sm)}.md\:stack-md{gap:var(--spacing-md)}.md\:stack-lg{gap:var(--spacing-lg)}.md\:inline-xs{gap:var(--spacing-xs)}.md\:inline-sm{gap:var(--spacing-sm)}.md\:inline-md{gap:var(--spacing-md)}.md\:inline-lg{gap:var(--spacing-lg)}}@media (min-width: 1024px){.lg\:stack-xs{gap:var(--spacing-xs)}.lg\:stack-sm{gap:var(--spacing-sm)}.lg\:stack-md{gap:var(--spacing-md)}.lg\:stack-lg{gap:var(--spacing-lg)}.lg\:inline-xs{gap:var(--spacing-xs)}.lg\:inline-sm{gap:var(--spacing-sm)}.lg\:inline-md{gap:var(--spacing-md)}.lg\:inline-lg{gap:var(--spacing-lg)}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}}@media (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@supports (container-type: inline-size){@container (min-width: var(--container-query-small)){.cq-sm\:block{display:block}.cq-sm\:flex{display:flex}.cq-sm\:grid{display:grid}}@container (min-width: var(--container-query-medium)){.cq-md\:block{display:block}.cq-md\:flex{display:flex}.cq-md\:grid{display:grid}.cq-md\:flex-row{flex-direction:row}.cq-md\:flex-col{flex-direction:column}}@container (min-width: var(--container-query-large)){.cq-lg\:block{display:block}.cq-lg\:flex{display:flex}.cq-lg\:grid{display:grid}.cq-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:text-black{color:#000!important}.print\:no-bg{background:transparent!important;box-shadow:none!important}}:root{font-family:var(--font-family-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-white-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{display:flex;place-items:center;min-width:var(--breakpoint-mobile);min-height:var(--full-height)}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold)}p{margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}._overlay_1ti55_2{position:fixed;inset:0;background-color:var(--color-shadow-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._modal_1ti55_17{background:var(--color-brand-gradient);border-radius:var(--radius-md);width:100%;max-width:var(--form-max-width);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:_modalAppear_1ti55_1 .3s ease-out}@keyframes _modalAppear_1ti55_1{0%{opacity:0;transform:var(--transform-modal-enter)}to{opacity:1;transform:scale(1) var(--transform-reset)}}._header_1ti55_40{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);margin-bottom:var(--spacing-md)}._title_1ti55_48{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--color-text-white-primary)}._closeButton_1ti55_55{background:none;border:none;font-size:var(--font-size-title);color:var(--color-text-white-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}._closeButton_1ti55_55:hover:not(:disabled){background-color:var(--color-bg-secondary)}._closeButton_1ti55_55:disabled{opacity:.5;cursor:not-allowed}._content_1ti55_76{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}@media (max-width: var(--breakpoint-tablet)){._modal_1ti55_17{max-width:90vw;margin:var(--spacing-md)}._header_1ti55_40{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md)}._content_1ti55_76{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}}._createButton_uyuzo_1{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-glass-bg);color:#fff;border:var(--border-width-normal) solid var(--color-glass-border);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);width:100%}._createButton_uyuzo_1:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);transform:translateY(var(--transform-lift))}._createButton_uyuzo_1:focus{outline:none;box-shadow:0 0 0 3px var(--color-glass-shadow)}._createButton_uyuzo_1:active{transform:translateY(0)}._tooltip_14bj6_1{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:var(--color-tooltip-bg);color:var(--color-tooltip-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:var(--transition-fast);transform-origin:center bottom}._tooltip_14bj6_1:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-tooltip-bg)}._tooltip_14bj6_1._visible_14bj6_30{opacity:1;transform:var(--transform-tooltip-enter);animation:_slideUp_14bj6_1 .3s ease-out}@keyframes _slideUp_14bj6_1{0%{opacity:0;transform:var(--transform-tooltip-reset)}to{opacity:1;transform:var(--transform-tooltip-enter)}}._controlGroup_k4yfv_1{display:flex;gap:var(--spacing-sm);align-items:center;flex-direction:column}._button_k4yfv_9{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-glass-bg);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border:var(--border-width-normal) solid var(--color-glass-border);transition:var(--transition-fast);cursor:pointer;width:100%}._button_k4yfv_9:hover:not(:disabled){background:var(--color-glass-bg-active);border-color:var(--color-glass-border-active);transform:translateY(var(--transform-lift))}._button_k4yfv_9:focus{outline:none;box-shadow:var(--shadow-focus)}._button_k4yfv_9:disabled{opacity:.5;cursor:not-allowed;background:var(--color-disabled-bg)!important;border-color:var(--color-glass-border)!important;transform:none!important}._button_k4yfv_9:disabled:hover{transform:none!important;background:var(--color-disabled-bg)!important}._solutionButton_k4yfv_52._active_k4yfv_52{background:var(--color-warning-dark)}._controlsPanel_2e76e_1{display:flex;width:100%;height:100%;flex-shrink:1;min-width:0;justify-content:center;gap:var(--spacing-md)}._sidebar_2e76e_12{flex-direction:column;gap:var(--spacing-md);max-width:var(--sidebar-width)}._bottombar_2e76e_19{flex-direction:row;justify-content:space-evenly;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);flex-wrap:nowrap;overflow:hidden}._bottombar_2e76e_19>*{flex-shrink:1;min-width:0}._mobileClearForm_gp2my_2{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-xl);height:100%;justify-content:center;align-items:center;text-align:center}._formTitle_gp2my_13{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;text-align:center;color:var(--color-text-white-inverse);text-shadow:var(--text-shadow)}._clearMessage_gp2my_22{display:flex;flex-direction:column;gap:var(--spacing-sm)}._clearMessage_gp2my_22 p{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-white-inverse);text-shadow:var(--text-shadow)}._clearActions_gp2my_36{display:flex;gap:var(--spacing-md);justify-content:center;width:100%;max-width:var(--container-mobile-form)}._clearCancelButton_gp2my_44,._clearConfirmButton_gp2my_45{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--color-overlay-light);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-medium);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);text-shadow:var(--text-shadow-light)}._clearCancelButton_gp2my_44{background:var(--color-overlay-light);color:var(--color-text-white-inverse)}._clearCancelButton_gp2my_44:hover{background:var(--color-overlay-medium);transform:var(--transform-hover-lift);box-shadow:var(--shadow-lg);border-color:var(--color-overlay-medium)}._clearConfirmButton_gp2my_45{background:var(--color-danger-glass);color:var(--color-text-white-inverse);border-color:var(--color-danger-border)}._clearConfirmButton_gp2my_45:hover{background:var(--color-danger-glass-hover);border-color:var(--color-danger);transform:var(--transform-hover-lift);box-shadow:var(--shadow-danger)}._mobileTopBar_wjqz6_2{height:10vh;height:10dvh;background:var(--gradient-primary);color:var(--color-text-white-inverse);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);position:relative}._projectTitle_wjqz6_14{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center}._leftButton_wjqz6_21,._rightButton_wjqz6_22{background:var(--color-overlay-light);color:var(--color-text-white-inverse);border:none;border-radius:50%;cursor:pointer;font-weight:var(--font-weight-bold);transition:var(--transition-fast);aspect-ratio:1 / 1;min-width:var(--button-min-height);min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center;position:absolute;font-size:var(--font-size-lg);top:50%;transform:translateY(-50%)}._leftButton_wjqz6_21{left:5vw}._rightButton_wjqz6_22{right:5vw}._leftButton_wjqz6_21:hover,._rightButton_wjqz6_22:hover{background:var(--color-overlay-medium)}._hamburgerButton_wjqz6_56{background:var(--color-overlay-light);color:var(--color-text-white-inverse);border:none;border-radius:50%;cursor:pointer;font-weight:var(--font-weight-bold);transition:var(--transition-fast);aspect-ratio:1 / 1;min-width:var(--button-min-height);min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center;position:absolute;font-size:var(--font-size-lg);top:50%;transform:translateY(-50%);right:5vw}._hamburgerButton_wjqz6_56:hover{background:var(--color-overlay-medium)}@media (min-width: 768px){._mobileTopBar_wjqz6_2{display:none}}._roomInfo_1s4ho_2{background:var(--color-surface-dark);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}._roomTitle_1s4ho_9{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}._roomLink_1s4ho_14{font-size:var(--font-size-sm);color:var(--color-text-white-muted);word-break:break-all;margin-bottom:var(--spacing-md)}._copyButtonWrapper_1s4ho_21{position:relative}._copyButton_1s4ho_21{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--color-glass-bg);color:#fff;border:var(--border-width-normal) solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}._copyButton_1s4ho_21:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);transform:translateY(var(--transform-lift))}._copyButton_1s4ho_21:focus{outline:none;box-shadow:0 0 0 3px var(--color-glass-shadow)}._copyButton_1s4ho_21:active{transform:translateY(0)}._playersContainer_1s4ho_58{margin-top:var(--spacing-md)}._playersTitle_1s4ho_62{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text-white-muted)}._playersList_1s4ho_69{display:flex;flex-direction:column;gap:var(--spacing-sm)}._playerCard_1s4ho_75{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-darker);border-radius:var(--radius-sm)}._playerColor_1s4ho_84{width:var(--spacing-md);height:var(--spacing-md);border-radius:50%;flex-shrink:0}._playerInfo_1s4ho_91{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._playerName_1s4ho_98{font-size:var(--font-size-sm)}._creatorBadge_1s4ho_102{background:var(--color-danger);color:var(--color-text-white-inverse);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-xs);font-weight:var(--font-weight-semibold)}._mobileBottomBar_qrwpc_1{bottom:0;left:0;right:0;height:15vh;height:15dvh;background:var(--gradient-primary);color:var(--color-text-white-inverse);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}@media (min-width: var(--breakpoint-tablet)){._mobileBottomBar_qrwpc_1{display:none}}._sidebar_xjkv0_2{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-surface);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);border-right:var(--border-width) solid var(--color-border);box-sizing:border-box;overflow-y:auto}._projectTitle_xjkv0_16{margin-bottom:var(--spacing-sm)}._titleButton_xjkv0_20{background:none;border:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-white-secondary);cursor:pointer;padding:0;text-align:center;width:100%;display:flex;align-items:center;justify-content:center}._titleButton_xjkv0_20:hover{opacity:.8;color:var(--color-text-white-light)}._titleButton_xjkv0_20:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}._gameContent_xjkv0_48{display:flex;flex-direction:column;gap:var(--spacing-md)}._subtitle_xjkv0_55{text-align:center;color:var(--color-text-white-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}._gameControls1_xjkv0_67,._gameControls2_xjkv0_68{display:flex;flex-direction:column;gap:var(--spacing-sm)}._content_6uue2_2{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}._subtitle_6uue2_10{text-align:center;color:var(--color-text-white-muted);font-size:var(--font-size-sm)}._gameControls1_6uue2_17{display:flex;flex-direction:column;gap:var(--spacing-sm)}._pageContainer_yhmtp_2{display:flex;height:var(--full-height);width:100%}._sidebar_yhmtp_9{width:var(--sidebar-width);min-height:var(--full-height);background:var(--color-bg-sidebar);color:var(--color-text-white-light);padding:var(--sidebar-padding);display:flex;flex-direction:column;gap:var(--container-gap);overflow-y:auto}._projectTitle_yhmtp_22{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);text-align:center}._titleButton_yhmtp_28{background:none;border:none;color:var(--color-text-white-light);font-size:inherit;font-weight:inherit;cursor:pointer;padding:0;text-decoration:none;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center;text-align:center;width:100%}._titleButton_yhmtp_28:hover{opacity:.8;color:var(--color-text-white-light)}._titleButton_yhmtp_28:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}._gameContent_yhmtp_60{display:flex;flex-direction:column;gap:var(--container-gap)}._subtitle_yhmtp_66{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);text-align:center;line-height:var(--line-height-normal)}._gameControls1_yhmtp_73,._gameControls2_yhmtp_74{display:flex;flex-direction:column;gap:var(--container-gap)}._paintModePanel_yhmtp_80,._zoomPanel_yhmtp_81{display:flex;flex-direction:column;gap:var(--component-gap);justify-content:center}._sectionTitle_yhmtp_88{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-white-muted)}._roomInfo_yhmtp_96{background:var(--color-gray-700);border-radius:var(--radius-lg);padding:var(--card-padding);margin-top:var(--container-gap)}._roomTitle_yhmtp_103{font-weight:var(--font-weight-semibold);margin-bottom:var(--component-gap)}._roomLink_yhmtp_108{font-size:var(--font-size-sm);color:var(--color-text-white-muted);word-break:break-all;margin-bottom:var(--container-gap)}._copyButtonWrapper_yhmtp_115{position:relative}._copyButton_yhmtp_115{background:var(--color-primary);color:var(--color-text-white-inverse);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-fast)}._copyButton_yhmtp_115:hover{background:var(--color-primary-dark)}._playersContainer_yhmtp_135{margin-top:var(--spacing-md)}._playersTitle_yhmtp_139{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text-white-light)}._playersList_yhmtp_146{display:flex;flex-direction:column;gap:var(--spacing-sm)}._playerCard_yhmtp_152{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}._playerColor_yhmtp_161{width:var(--player-indicator-size);height:var(--player-indicator-size);border-radius:50%;flex-shrink:0}._playerInfo_yhmtp_168{display:flex;align-items:center;gap:var(--component-gap);flex:1}._playerName_yhmtp_175{font-size:var(--font-size-sm)}._creatorBadge_yhmtp_179{background:var(--color-error);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}._pageContentArea_yhmtp_189{flex:1;display:flex;flex-direction:column;background:var(--color-brand-gradient);overflow:hidden;font-family:var(--font-family-primary)}._pageContent_yhmtp_189{max-width:1200px;margin:auto;padding:var(--spacing-xl);width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}._nonogramContainerArea_yhmtp_212{display:flex;flex-direction:column;background:var(--color-bg-game-area);overflow:hidden;font-family:var(--font-family-primary);align-items:center;overflow:auto;height:var(--full-height);width:calc(100vw - var(--sidebar-width))}._nonogramContainer_yhmtp_212{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);box-sizing:border-box;overflow:auto;position:relative}._hamburgerButton_yhmtp_238,._closeButton_yhmtp_239{background:var(--color-glass-bg);color:#fff;border:none;border-radius:50%;cursor:pointer;font-weight:700;transition:background-color .2s ease;aspect-ratio:1 / 1;min-width:2.5em;min-height:2.5em;display:flex;align-items:center;justify-content:center;position:absolute}._hamburgerButton_yhmtp_238,._closeButton_yhmtp_239{font-size:1.2rem;top:50%;transform:translateY(-50%);right:5vw}._hamburgerButton_yhmtp_238:hover,._closeButton_yhmtp_239:hover{background:var(--color-glass-bg-strong)}._mobileTopBar_yhmtp_270{height:10vh;height:10dvh;background:var(--color-brand-gradient);color:var(--color-gray-50);display:flex;align-items:center;justify-content:center;padding:0 1rem;position:relative;flex-shrink:0;z-index:var(--z-sticky)}._topBarExpanded_yhmtp_284{background:var(--color-brand-gradient);color:var(--color-text-white-inverse);padding:var(--spacing-md);height:90vh;height:90dvh;overflow-y:auto;border-bottom:var(--border-width-thin) solid var(--color-glass-border);display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileBottomBar_yhmtp_297{height:15dvh;background:var(--color-brand-gradient);color:var(--color-text-white-inverse);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);box-shadow:0 -2px 10px var(--color-shadow-light);z-index:var(--z-sticky);flex-shrink:0}._overlay_yhmtp_310{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-shadow-overlay);z-index:var(--z-overlay)}._toggleButton_yhmtp_321{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){._pageContainer_yhmtp_2{flex-direction:column;height:100vh;height:100dvh}._sidebar_yhmtp_9{display:none}._pageContent_yhmtp_189{display:flex;flex-direction:column;flex:1;padding:var(--spacing-md);width:100%;height:100%;overflow:auto}._gameControls2_yhmtp_74{flex-direction:row}._nonogramContainerArea_yhmtp_212{flex:1;display:flex;flex-direction:column;width:100vw;overflow:auto;height:auto}._nonogramContainer_yhmtp_212{flex:1;width:100%;overflow:visible;padding:var(--spacing-sm)}._pageContentArea_yhmtp_189{height:calc(90vh - 60px)}._nonogramContainerArea_yhmtp_212{height:calc(90vh - 120px)}}@media (min-width: 769px){._mobileTopBar_yhmtp_270,._topBarExpanded_yhmtp_284,._mobileBottomBar_yhmtp_297,._overlay_yhmtp_310{display:none}}@media (max-width: 480px){._mobileCreateForm_yhmtp_395{padding:var(--spacing-md);gap:var(--spacing-lg)}._formTitle_yhmtp_400{font-size:var(--font-size-xl)}._label_yhmtp_404{font-size:var(--font-size-md)}._colorGrid_yhmtp_408{gap:.75rem}._colorButton_yhmtp_412{width:44px;height:44px}._createButton_yhmtp_417{padding:.875rem 1.5rem;font-size:.95rem}}._mobileCreateForm_yhmtp_395{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%}._formTitle_yhmtp_400{font-size:1.5rem;font-weight:600;margin:0;text-align:center;color:#fff;text-shadow:var(--shadow-text-sm)}._formGroup_yhmtp_441{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_yhmtp_404{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#fff;text-shadow:var(--shadow-text-sm)}._input_yhmtp_454{padding:var(--spacing-md);border:var(--border-width-thin) solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-bg-hover);color:#fff;font-size:var(--font-size-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast);box-sizing:border-box}._input_yhmtp_454:focus{outline:none;border-color:var(--color-glass-border-hover);background:var(--color-glass-bg-active);box-shadow:0 0 0 3px var(--color-glass-shadow)}._input_yhmtp_454::placeholder{color:var(--color-glass-text)}._colorGrid_yhmtp_408{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:center;margin-top:.5rem}._colorButton_yhmtp_412{width:var(--button-size-lg);height:var(--button-size-lg);border-radius:50%;border:var(--border-width-medium) solid transparent;cursor:pointer;transition:var(--transition-fast);position:relative}._colorButton_yhmtp_412:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-lg)}._colorButton_yhmtp_412._selected_yhmtp_500{border-color:#fff;box-shadow:0 0 0 2px var(--color-glass-border-active);transform:scale(1.15)}._createButton_yhmtp_417{padding:var(--spacing-lg) var(--spacing-xl);border:var(--border-width-thin) solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-bg);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-lg)}._createButton_yhmtp_417:hover:not(:disabled){background:var(--color-glass-bg-active);transform:var(--transform-hover-lift);box-shadow:var(--shadow-lg)}._createButton_yhmtp_417:disabled{opacity:.5;cursor:not-allowed}._error_yhmtp_531{background:var(--color-error-glassmorphism);border:var(--border-width-thin) solid var(--color-error-border);color:var(--color-error-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}._error_yhmtp_531 p{margin:0}._mobileClearForm_yhmtp_546{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem;height:100%;justify-content:center;align-items:center;text-align:center}._clearMessage_yhmtp_557{display:flex;flex-direction:column;gap:.75rem}._clearMessage_yhmtp_557 p{margin:0;font-size:var(--font-size-lg);line-height:1.6;color:#fff;text-shadow:var(--shadow-text-sm)}._clearActions_yhmtp_571{display:flex;gap:1rem;justify-content:center;width:100%;max-width:300px}._clearCancelButton_yhmtp_579,._clearConfirmButton_yhmtp_580{flex:1;padding:var(--spacing-lg) var(--spacing-xl);border:var(--border-width-thin) solid var(--color-glass-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);text-shadow:var(--shadow-text-sm)}._clearCancelButton_yhmtp_579{background:var(--color-glass-bg);color:#fff}._clearCancelButton_yhmtp_579:hover{background:var(--color-glass-bg-active);transform:var(--transform-hover-lift);box-shadow:var(--shadow-lg);border-color:var(--color-glass-border-active)}._clearConfirmButton_yhmtp_580{background:var(--color-error-glassmorphism);color:#fff;border-color:var(--color-error-border)}._clearConfirmButton_yhmtp_580:hover{background:var(--color-danger);border-color:var(--color-danger);transform:var(--transform-hover-lift);box-shadow:0 8px 25px var(--color-error-glassmorphism)}._mainContainer_yhmtp_619{flex:1;display:flex;flex-direction:column;height:var(--full-height);overflow:hidden}._mainContainer_yhmtp_619 ._pageContentArea_yhmtp_189,._mainContainer_yhmtp_619 ._nonogramContainerArea_yhmtp_212{height:90%;flex:none}@media (max-width: var(--breakpoint-tablet)){._mainContainer_yhmtp_619 ._pageContentArea_yhmtp_189,._mainContainer_yhmtp_619 ._nonogramContainerArea_yhmtp_212{height:calc(90vh - 60px)}}._successContent_bzvrv_1{text-align:center;position:absolute;width:90%;animation:_successAppear_bzvrv_1 1.5s ease-out forwards;transform:translateY(50px);opacity:0;padding-top:5%;z-index:var(--z-index-modal)}._successContent_bzvrv_1 p{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--color-success, #22c55e);text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 15px rgba(34,197,94,.5),0 0 30px rgba(34,197,94,.3);margin:0;letter-spacing:3px;text-transform:uppercase;filter:drop-shadow(0 0 20px rgba(34,197,94,.6));animation:_successPulse_bzvrv_1 2s ease-in-out 1.5s infinite}@keyframes _successAppear_bzvrv_1{0%{transform:translateY(60px);opacity:0;filter:blur(2px)}30%{transform:translateY(30px);opacity:.3;filter:blur(1px)}70%{transform:translateY(-10px);opacity:.8;filter:blur(0)}85%{transform:translateY(5px);opacity:.95}to{transform:translateY(0);opacity:1;filter:blur(0)}}@media (min-width: var(--breakpoint-tablet, 768px)){._successContent_bzvrv_1 p{font-size:clamp(3rem,8vw,1rem)}}@media (min-width: var(--breakpoint-desktop, 1024px)){._successContent_bzvrv_1 p{font-size:clamp(4rem,6vw,6rem)}}._successContent_bzvrv_1 p:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(34,197,94,.1) 0%,transparent 70%);z-index:-1}@keyframes _successPulse_bzvrv_1{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(34,197,94,.6))}50%{transform:scale(1.02);filter:drop-shadow(0 0 25px rgba(34,197,94,.8))}}._successOverlay_qc9lr_2{position:absolute;top:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:var(--z-overlay);background:transparent;animation:_slideInDown_qc9lr_1 1.5s ease-out}._successMessage_qc9lr_12{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-success);text-shadow:var(--shadow-text);letter-spacing:var(--letter-spacing-wide);text-align:center;margin:0}@keyframes _slideInDown_qc9lr_1{0%{opacity:0;transform:var(--transform-success-enter)}to{opacity:1;transform:var(--transform-success-reset)}}._loading_qc9lr_34,._error_qc9lr_35{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--color-brand-gradient);color:#fff;text-align:center;gap:var(--spacing-md)}._spinner_qc9lr_48{width:40px;height:40px;border:var(--border-width-thick) solid var(--color-glass-bg);border-left:var(--border-width-thick) solid white;border-radius:50%;animation:_spin_qc9lr_48 1s linear infinite}@keyframes _spin_qc9lr_48{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_qc9lr_34 p{font-size:var(--font-size-xl);margin:0;color:var(--color-glass-text-full)}._error_qc9lr_35 h2{font-size:var(--font-size-4xl);margin:0 0 var(--spacing-md) 0;color:#fff;text-shadow:var(--shadow-text)}._error_qc9lr_35 p{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xl) 0;color:var(--color-glass-text-full)}._errorButton_qc9lr_85{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-glass-bg);color:#fff;border:var(--border-width-normal) solid var(--color-glass-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}._errorButton_qc9lr_85:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);transform:translateY(var(--transform-lift))}._errorButton_qc9lr_85:focus{outline:none;box-shadow:0 0 0 3px var(--color-glass-shadow)}@media (max-width: 768px){._gamePageContainer_qc9lr_110{height:100vh}._nonogramContainer_qc9lr_114{padding:var(--spacing-sm);height:calc(100% - 10vh)}._successMessage_qc9lr_12{font-size:var(--font-size-4xl)}}._header_1e0z2_2{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-white-inverse)}._title_1e0z2_8{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;text-shadow:var(--shadow-text)}._subtitle_1e0z2_15{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);margin:0;opacity:.9}._typeTabs_1e0z2_23{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._typeTab_1e0z2_23{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-overlay-light);color:var(--color-text-white-inverse);border:var(--border-width-normal) solid var(--color-overlay-medium);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast)}._typeTab_1e0z2_23:hover{background:var(--color-overlay-medium);border-color:var(--color-overlay-dark);transform:translateY(var(--transform-lift))}._activeTab_1e0z2_48{background:var(--color-text-white-inverse);color:var(--color-primary);border-color:var(--color-text-white-inverse)}._activeTab_1e0z2_48:hover{background:var(--color-text-white-inverse);color:var(--color-primary);transform:translateY(var(--transform-lift))}._typeDescription_1e0z2_61{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-white-inverse);opacity:.9;font-size:var(--font-size-md)}._puzzleGrid_1e0z2_70{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--puzzle-card-size),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);justify-items:center;max-width:100%;margin-left:auto;margin-right:auto}._puzzleButton_1e0z2_84{display:flex;align-items:center;justify-content:center;width:var(--puzzle-card-size);height:var(--puzzle-card-size);background:var(--color-text-white-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-black-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl);transition:var(--transition-fast);border:var(--border-width-thick) solid transparent;cursor:pointer}._puzzleButton_1e0z2_84:hover{transform:var(--transform-lift-lg);box-shadow:var(--shadow-lg)}._puzzleButton_1e0z2_84:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-md),var(--shadow-outline)}._puzzleNumber_1e0z2_112{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}._loading_1e0z2_118,._error_1e0z2_119{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--waiting-room-height);color:var(--color-text-white-inverse);font-size:var(--font-size-xl);text-align:center}._error_1e0z2_119 p{margin-bottom:var(--spacing-md)}@media (max-width: 768px){._title_1e0z2_8{font-size:var(--font-size-3xl)}._subtitle_1e0z2_15{font-size:var(--font-size-md)}._typeTabs_1e0z2_23{gap:var(--spacing-xs)}._typeTab_1e0z2_23{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}._puzzleGrid_1e0z2_70{grid-template-columns:repeat(auto-fill,minmax(var(--puzzle-card-size-mobile),1fr));gap:var(--spacing-md)}._puzzleButton_1e0z2_84{width:var(--puzzle-card-size-mobile);height:var(--puzzle-card-size-mobile);font-size:var(--font-size-xl)}._puzzleNumber_1e0z2_112{font-size:var(--font-size-2xl)}}._header_180rf_2{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-white-inverse);display:flex;flex-direction:column;gap:var(--spacing-sm)}._title_180rf_11{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);text-shadow:var(--shadow-text);margin:0}._subtitle_180rf_18{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.9;margin:0}._info_180rf_25{font-size:var(--font-size-md);opacity:.8;margin:0}._form_180rf_32{background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width-thin) solid var(--color-overlay-medium);box-shadow:var(--shadow-xl);max-width:var(--form-max-width);width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);margin:0 auto}._field_180rf_47{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_180rf_53{display:block;color:var(--color-text-white-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-shadow:var(--shadow-text-sm)}._input_180rf_61{width:100%;padding:var(--spacing-md);border:var(--border-width-thin) solid var(--color-glass-border);border-radius:var(--radius-md);background:var(--color-glass-bg);color:#fff;font-size:var(--font-size-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast);box-sizing:border-box}._input_180rf_61::placeholder{color:var(--color-glass-text)}._input_180rf_61:focus{outline:none;border-color:var(--color-glass-border-hover);background:var(--color-glass-bg-active);box-shadow:0 0 0 3px var(--color-glass-shadow)}._colorGrid_180rf_86{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);justify-items:center}._colorButton_180rf_93{width:var(--button-size-lg);height:var(--button-size-lg);border-radius:50%;border:var(--border-width-medium) solid transparent;cursor:pointer;transition:var(--transition-fast);position:relative}._colorButton_180rf_93:hover:not(._disabled_180rf_103){transform:scale(1.1);box-shadow:var(--shadow-lg)}._colorButton_180rf_93._selected_180rf_108{border-color:#fff;box-shadow:0 0 0 2px var(--color-glass-border-active);transform:scale(1.15)}._colorButton_180rf_93._disabled_180rf_103{opacity:.5;cursor:not-allowed}._colorButton_180rf_93._disabled_180rf_103:hover{transform:none;box-shadow:none}._colorNote_180rf_124{color:var(--color-glass-text-strong);font-size:var(--font-size-sm);margin:0;text-align:center}._actions_180rf_132{display:flex;flex-direction:column;gap:var(--spacing-md)}._joinButton_180rf_139{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-glass-bg);color:#fff;border:var(--border-width-normal) solid var(--color-glass-border);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}._joinButton_180rf_139:hover:not(:disabled){background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);transform:translateY(var(--transform-lift))}._joinButton_180rf_139:focus{outline:none;box-shadow:0 0 0 3px var(--color-glass-shadow)}._joinButton_180rf_139:active:not(:disabled){transform:translateY(0)}._joinButton_180rf_139:disabled{opacity:.6;cursor:not-allowed;background:var(--color-glass-bg)!important;border-color:var(--color-glass-border)!important;transform:none!important}._errorMessage_180rf_179{background:var(--color-error-glassmorphism);border:var(--border-width-thin) solid var(--color-error-border);color:var(--color-error-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}._loading_180rf_190,._error_180rf_179{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--waiting-room-height);color:#fff;font-size:var(--font-size-xl);text-align:center}._error_180rf_179 h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-4xl)}._error_180rf_179 p{margin-bottom:var(--spacing-xl);opacity:.9}._backButton_180rf_213{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--color-glass-bg);color:#fff;border:var(--border-width-normal) solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}._backButton_180rf_213:hover{background:var(--color-glass-bg-hover);border-color:var(--color-glass-border-hover);transform:translateY(var(--transform-lift))}._backButton_180rf_213:focus{outline:none;box-shadow:0 0 0 3px var(--color-glass-shadow)}._backButton_180rf_213:active{transform:translateY(0)}@media (max-width: 768px){._title_180rf_11{font-size:var(--font-size-3xl)}._form_180rf_32{padding:var(--spacing-md)}._colorGrid_180rf_86{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}._colorButton_180rf_93{width:var(--button-size-md);height:var(--button-size-md)}}._statusContainer_wqqcn_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--waiting-room-height-mobile);color:var(--color-text-white-inverse);text-align:center;gap:var(--spacing-lg)}._statusText_wqqcn_13{font-size:var(--font-size-lg);color:var(--color-text-white-inverse-muted);margin:0;font-weight:var(--font-weight-light)}._loadingSpinner_wqqcn_21{width:var(--spinner-size-mobile);height:var(--spinner-size-mobile);border:var(--spacing-xs) solid var(--color-overlay-light);border-top:var(--spacing-xs) solid var(--color-text-white-inverse);border-radius:50%;animation:_spin_wqqcn_1 1s linear infinite}@keyframes _spin_wqqcn_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_wqqcn_21,._error_wqqcn_41{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--waiting-room-height-mobile);color:var(--color-text-white-inverse);font-size:var(--font-size-lg);text-align:center}._error_wqqcn_41 h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}._error_wqqcn_41 p{margin-bottom:var(--spacing-xl);opacity:.9}@media (min-width: 768px){._statusContainer_wqqcn_2{min-height:var(--waiting-room-height);gap:var(--spacing-xl)}._statusText_wqqcn_13{font-size:var(--font-size-xl)}._loadingSpinner_wqqcn_21{width:var(--spinner-size);height:var(--spinner-size)}._loading_wqqcn_21,._error_wqqcn_41{min-height:var(--waiting-room-height);font-size:var(--font-size-xl)}._error_wqqcn_41 h2{font-size:var(--font-size-3xl)}}._container_67rho_2,._loadingContainer_67rho_16{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);background:var(--gradient-primary);background-attachment:fixed;color:var(--color-text-white-inverse);text-align:center}._loadingContent_67rho_29{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}._loadingSpinner_67rho_36{width:60px;height:60px;border:4px solid var(--color-overlay-medium);border-top:4px solid var(--color-brand-primary);border-radius:50%;animation:_spin_67rho_1 1s linear infinite}@keyframes _spin_67rho_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingText_67rho_54{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0;opacity:.9;color:var(--color-text-white-light)}@keyframes _pulse_67rho_1{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}._content_67rho_74{background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:var(--spacing-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width-thin) solid var(--color-overlay-medium);box-shadow:var(--shadow-xl);max-width:500px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center}._icon_67rho_89{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);opacity:.8}._title_67rho_95{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:var(--shadow-text);color:var(--color-text-white-inverse)}._message_67rho_103{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;opacity:.9;line-height:1.5;color:var(--color-text-white-light)}._homeButton_67rho_112{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-brand-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:var(--button-height-md);font-family:var(--font-family-primary)}._homeButton_67rho_112:hover{background:var(--color-brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}._homeButton_67rho_112:active{transform:translateY(0);box-shadow:var(--shadow-md)}@media (max-width: 480px){._container_67rho_2{padding:var(--spacing-md)}._content_67rho_74{padding:var(--spacing-2xl)}._title_67rho_95{font-size:var(--font-size-3xl)}._message_67rho_103{font-size:var(--font-size-base)}._icon_67rho_89{font-size:var(--font-size-4xl)}._loadingContainer_67rho_16{padding:var(--spacing-md)}._loadingSpinner_67rho_36{width:50px;height:50px}._loadingText_67rho_54{font-size:var(--font-size-lg)}._loadingIcon_67rho_178{font-size:var(--font-size-3xl)}}@media (min-width: var(--breakpoint-tablet)){._content_67rho_74{padding:var(--spacing-3xl) var(--spacing-3xl)}}.app{min-height:100vh;width:100%}._loadingContainer_q9302_4{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);background:var(--gradient-primary);background-attachment:fixed;color:var(--color-text-white-inverse);text-align:center}._loadingContent_q9302_17{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}._loadingSpinner_q9302_24{width:50px;height:50px;border:4px solid var(--color-overlay-medium);border-top:4px solid var(--color-brand-primary);border-radius:50%;animation:_spin_q9302_1 1s linear infinite}._loadingText_q9302_33{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;opacity:.9;color:var(--color-text-white-light)}._errorContainer_q9302_42{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);background:var(--gradient-primary);background-attachment:fixed;color:var(--color-text-white-inverse);text-align:center}._errorContent_q9302_55{background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:var(--spacing-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width-thin) solid var(--color-overlay-medium);box-shadow:var(--shadow-xl);max-width:500px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center}._errorIcon_q9302_70{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);opacity:.8;color:var(--color-error)}._errorTitle_q9302_77{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:var(--shadow-text);color:var(--color-text-white-inverse)}._errorMessage_q9302_85{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;opacity:.9;line-height:1.5;color:var(--color-text-white-light)}._refreshButton_q9302_94{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--color-brand-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:var(--button-height-md);font-family:var(--font-family-primary)}._refreshButton_q9302_94:hover{background:var(--color-brand-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}._refreshButton_q9302_94:active{transform:translateY(0);box-shadow:var(--shadow-md)}@keyframes _spin_q9302_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _pulse_q9302_1{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width: 480px){._loadingContainer_q9302_4,._errorContainer_q9302_42{padding:var(--spacing-md)}._errorContent_q9302_55{padding:var(--spacing-2xl)}._loadingSpinner_q9302_24{width:40px;height:40px}._loadingText_q9302_33{font-size:var(--font-size-base)}._loadingIcon_q9302_166{font-size:var(--font-size-3xl)}._errorIcon_q9302_70{font-size:var(--font-size-4xl)}._errorTitle_q9302_77{font-size:var(--font-size-xl)}}@media (min-width: var(--breakpoint-tablet)){._errorContent_q9302_55{padding:var(--spacing-3xl) var(--spacing-3xl)}}