:root{--brand-pink: #FF6B9D;--brand-purple: #8B5CF6;--brand-blue: #4FC3F7;--brand-yellow: #FFD93D;--brand-green: #4CAF50;--brand-orange: #FB8C00;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-600: #4B5563;--neutral-800: #1F2937;--surface: #FFFFFF;--text: #1A1A1A;--muted: #6B7280;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px}@font-face{font-family:Comfortaa;src:url(./Comfortaa-VariableFont_wght-BI3T4Jo2.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:local("OpenDyslexic"),local("OpenDyslexic3");font-display:swap}:root.open-dyslexic body,:root.open-dyslexic .app,:root.open-dyslexic button,:root.open-dyslexic input,:root.open-dyslexic textarea{font-family:OpenDyslexic,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important}:root.calm-mode *,:root.calm-mode *:before,:root.calm-mode *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root.calm-mode .timer,:root.calm-mode .score-indicator{display:none!important}:root{font-family:Comfortaa,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:lang(el){font-weight:350;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:.15px transparent}body,*{font-weight:inherit;--focus-color: #667eea;--focus-outline: 2px solid var(--focus-color);--focus-offset: 2px;--min-touch-target: 44px;--animation-duration: .3s;--game-icon-size: 92px;--game-card-max-width: 200px}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;min-width:320px;height:100%;overflow:hidden;background-color:#fef7f4;touch-action:manipulation;-ms-touch-action:manipulation}body{margin:0;padding:0;min-width:320px;height:100%;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;background-color:#fef7f4}#root{height:100dvh;overflow:hidden}.skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 12px;border-radius:6px;z-index:2000}.skip-link:focus{left:12px;top:12px}*:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}button,a,input[type=checkbox],input[type=radio],select{min-height:var(--min-touch-target);min-width:var(--min-touch-target)}@media (prefers-contrast: high){*{border-width:2px!important}button,a{text-decoration:underline}.card,.panel{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-trap{position:relative}body{color:#1a1a1a;background-color:#fef7f4}a{color:#06c;text-decoration:underline}a:hover{color:#0052a3}a:visited{color:#639}.error{color:#d93025;background-color:#fce8e6;border:1px solid #d93025;padding:.5rem;border-radius:4px}.success{color:#188038;background-color:#e6f4ea;border:1px solid #188038;padding:.5rem;border-radius:4px}.warning{color:#ea8600;background-color:#fef7e0;border:1px solid #ea8600;padding:.5rem;border-radius:4px}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--header-height: 88px;--header-font-size: 18px;--header-total-height: calc(var(--header-height) + var(--safe-area-top));--unified-header-height: 88px;--unified-content-top: var(--unified-header-height);--top-bar-height: 60px;--bottom-nav-height: 80px;--primary-pink: #FFB3D9;--primary-blue: #A3D5FF;--primary-yellow: #FFEB9C;--primary-green: #B5E7B8;--primary-purple: #D4B5FF;--text-dark: #1A1A1A;--text-light: #6B7280;--text-muted: #9CA3AF;--background: #FEF7F4;--white: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--border-radius: 16px;--border-radius-lg: 24px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}:root.kid-mode{--bottom-nav-height: 96px}:root.kid-mode .nav-item-icon{font-size:28px}:root.kid-mode .nav-item-label{font-size:13px;font-weight:700}:root.kid-mode .native-button{padding:18px;font-size:18px}:root.kid-mode .mobile-content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}body{font-family:Comfortaa,sans-serif;background:var(--background);min-height:100dvh;color:var(--text-dark);overflow-x:hidden;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100dvh;background:transparent;position:relative}.mobile-container{height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:transparent}.mobile-header{position:fixed;top:0;left:0;right:0;width:100%;height:44px;background:#ffffffd9;z-index:1000;display:flex;align-items:center;justify-content:center;padding-top:var(--safe-area-top);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}.status-bar{position:absolute;top:0;left:0;right:0;height:44px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.mobile-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%;background:transparent}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));background:#ffffffe6;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);z-index:1000;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;color:var(--text-muted);text-decoration:none;transition:all .2s;cursor:pointer;background:transparent;border:none;outline:none}.nav-item.active{color:var(--primary-blue)}.nav-item-icon{font-size:24px}.nav-item-label{font-size:11px;font-weight:500}.nav-item:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px;border-radius:12px}.native-button{width:100%;padding:16px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius);font-size:17px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:-.5px}.native-button:active{transform:scale(.98);opacity:.9}.native-button.secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.native-button.gradient{background:#fef7f4;border:2px solid #FFB3D9;color:#ffb3d9}.input-group{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px;letter-spacing:-.3px}.native-input{width:100%;padding:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:16px;transition:all .2s;-webkit-appearance:none}.native-input:focus{outline:none;background:#fff;border-color:#ffb3d9}.native-input::placeholder{color:var(--text-muted)}.app.fun-theme{background:#fef7f4}.app.fun-theme .mobile-container{background:#fef7f4;border-radius:0;margin:0}.app.fun-theme .bottom-nav{background:#fef7f4;border-radius:30px 30px 0 0}.app.fun-theme .native-button{box-shadow:0 4px 15px #0003;font-weight:700;text-transform:uppercase;letter-spacing:1px}.app.fun-theme .native-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.fun-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.floating-shape{position:absolute;opacity:.1;animation:float 20s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}@media (min-width: 768px){.app{width:100%;min-height:100vh}.mobile-header,.bottom-nav{width:100%}}.screen-placeholder{padding:40px 20px;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.screen-placeholder h2{font-size:24px;font-weight:700;color:var(--text-dark)}.screen-placeholder p{color:var(--text-light);font-size:16px}:root.is-iphone{--header-height: 56px}.content-below-unified-header{padding-top:calc(var(--unified-header-height) + 20px)}.sticky-below-unified-header{top:var(--unified-header-height)}.login-screen{min-height:100vh;background:#fef7f4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.native-input::placeholder{position:relative}.native-input:placeholder-shown:after{content:"|";position:absolute;animation:blink 1s infinite;color:#999}.cloud-img{position:absolute!important;z-index:0;pointer-events:none}.cloud-img.cloud-1{width:70px!important;height:auto;top:10px!important;left:10px!important;opacity:.3!important}.cloud-img.cloud-2{width:90px!important;height:auto;top:30px!important;right:10px!important;left:auto!important;opacity:.25!important}.cloud-img.cloud-3{width:60px!important;height:auto;top:200px!important;left:15%!important;opacity:.3!important}.cloud-img.cloud-4{width:80px!important;height:auto;top:350px!important;right:20%!important;left:auto!important;opacity:.2!important}.cloud-img.cloud-5{width:65px!important;height:auto;top:500px!important;left:10%!important;opacity:.25!important}.cloud-img.cloud-6{width:75px!important;height:auto;top:450px!important;right:15%!important;left:auto!important;opacity:.2!important}.cloud-img.cloud-7{width:55px!important;height:auto;bottom:150px!important;left:25%!important;opacity:.3!important}.cloud-img.cloud-8{width:70px!important;height:auto;bottom:80px!important;right:10%!important;left:auto!important;opacity:.25!important}.cloud-img.cloud-9{width:85px!important;height:auto;top:120px!important;right:35%!important;left:auto!important;opacity:.2!important}.cloud-img.cloud-10{width:60px!important;height:auto;top:280px!important;right:5%!important;left:auto!important;opacity:.3!important}.cloud-img.cloud-11{width:75px!important;height:auto;bottom:250px!important;left:40%!important;opacity:.25!important}.cloud-img.cloud-12{width:65px!important;height:auto;bottom:30px!important;left:15%!important;opacity:.2!important}@media (max-width: 480px){.cloud-img.cloud-1{width:35px!important;top:5px!important;left:10%!important;opacity:.3!important}.cloud-img.cloud-2{width:40px!important;top:80px!important;right:15%!important;opacity:.25!important}.cloud-img.cloud-3{width:30px!important;top:180px!important;left:5%!important;opacity:.3!important}.cloud-img.cloud-4{width:35px!important;top:130px!important;right:8%!important;opacity:.2!important}.cloud-img.cloud-5{width:32px!important;top:300px!important;left:50%!important;opacity:.25!important}.cloud-img.cloud-6{width:38px!important;top:380px!important;right:20%!important;opacity:.2!important}.cloud-img.cloud-7{width:28px!important;top:450px!important;left:15%!important;opacity:.3!important}.cloud-img.cloud-8{width:35px!important;bottom:150px!important;right:40%!important;opacity:.25!important}.cloud-img.cloud-9{width:45px!important;top:50px!important;left:60%!important;opacity:.2!important}.cloud-img.cloud-10{width:35px!important;top:250px!important;right:35%!important;opacity:.3!important}.cloud-img.cloud-11{width:40px!important;bottom:80px!important;left:25%!important;opacity:.25!important}.cloud-img.cloud-12{width:35px!important;bottom:20px!important;right:10%!important;opacity:.2!important}}.login-container{width:100%;max-width:400px;margin:0 auto;position:relative;z-index:1;background:transparent}.login-header{text-align:center;margin-bottom:16px}.app-logo{margin:50px auto 0!important;width:180px;height:auto;display:flex;align-items:center;justify-content:center}.logo-image{width:180px;height:auto;object-fit:contain}.app-title{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:4px;letter-spacing:-1px}.app-subtitle{font-size:16px;color:var(--text-light);font-weight:500}.login-form{background:transparent!important;border-radius:20px;padding:30px 25px;margin-top:20px;box-shadow:none!important}.input-icon{position:absolute;left:16px;color:var(--text-muted);font-size:20px;pointer-events:none}.native-input.with-icon{padding-left:50px;background:#fff!important;border:1px solid #E5E7EB}.password-toggle{position:absolute;right:16px;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:-8px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;accent-color:var(--primary-blue);cursor:pointer;flex-shrink:0}.checkbox-label{font-size:14px;color:var(--text-dark)}.text-link{background:none;border:none;color:var(--primary-blue);font-size:14px;font-weight:500;cursor:pointer;padding:0}.text-link.primary{font-weight:600;font-size:16px}.divider{display:flex;align-items:center;margin:24px 0}.divider span{color:var(--text-muted);font-size:14px;padding:0 10px}.social-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;font-size:16px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .2s}.social-button:active{transform:scale(.98)}.social-button img{width:20px;height:20px}.apple-logo{width:20px;height:20px;color:#000}.social-button.google{background:#fff;border:1px solid #dadce0}.social-button.google:hover{background:#f8f9fa;border-color:#dadce0}.social-button.apple{background:#000;color:#fff;border:none}.social-button.apple:hover{background:#333}.form-footer{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.form-footer p{color:var(--text-light);font-size:14px}.login-header,.login-form,.input-group,.form-options,.native-button,.divider,.social-login,.form-footer{will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.native-input.typewriter-placeholder::placeholder{overflow:hidden;white-space:nowrap;letter-spacing:.1em;animation:typing 2s steps(20,end)}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width: 480px){.login-screen{padding:15px;background:#fef7f4!important}}.register-screen{min-height:100vh;background:#fef7f4;display:flex;flex-direction:column}.register-header{position:sticky;top:0;background:#fef7f4;padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F3F4F6;z-index:100}.register-header h1{font-size:20px;font-weight:600;color:var(--text-dark);letter-spacing:-.5px}.register-container{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.register-form{max-width:400px;margin:0 auto}.form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px;letter-spacing:-.3px}.native-input{width:100%;padding:16px;background:#f3f4f6;border:none;border-radius:var(--border-radius);font-size:16px;transition:all .2s;-webkit-appearance:none}select.native-input{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px}.terms-wrapper{margin:24px 0}.terms-wrapper .checkbox-wrapper{display:flex;align-items:flex-start;gap:12px}.terms-wrapper input[type=checkbox]{margin-top:2px;flex-shrink:0}.terms-wrapper .checkbox-label{font-size:14px;line-height:1.5;color:var(--text-dark)}.terms-wrapper a{color:var(--primary-blue);text-decoration:none;font-weight:500}.native-button:disabled{opacity:.7;cursor:not-allowed}.divider{display:flex;align-items:center;margin:24px 0;gap:16px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{color:#9ca3af;font-size:14px;white-space:nowrap}.social-login{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.google-login-wrapper{display:flex;justify-content:center}.google-login-wrapper>div{width:100%!important}.social-button{width:100%;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s;border:none}.social-button.google{background:#fff;border:1px solid #dadce0;color:#3c4043}.social-button.google:hover{background:#f8f9fa}.google-logo{width:20px;height:20px}.social-button.apple{background:#000;color:#fff}.social-button.apple:hover{background:#1a1a1a}.social-button.apple:active{transform:scale(.98)}.social-button:disabled{opacity:.7;cursor:not-allowed}.apple-logo{width:20px;height:20px}.social-login-section{margin-bottom:16px}.social-login-title{font-size:15px;color:var(--text-dark);text-align:center;margin-bottom:16px;font-weight:500}.social-connected-badge{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 20px;border-radius:12px;margin-bottom:24px;font-size:15px;font-weight:500}.social-connected-badge .check-icon{font-size:18px}.social-connected-badge .clear-social{background:#fff3;border:none;color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;cursor:pointer;margin-left:auto;transition:background .2s}.social-connected-badge .clear-social:hover{background:#ffffff4d}.input-label{display:block;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:8px}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px}.native-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.native-input[readonly]{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.packages-screen{min-height:100vh;background:#fef7f4;display:flex;flex-direction:column}.packages-header{position:sticky;top:0;background:#fef7f4;padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F3F4F6;z-index:100}.packages-container{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.packages-intro{text-align:center;margin-bottom:24px}.packages-intro h2{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px;letter-spacing:-.5px}.packages-intro p{color:var(--text-light);font-size:16px}.packages-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.package-card{background:#fef7f4;border-radius:var(--border-radius-lg);padding:24px;position:relative;cursor:pointer;transition:all .3s;border:2px solid transparent}.package-card.selected{border-color:var(--primary-blue);transform:scale(1.02)}.package-card.blue{border-top:4px solid var(--primary-blue)}.package-card.gradient{background:linear-gradient(135deg,#fff,#fff0f8,#f0f8ff);border-top:4px solid transparent;background-clip:padding-box;position:relative}.package-card.gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-pink),var(--primary-purple));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.package-card.gold{background:linear-gradient(135deg,#fffef7,#fff9e6);border-top:4px solid #FFD700}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.savings-badge{position:absolute;top:20px;right:20px;background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.package-header{margin-bottom:20px}.package-name{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.package-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:32px;font-weight:700;color:var(--text-dark)}.price-period{font-size:16px;color:var(--text-light)}.package-features h4{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.features-list{list-style:none;padding:0;margin:0 0 20px}.feature-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--text-dark);font-size:15px}.feature-icon{color:#10b981;font-size:18px;flex-shrink:0}.feature-x{color:#ef4444;font-size:14px;font-weight:700;width:18px;text-align:center;flex-shrink:0}.feature-item.disabled{opacity:.5;text-decoration:line-through}.not-included-title{margin-top:16px}.selection-indicator{position:absolute;bottom:24px;right:24px}.radio-button{width:24px;height:24px;border:2px solid #D1D5DB;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.selection-indicator.selected .radio-button{border-color:var(--primary-blue);background:var(--primary-blue)}.radio-inner{width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transition:all .2s}.selection-indicator.selected .radio-inner{opacity:1}.packages-footer{position:sticky;bottom:0;background:#fef7f4;padding:20px;border-top:1px solid #F3F4F6;margin:0 -20px}.trial-info{text-align:center;margin-bottom:16px;padding:12px;background:#f0fdf4;border-radius:var(--border-radius)}.trial-info p{font-size:16px;font-weight:600;color:#059669;margin-bottom:4px}.trial-info span{font-size:14px;color:#047857}.payment-screen{min-height:100vh;background:#fef7f4;display:flex;flex-direction:column}.payment-header{position:sticky;top:0;background:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F3F4F6;z-index:100}.payment-header h1{flex:1;font-size:20px;font-weight:600;color:var(--text-dark)}.secure-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#10b981;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.payment-container{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.order-summary{background:#fff;border-radius:var(--border-radius);padding:20px;margin-bottom:24px}.order-summary h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F3F4F6}.order-item h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.order-item p{font-size:14px;color:var(--text-light)}.order-price{font-size:18px;font-weight:600;color:var(--text-dark)}.savings-info{margin-top:12px;padding:8px 12px;background:#f0fdf4;color:#059669;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.upgrade-info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #E5E7EB}.current-plan-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f3f4f6;border-radius:8px}.plan-label{font-size:14px;color:var(--text-light)}.plan-value{font-size:14px;font-weight:600;color:var(--text-dark)}.arrow-down{text-align:center;font-size:20px;color:#10b981;margin:12px 0}.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:16px;font-weight:600;color:var(--text-dark)}.total-amount{font-size:24px;color:var(--primary-blue)}.payment-methods{background:#fff;border-radius:var(--border-radius);padding:20px;margin-bottom:24px}.payment-methods h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.method-options{display:flex;flex-direction:column;gap:12px}.method-option{display:flex;align-items:center;padding:16px;border:2px solid #E5E7EB;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;position:relative}.method-option.selected{border-color:var(--primary-blue);background:#f0f9ff}.method-option input[type=radio]{position:absolute;opacity:0}.method-content{display:flex;align-items:center;gap:12px;flex:1}.method-content svg{font-size:24px;color:var(--text-dark)}.method-logo{width:24px;height:24px}.card-logos{display:flex;gap:8px}.card-logos img{height:20px}.card-details{background:#fff;border-radius:var(--border-radius);padding:20px;margin-bottom:24px}.card-details h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-footer{position:sticky;bottom:0;background:#fff;padding:20px;border-top:1px solid #F3F4F6;margin:0 -20px}.security-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;color:var(--text-light);font-size:14px}.security-info svg{font-size:16px}.terms-text{text-align:center;font-size:12px;color:var(--text-light);margin-top:12px;line-height:1.5}.terms-text a{color:var(--primary-blue);text-decoration:none}.native-payment-section{background:#fff;border-radius:var(--border-radius);padding:24px;text-align:center}.native-payment-info{margin-bottom:24px}.store-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:16px}.store-icon svg{width:48px;height:48px}.native-payment-info h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.native-payment-info p{font-size:14px;color:var(--text-light);line-height:1.5}.restore-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:12px;background:transparent;border:2px solid #E5E7EB;border-radius:12px;color:var(--text-dark);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.restore-button:hover{background:#f3f4f6}.restore-button:disabled{opacity:.5;cursor:not-allowed}.restore-button svg{font-size:18px}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px;border:1px solid #FECACA}.home-screen{position:relative;width:100%;height:100%;padding:0 24px 20px;background:#fef7f4;display:flex;justify-content:center;box-sizing:border-box;overflow:hidden}.home-screen:before,.home-screen:after{content:"";position:absolute;width:80px;height:80px;background-image:url(../clouds.png);background-size:contain;background-repeat:no-repeat;opacity:.2;pointer-events:none;z-index:0}.home-screen:before{top:8%;left:5%}.home-screen:after{top:25%;right:8%}.cloud-3,.cloud-4,.cloud-5,.cloud-6,.cloud-7,.cloud-8{position:absolute;width:80px;height:80px;background-image:url(../clouds.png);background-size:contain;background-repeat:no-repeat;opacity:.2;pointer-events:none;z-index:0}.cloud-3{top:45%;left:10%}.cloud-4{top:60%;right:15%}.cloud-5{top:75%;left:20%}.cloud-6{top:15%;left:50%}.cloud-7{bottom:10%;right:25%}.cloud-8{top:100px;right:12%}@media (max-width: 768px){.cloud-8{top:90px;right:10px}}.home-content{position:relative;z-index:2;width:100%;background:transparent;max-width:1000px;height:100%;display:flex;flex-direction:column;gap:16px}.home-greeting-mobile{display:none}@media (max-width: 768px){.home-greeting-mobile{display:flex;align-items:center;gap:12px;margin-bottom:1vh;padding:0 10px;flex-shrink:0}.hero-avatar-small{width:clamp(28px,5vh,40px);height:clamp(28px,5vh,40px);border-radius:50%;background:linear-gradient(135deg,#ff8a80,#ffb74d);display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2vh,18px);font-weight:700;color:#fff;box-shadow:0 4px 12px #ff8a804d;border:2px solid rgba(255,255,255,.8);overflow:hidden;flex-shrink:0}.hero-avatar-small img{width:100%;height:100%;object-fit:cover}.greeting-text{display:flex;flex-direction:column;gap:0;font-family:Comfortaa,sans-serif}.greeting-label{font-size:clamp(10px,1.8vh,14px);font-weight:400;color:#8d6e63}.greeting-name{font-size:clamp(14px,2.5vh,20px);font-weight:700;color:#3e2723}}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.hero-text{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff8a80,#ffb74d);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 8px 24px #ff8a804d;margin-bottom:16px;border:4px solid rgba(255,255,255,.8);overflow:hidden;box-sizing:border-box}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-text__label{font-size:18px;font-weight:600;color:#8d6e63;margin-bottom:4px;font-family:Comfortaa,sans-serif}.hero-text h1{margin:0;font-size:32px;font-weight:800;color:#3e2723;letter-spacing:-.5px;font-family:Comfortaa,sans-serif}.hero-text h1 .username{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;padding:20px 20px 0;flex:1;min-height:0;align-content:start}@media (min-width: 769px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:28px;padding:40px 40px 20px;max-width:900px;margin:0 auto}}.category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;border-radius:28px;background:#fff!important;border:none;box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;color:inherit;font:inherit;text-align:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:0;overflow:hidden}.category-card:hover,.category-card:focus-visible{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #0000001f}.category-card:focus-visible{outline:3px solid #FF6B6B;outline-offset:4px}.category-card:active{transform:translateY(-4px) scale(.98)}.category-card__lock{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;color:#ffb74d;z-index:2}.category-card__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;flex-shrink:1;padding:10px}.category-card__text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;z-index:1}.category-card__title{font-size:20px;font-weight:600;letter-spacing:-.3px;color:#3e2723;line-height:1.3;font-family:Comfortaa,sans-serif}.category-card__subtitle{font-size:16px;color:#8d6e63;font-weight:500;opacity:.8;font-family:Comfortaa,sans-serif}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6);opacity:0;transition:opacity .3s ease;border-radius:inherit;pointer-events:none}.category-card:hover:before{opacity:1}.category-card:hover .category-illustration{transform:scale(1.05);transition:transform .3s ease}@media (max-width: 1200px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.home-screen{padding:0 clamp(8px,2vw,16px) 16px}.home-content{gap:clamp(2px,.6vh,8px)}.home-greeting-mobile{margin-bottom:clamp(2px,.4vh,6px);flex-shrink:0}.categories-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(4px,1vh,12px);padding:clamp(10px,2.5vh,22px) 0 0;flex:1;min-height:0;align-content:stretch}.home-screen .category-card{padding:clamp(4px,.8vh,10px) clamp(4px,1vw,10px);gap:clamp(2px,.4vh,6px);min-height:0!important;max-height:100%;border-radius:clamp(12px,3vw,24px);overflow:hidden}.category-card__lock{top:6px;right:6px;width:clamp(18px,3vh,26px);height:clamp(18px,3vh,26px)}.category-card__icon{width:103px;height:103px;padding:0;flex-shrink:1}.category-card__title{font-size:clamp(10px,1.8vh,15px);line-height:1.15}.category-card__subtitle{font-size:clamp(8px,1.3vh,12px);display:none}}@media (max-width: 768px) and (max-height: 700px){.home-screen{padding:0 8px 12px}.home-greeting-mobile{margin-bottom:.5vh;gap:8px}.hero-avatar-small{width:clamp(24px,4vh,32px);height:clamp(24px,4vh,32px)}.greeting-label{font-size:clamp(9px,1.5vh,12px)}.greeting-name{font-size:clamp(12px,2vh,16px)}.categories-grid{gap:clamp(4px,1vh,10px)}.home-screen .category-card{padding:clamp(3px,.8vh,8px) clamp(3px,.8vw,8px);gap:clamp(1px,.3vh,4px);min-height:0!important}.category-card__icon{width:clamp(55px,11vh,85px);height:clamp(55px,11vh,85px)}.category-card__title{font-size:clamp(10px,1.8vh,14px)}.category-card__subtitle{display:none}}@media (max-width: 768px) and (max-height: 600px){.home-screen{padding:0 6px 10px}.home-content{gap:clamp(2px,.5vh,6px)}.home-greeting-mobile{margin-bottom:0;gap:6px}.hero-avatar-small{width:clamp(20px,3.5vh,28px);height:clamp(20px,3.5vh,28px);font-size:clamp(10px,1.8vh,14px)}.greeting-label{font-size:clamp(8px,1.3vh,11px)}.greeting-name{font-size:clamp(11px,1.8vh,14px)}.categories-grid{gap:clamp(3px,.8vh,8px)}.home-screen .category-card{padding:clamp(2px,.5vh,6px) clamp(2px,.5vw,6px);border-radius:clamp(10px,2.5vw,16px);min-height:0!important}.category-card__icon{width:clamp(50px,10vh,70px);height:clamp(50px,10vh,70px)}.category-card__title{font-size:clamp(9px,1.6vh,12px)}.category-card__subtitle{display:none}}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-card--animated{animation:cardFadeInUp .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--card-index, 0) * .06s + .1s)}@media (prefers-reduced-motion: reduce){.category-card,.category-card--animated,.category-illustration{animation:none!important;transition:opacity .2s ease!important}}@media (prefers-contrast: high){.category-card{border:2px solid #3E2723}.category-card__title{color:#000}.category-card__subtitle{color:#333}}.profile-screen{padding:20px;padding-top:calc(var(--header-height) + var(--safe-area-top) + 20px);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 20px);max-width:600px;margin:0 auto;width:100%}.profile-header{text-align:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#ffe5f3,#f3e5ff);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%);background-size:20px 20px;opacity:.3}.profile-avatar{position:relative;margin:0 auto 20px;width:100px;height:100px}.avatar-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin:0 auto;position:relative;z-index:2}.avatar-ring{position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid rgba(255,255,255,.3);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.profile-name{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:4px;position:relative;z-index:2}.profile-parent{color:var(--text-light);font-size:16px;margin-bottom:16px;position:relative;z-index:2}.profile-level{position:relative;z-index:2}.level-badge{display:inline-flex;align-items:center;gap:8px;background:#fef7f4;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--primary-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-icon{color:gold}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.blue .stat-icon{color:var(--primary-blue)}.stat-card.gold .stat-icon{color:gold}.stat-card.green .stat-icon{color:var(--primary-green)}.stat-card.purple .stat-icon{color:var(--primary-purple)}.stat-icon{font-size:28px}.stat-content{display:flex;flex-direction:column}.section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:20px}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.achievement-card{background:var(--white);border-radius:var(--border-radius);padding:16px;position:relative;transition:all .2s;box-shadow:var(--shadow-sm)}.achievement-card.earned{background:linear-gradient(135deg,#f0fff4,#e6f7ed);border:2px solid var(--primary-green)}.achievement-card.locked{opacity:.6;background:#f8f9fa}.achievement-card:hover:not(.locked){transform:translateY(-2px);box-shadow:var(--shadow-md)}.achievement-icon{font-size:28px;margin-bottom:8px}.achievement-content h3{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.achievement-content p{font-size:12px;color:var(--text-light);line-height:1.3}.earned-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.progress-list{display:flex;flex-direction:column;gap:16px}.progress-item{background:var(--white);border-radius:var(--border-radius);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:transform .2s}.progress-item:hover{transform:translateY(-2px)}.progress-item.pink{border-left:4px solid var(--primary-pink)}.progress-item.blue{border-left:4px solid var(--primary-blue)}.progress-item.yellow{border-left:4px solid var(--primary-yellow)}.progress-item.purple{border-left:4px solid var(--primary-purple)}.progress-info h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.progress-info p{font-size:14px;color:var(--text-light)}.progress-circle{position:relative;width:60px;height:60px}.progress-item.pink .progress-stroke{color:var(--primary-pink)}.progress-item.blue .progress-stroke{color:var(--primary-blue)}.progress-item.yellow .progress-stroke{color:var(--primary-yellow)}.progress-item.purple .progress-stroke{color:var(--primary-purple)}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:var(--text-dark)}@media (max-width: 480px){.stats-grid,.achievements-grid{grid-template-columns:1fr}.stat-card{padding:16px}.profile-header{padding:20px}}.settings-screen{padding-top:0;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 20px);width:100%;min-height:100dvh;background:#f8f9fa}.settings-header{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));padding:32px 20px;color:#fff}.user-info{display:flex;align-items:center;gap:16px;max-width:600px;margin:0 auto}.user-avatar{width:60px;height:60px;background:#fef7f4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.user-details h2{font-size:24px;font-weight:600;margin-bottom:4px}.user-details p{opacity:.8;font-size:14px}.settings-content{max-width:600px;margin:0 auto;padding:0 20px}.settings-section{margin:24px 0}.section-title{font-size:16px;font-weight:600;color:var(--text-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.settings-list{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#f8f9fa}.settings-item:active{background:#f0f0f0}.item-content{display:flex;align-items:center;gap:16px;flex:1}.item-icon{width:40px;height:40px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-dark)}.item-text{flex:1}.item-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.item-label{font-size:16px;font-weight:500;color:var(--text-dark)}.item-badge{background:linear-gradient(135deg,gold,orange);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.item-subtitle{font-size:14px;color:var(--text-light)}.item-action{display:flex;align-items:center}.chevron-icon{font-size:18px;color:var(--text-muted)}.logout-section{margin:32px 0;padding:0 20px}.logout-button{width:100%;max-width:560px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#ff4757;color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:#ff3742;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-icon{font-size:18px}.app-info{text-align:center;padding:24px 20px;color:var(--text-light);font-size:12px;line-height:1.5}.app-info p{margin-bottom:4px}@media (max-width: 480px){.settings-header{padding:24px 16px}.settings-content{padding:0 16px}.settings-item{padding:14px 16px}.item-content{gap:12px}.item-icon{width:36px;height:36px;font-size:16px}.item-label{font-size:15px}.item-subtitle{font-size:13px}}.edit-profile-screen{background:#f8f9fa;display:flex;flex-direction:column;padding-bottom:20px}.edit-profile-header{background:var(--white);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F3F4F6}.back-button{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-dark);cursor:pointer;transition:all .2s}.edit-profile-header h1{font-size:18px;font-weight:600;color:var(--text-dark);letter-spacing:-.5px}.save-button{background:var(--primary-blue);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-button:active{transform:scale(.97);opacity:.9}.save-button:disabled{opacity:.6;cursor:not-allowed}.profile-error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:12px;font-size:14px;text-align:center;margin:12px 20px 0;border:1px solid #FECACA}.profile-success-message{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:12px;font-size:14px;text-align:center;margin:12px 20px 0;border:1px solid #A7F3D0}.profile-tabs{display:flex;background:#e5e7eb;margin:16px 20px 0;border-radius:12px;padding:4px}.tab-button{flex:1;padding:10px;background:none;border:none;font-size:14px;font-weight:600;color:var(--text-light);border-radius:10px;cursor:pointer;transition:all .2s}.edit-profile-content{flex:1;padding:16px 20px 0}.tab-content{max-width:500px;margin:0 auto}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px}.avatar-preview{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;box-shadow:0 4px 12px #0000001a;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-edit{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:none;padding:8px 16px;border-radius:20px;font-size:13px;color:var(--text-dark);cursor:pointer;transition:all .2s}.avatar-edit:active{background:#e5e7eb;transform:scale(.97)}.avatar-file-input{display:none}.form-section{background:var(--white);border-radius:var(--border-radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.form-section h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.section-subtitle{font-size:14px;color:var(--text-light);margin-top:-8px;margin-bottom:16px;line-height:1.4}.input-group{margin-bottom:16px}.input-group:last-child{margin-bottom:0}.native-input.with-icon{padding-left:48px}.interests-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-chip{padding:8px 16px;background:#f3f4f6;border:2px solid transparent;border-radius:20px;font-size:14px;color:var(--text-dark);cursor:pointer;transition:all .2s}.interest-chip:active{transform:scale(.95)}.interest-chip.selected{background:#a3d5ff33;border-color:var(--primary-blue);color:var(--primary-blue);font-weight:600}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #F3F4F6}.preference-item:first-of-type{padding-top:0}.preference-item:last-child{border-bottom:none;padding-bottom:0}.preference-content{flex:1;margin-right:12px}.preference-content h4{font-size:15px;font-weight:500;color:var(--text-dark);margin-bottom:2px}.preference-content p{font-size:13px;color:var(--text-light)}.toggle-switch{width:48px;height:28px;background:#e0e0e0;border-radius:14px;position:relative;cursor:pointer;transition:all .3s;flex-shrink:0}@media (max-width: 480px){.edit-profile-content{padding:16px 16px 0}.profile-tabs{margin:16px 16px 0}.edit-profile-header{padding:12px 16px}.form-section{padding:16px}.avatar-section{padding:20px}.avatar-preview{width:72px;height:72px;font-size:28px}}.subscription-screen{min-height:100dvh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(var(--header-height) + var(--safe-area-top) + 20px)}.subscription-header{position:sticky;top:0;background:var(--white);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F3F4F6;z-index:100}.subscription-header h1{font-size:20px;font-weight:600;color:var(--text-dark)}.subscription-content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%}.current-subscription-card{background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:var(--border-radius-lg);padding:24px;margin-bottom:24px;border:2px solid var(--primary-blue);position:relative;overflow:hidden}.current-subscription-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(45deg,#a3d5ff33,#d4b5ff33);border-radius:0 var(--border-radius-lg) 0 100px;z-index:0;pointer-events:none}.subscription-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.active-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.active-badge .badge-icon{font-size:14px}.subscription-info h2{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.price-info{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.price{font-size:32px;font-weight:700;color:var(--primary-blue)}.period{font-size:16px;color:var(--text-light)}.billing-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-light)}.info-icon{font-size:16px}.subscription-features{margin-top:20px}.subscription-features h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.subscription-features ul{list-style:none;padding:0;margin:0}.subscription-features li{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-dark)}.feature-check{color:#10b981;font-size:16px;flex-shrink:0}.usage-section{margin-bottom:32px}.usage-section h2{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.usage-card{background:var(--white);border-radius:var(--border-radius);padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.usage-value{font-size:24px;font-weight:700;color:var(--primary-blue);margin-bottom:4px}.usage-label{font-size:14px;color:var(--text-dark);font-weight:500;margin-bottom:8px}.usage-trend{font-size:12px;color:#10b981;font-weight:500}.plans-section{margin-bottom:32px}.plans-section h2{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.plans-grid{display:flex;flex-direction:column;gap:16px}.plan-card{background:var(--white);border-radius:var(--border-radius);padding:20px;border:2px solid #E5E7EB;position:relative;transition:all .2s}.plan-card.current-plan{border-color:var(--primary-blue);background:linear-gradient(135deg,#fff,#f0f9ff)}.plan-badge{position:absolute;top:-8px;right:16px;background:linear-gradient(135deg,var(--primary-pink),var(--primary-purple));color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.savings-badge{position:absolute;top:16px;right:16px;background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-card h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.plan-features{list-style:none;padding:0;margin:0 0 20px}.plan-features li{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-dark)}.feature-icon{color:#10b981;font-size:14px;flex-shrink:0}.more-features{color:var(--text-light);font-style:italic}.plan-button{width:100%;padding:12px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.plan-button:not(.current){background:var(--primary-blue);color:#fff}.plan-button:not(.current):hover{background:#8bb3e8}.plan-button.current{background:#e5e7eb;color:var(--text-light);cursor:default}.subscription-actions{display:flex;justify-content:center;gap:40px;margin-top:32px;padding:0 20px}.action-button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer}.action-button:hover .action-icon-circle{transform:scale(1.1)}.action-icon-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s}.action-button.secondary .action-icon-circle{background:#f0f7ff;color:var(--primary-blue)}.action-button.danger .action-icon-circle.danger{background:#fef2f2;color:#ef4444}.upgrade-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:300px;padding:14px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.upgrade-button:hover{background:#059669}.upgrade-button svg{font-size:20px}.action-button span{font-size:14px;font-weight:500;color:var(--text-dark)}.action-button.danger span{color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cancel-modal{background:var(--white);border-radius:var(--border-radius-lg);padding:24px;max-width:400px;width:100%}.cancel-modal h3{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.cancel-modal p{color:var(--text-light);line-height:1.5;margin-bottom:24px}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;padding:12px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-button.secondary{background:#f3f4f6;color:var(--text-dark)}.modal-button.danger{background:#dc2626;color:#fff}.modal-button:disabled{opacity:.6;cursor:not-allowed}.cancel-error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px;border:1px solid #FECACA}@media (max-width: 480px){.subscription-content{padding:16px}.usage-grid{grid-template-columns:1fr}.current-subscription-card{padding:20px}.subscription-actions{gap:24px}.action-icon-circle{width:44px;height:44px;font-size:18px}.action-button span{font-size:12px}}.billing-screen{min-height:100dvh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(var(--header-height) + var(--safe-area-top) + 20px)}.billing-header{position:sticky;top:0;background:var(--white);padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F3F4F6;z-index:100}.billing-header h1{font-size:20px;font-weight:600;color:var(--text-dark)}.billing-tabs{display:flex;background:#f3f4f6;margin:0 20px 20px;border-radius:10px;padding:4px}.tab-button{flex:1;padding:12px 8px;background:none;border:none;font-size:14px;font-weight:600;color:var(--text-light);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.tab-button.active{background:var(--white);color:var(--text-dark);box-shadow:var(--shadow-sm)}.billing-content{flex:1;padding:0 20px 20px;max-width:600px;margin:0 auto;width:100%}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-summary{background:var(--white);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.billing-summary h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-card{text-align:center;padding:16px;background:#f8f9fa;border-radius:12px}.summary-label{font-size:14px;color:var(--text-light);margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;color:var(--text-dark)}.summary-date{font-size:12px;color:var(--text-light);margin-top:4px}.invoices-section h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.invoices-list{display:flex;flex-direction:column;gap:12px}.invoice-item{background:var(--white);border-radius:var(--border-radius);padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:transform .2s}.invoice-item:hover{transform:translateY(-2px)}.invoice-info{flex:1}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.invoice-id{font-size:14px;font-weight:600;color:var(--text-dark)}.invoice-amount{font-size:16px;font-weight:700;color:var(--primary-blue)}.invoice-description{font-size:14px;color:var(--text-dark);margin-bottom:8px}.invoice-meta{display:flex;gap:16px;font-size:12px;color:var(--text-light)}.invoice-actions{display:flex;align-items:center;gap:12px}.invoice-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px}.invoice-status.paid{color:#059669;background:#ecfdf5}.invoice-status.failed{color:#dc2626;background:#fef2f2}.invoice-status.pending{color:#d97706;background:#fffbeb}.status-icon{font-size:14px}.download-button{background:none;border:none;color:var(--text-light);font-size:16px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.download-button:hover{color:var(--primary-blue);background:#f0f9ff}.payment-methods-section{background:var(--white);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:18px;font-weight:600;color:var(--text-dark)}.add-method-button{background:var(--primary-blue);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-method-button:hover{background:#8bb3e8}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:2px solid #F3F4F6;border-radius:var(--border-radius);transition:all .2s}.payment-method-item:hover{border-color:var(--primary-blue)}.method-info{display:flex;align-items:center;gap:16px}.method-icon{font-size:24px;width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center}.method-details{flex:1}.method-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.card-number{font-size:16px;font-weight:600;color:var(--text-dark);font-family:monospace}.default-badge{background:var(--primary-blue);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.card-holder{font-size:14px;color:var(--text-dark);margin-bottom:4px}.card-expiry{font-size:12px;color:var(--text-light)}.set-default-button{background:none;border:2px solid var(--primary-blue);color:var(--primary-blue);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.set-default-button:hover{background:var(--primary-blue);color:#fff}.billing-info-section{background:var(--white);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.billing-info-section h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.billing-address{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px}.billing-address p{margin-bottom:4px;color:var(--text-dark)}.edit-billing-button{background:none;border:2px solid var(--primary-blue);color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-billing-button:hover{background:var(--primary-blue);color:#fff}.upcoming-section{background:var(--white);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.upcoming-section h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.upcoming-list{display:flex;flex-direction:column;gap:12px}.upcoming-item{padding:16px;border:2px solid #F3F4F6;border-radius:var(--border-radius);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.upcoming-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upcoming-amount{font-size:18px;font-weight:700;color:var(--primary-blue)}.upcoming-date{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-light)}.date-icon{font-size:16px}.upcoming-description{font-size:14px;color:var(--text-dark);margin-bottom:8px}.upcoming-method{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-light)}.card-icon{font-size:14px}.billing-preferences{background:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm)}.billing-preferences h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.preferences-list{display:flex;flex-direction:column;gap:16px}.preference-item{display:flex;justify-content:space-between;align-items:center}.preference-info h4{font-size:16px;font-weight:500;color:var(--text-dark);margin-bottom:4px}.preference-info p{font-size:14px;color:var(--text-light)}.toggle-switch{width:48px;height:28px;background:#e0e0e0;border-radius:14px;position:relative;cursor:pointer;transition:all .3s}.toggle-switch.active{background:var(--primary-blue)}.toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;transition:all .3s}.toggle-switch.active .toggle-slider{transform:translate(20px)}.toggle-thumb{width:100%;height:100%;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003}@media (max-width: 480px){.billing-content{padding:0 16px 20px}.billing-tabs{margin:0 16px 20px}.summary-grid{grid-template-columns:1fr}.invoice-item{flex-direction:column;align-items:flex-start;gap:12px}.invoice-actions{align-self:stretch;justify-content:space-between}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px) translateY(-50%) scale(.5)}60%{opacity:1;transform:translate(8px) translateY(-50%) scale(1.1)}80%{transform:translate(-3px) translateY(-50%) scale(.98)}to{opacity:1;transform:translate(0) translateY(-50%) scale(1)}}@keyframes slideInFromLeftAndroid{0%{opacity:0;transform:translate(-60px) scale(.5)}60%{opacity:1;transform:translate(8px) scale(1.1)}80%{transform:translate(-3px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px) translateY(-50%) scale(.5)}60%{opacity:1;transform:translate(-8px) translateY(-50%) scale(1.1)}80%{transform:translate(3px) translateY(-50%) scale(.98)}to{opacity:1;transform:translate(0) translateY(-50%) scale(1)}}@keyframes slideInFromRightAndroid{0%{opacity:0;transform:translate(60px) scale(.5)}60%{opacity:1;transform:translate(-8px) scale(1.1)}80%{transform:translate(3px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dropFromIsland{0%{opacity:0;transform:translateY(-40px) scale(.3);filter:blur(8px)}40%{opacity:.8;filter:blur(2px)}70%{opacity:1;transform:translateY(6px) scale(1.05);filter:blur(0)}85%{transform:translateY(-2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes titleGlow{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 20px rgba(102,126,234,.4),0 0 40px rgba(118,75,162,.2)}}@keyframes homeIconBounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.08)}}@keyframes homeIconBounceAndroid{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes homeAlive{0%,to{transform:translateY(-50%) scale(1)}25%{transform:translateY(-52%) scale(1.03)}50%{transform:translateY(-48%) scale(.98)}75%{transform:translateY(-52%) scale(1.02)}}@keyframes homeAliveAndroid{0%,to{transform:scale(1)}25%{transform:translateY(-2px) scale(1.03)}50%{transform:translateY(2px) scale(.98)}75%{transform:translateY(-2px) scale(1.02)}}@keyframes backAlive{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}@keyframes backAliveAndroid{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1);opacity:1}95%{transform:scaleY(.1);opacity:.5}}@keyframes eyeShineTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.unified-header{position:fixed;top:0;left:0;right:0;width:100%;height:88px;background:#fef7f4;z-index:1000;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.unified-header-spacer{height:88px;flex-shrink:0}:root.is-iphone .unified-header--ios{display:flex;flex-direction:column;height:95px}:root.is-iphone .unified-header-spacer{height:95px}:root.is-iphone .speech-cards-screen .unified-header-spacer{height:65px}:root.is-iphone .unified-header__island-controls{position:absolute;top:0;left:0;right:0;height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;pointer-events:none}:root.is-iphone .unified-header__back,:root.is-iphone .unified-header__home{pointer-events:auto;z-index:10}:root.is-iphone .unified-header__back{position:absolute;left:16px;top:90%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:2px solid #f2c7cb;background:transparent;display:flex;align-items:center;justify-content:center;color:#f2c7cb;transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;flex-shrink:0;animation:slideInFromLeft .6s cubic-bezier(.34,1.56,.64,1) forwards,backAlive 5s ease-in-out 1.5s infinite;animation-delay:.05s;opacity:0}:root.is-iphone .unified-header__back:hover{background:#f2c7cb;color:#fff}:root.is-iphone .unified-header__back:active{transform:translateY(-50%) scale(.95)}:root.is-iphone .unified-header__back svg{width:26px;height:26px;pointer-events:none}:root.is-iphone .unified-header__home{position:absolute;right:16px;top:90%;transform:translateY(-50%);width:64px;height:64px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;flex-shrink:0;animation:slideInFromRight .6s cubic-bezier(.34,1.56,.64,1) forwards,homeIconBounce .4s ease-in-out .8s,homeAlive 6s ease-in-out 1.2s infinite;animation-delay:.1s;opacity:0}:root.is-iphone .unified-header__home:active{transform:translateY(-50%) scale(.95)}:root.is-iphone .unified-header__home svg{width:100%;height:100%;pointer-events:none}:root.is-iphone .unified-header__title-area{margin-top:52px;height:43px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 60px;box-sizing:border-box}:root.is-iphone .unified-header__title{font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:dropFromIsland .7s cubic-bezier(.34,1.56,.64,1) forwards,titleGlow 1.5s ease-in-out .9s;animation-delay:.15s;opacity:0}:root.is-iphone .unified-header__subtitle{font-size:12px;color:#666;margin:2px 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:root:not(.is-iphone) .unified-header--android{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;height:88px;gap:12px}:root:not(.is-iphone) .unified-header__back{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;border:2px solid #f2c7cb;background:transparent;display:flex;align-items:center;justify-content:center;color:#f2c7cb;flex-shrink:0;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;animation:slideInFromLeftAndroid .6s cubic-bezier(.34,1.56,.64,1) forwards,backAliveAndroid 5s ease-in-out 1.5s infinite;animation-delay:.05s;opacity:0}:root:not(.is-iphone) .unified-header__back:hover{background:#f2c7cb;color:#fff}:root:not(.is-iphone) .unified-header__back:active{transform:scale(.95)}:root:not(.is-iphone) .unified-header__back svg{width:26px;height:26px;pointer-events:none}:root:not(.is-iphone) .unified-header__title{flex:1;text-align:center;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;padding:0 8px;line-height:1.3;max-width:calc(100% - 120px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:dropFromIsland .7s cubic-bezier(.34,1.56,.64,1) forwards,titleGlow 1.5s ease-in-out .9s;animation-delay:.15s;opacity:0}:root:not(.is-iphone) .unified-header__home{width:56px;height:56px;min-width:56px;min-height:56px;flex-shrink:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;animation:slideInFromRightAndroid .6s cubic-bezier(.34,1.56,.64,1) forwards,homeIconBounceAndroid .4s ease-in-out .8s,homeAliveAndroid 6s ease-in-out 1.2s infinite;animation-delay:.1s;opacity:0}:root:not(.is-iphone) .unified-header__home:active{transform:scale(.95)}:root:not(.is-iphone) .unified-header__home svg{width:100%;height:100%;pointer-events:none}.home-icon-eye-left{animation:eyeBlink 7s ease-in-out infinite;animation-delay:5s}.home-icon-eye-right{animation:eyeBlink 7s ease-in-out infinite;animation-delay:5.2s}.home-icon-shine-left{animation:eyeShineTwinkle 4s ease-in-out infinite;animation-delay:4s}.home-icon-shine-right{animation:eyeShineTwinkle 4s ease-in-out infinite;animation-delay:5s}.exercises-screen{min-height:100dvh;background:#fef7f4;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.search-section{margin-bottom:16px;padding:16px 20px 0}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-light);font-size:18px;z-index:1}.search-bar input{width:100%;padding:14px 20px 14px 50px;border:3px solid transparent;border-radius:25px;font-size:16px;background:#fff;box-shadow:0 4px 15px #00000014;transition:all .3s}.search-bar input:focus{outline:none;border-color:#667eea;box-shadow:0 6px 20px #667eea33;transform:translateY(-2px)}.filters-section{margin-bottom:8px;padding:0 20px}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-tab{padding:10px 20px;border:2px solid transparent;background:#fff;color:#666;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #0000000d}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.filter-tab:not(.active):hover{background:#e5e7eb}.exercises-content{flex:1;padding:20px}.section-title{margin-bottom:1.5rem;text-align:center}.section-title h2{font-size:1.5rem;color:#333;margin-bottom:.5rem}.section-title p{color:#666;font-size:.9rem}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.games-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 480px){.games-grid{grid-template-columns:1fr;gap:12px}}.game-card{background:#fff;border-radius:30px;padding:2rem;cursor:pointer;position:relative;overflow:hidden;text-align:center;box-shadow:0 6px 20px #00000014;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:3px solid transparent}.game-card:nth-child(1){background:linear-gradient(135deg,#ff6b9d,#fec860);border-radius:40px 30px}.game-card:nth-child(2){background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:30px 40px}.game-card:nth-child(3){background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:35px 35px 40px 30px}.game-card.locked{opacity:.7;cursor:not-allowed}.game-card:hover:not(.locked){box-shadow:0 12px 30px #0003;transform:translateY(-4px)}.game-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.game-card h3{font-size:1.3rem;margin-bottom:.5rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.game-card p{font-size:.95rem;margin-bottom:1rem;color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.game-meta{display:flex;justify-content:center;gap:1rem;font-size:.85rem;opacity:.9}.game-meta span{background:#fef7f4;padding:.25rem .75rem;border-radius:20px}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:20px}.lock-overlay span{font-size:1.2rem;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:0 auto}.category-card:nth-child(1){background:linear-gradient(135deg,#ff6b9d,#fec860);border-radius:40px 35px}.category-card:nth-child(2){background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:35px 40px}.category-card:nth-child(3){background:linear-gradient(135deg,#ffd93d,orange);border-radius:38px 38px 40px 35px}.category-card:nth-child(4){background:linear-gradient(135deg,#95e77e,#4caf50);border-radius:35px 40px 38px 38px}.category-card:nth-child(5){background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:40px 35px 35px 40px}.category-card:nth-child(6){background:linear-gradient(135deg,#fb7185,#f43f5e);border-radius:35px 38px 40px 35px}.category-icon{width:70px;height:70px;border-radius:50%;background:#fef7f4;display:flex;align-items:center;justify-content:center;font-size:35px;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.category-info h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.category-description{font-size:14px;color:#ffffffe6;margin:0;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.subscription-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 8px #00000026;z-index:10}.subscription-badge.free{background:#e8f5e9}.subscription-badge.basic{background:linear-gradient(135deg,#64b5f6,#42a5f5)}.subscription-badge.premium{background:linear-gradient(135deg,gold,orange)}.stat-icon{font-size:16px}.category-footer{display:flex;justify-content:space-between;align-items:center}.difficulty-badge{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;font-weight:600;background:#fef7f4;padding:5px 12px;border-radius:20px}.difficulty-dot{width:8px;height:8px;border-radius:50%}.start-button{background:#fef7f4;color:#333;border:none;padding:10px 28px;border-radius:25px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 3px 10px #0000001a}.start-button:hover{background:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #0003}.start-button.locked{background:#9ca3af;cursor:not-allowed;opacity:.7}.start-button.locked:hover{background:#9ca3af;transform:none}.no-results{text-align:center;padding:60px 20px}.no-results-icon{font-size:64px;margin-bottom:16px}.no-results h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.no-results p{font-size:14px;color:var(--text-light)}@media (min-width: 768px){.categories-grid{grid-template-columns:repeat(2,1fr);max-width:1000px}}@media (max-width: 480px){.exercises-header,.exercises-content{padding:16px}.category-header{gap:12px}.category-icon{width:50px;height:50px;font-size:24px}.category-stats{flex-direction:column;gap:8px}}.games-screen{min-height:100vh;background:#fef7f4;position:relative;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.games-background{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.floating-star{position:absolute;font-size:30px;opacity:.6}.star-2{top:30%;left:8%;font-size:25px}.star-3{top:60%;right:15%;font-size:35px}.floating-balloon{position:absolute;font-size:40px;opacity:.4}.balloon-1{bottom:10%;left:5%}.balloon-2{bottom:20%;right:8%}.games-header{position:relative;z-index:1;text-align:center;padding:30px 20px;background:#fef7f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 30px 30px;box-shadow:0 4px 20px #00000014;margin-bottom:30px}.header-content h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.header-content p{font-size:16px;color:#666;margin:0}.games-container{position:relative;z-index:1;padding:0 20px;max-width:1200px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}@media (max-width: 767px){.games-grid{grid-template-columns:1fr;gap:20px}}.game-card{position:relative;padding:30px;border-radius:40px;cursor:pointer;text-align:center;color:#fff;box-shadow:0 8px 25px #0000001f;overflow:hidden;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-card:nth-child(1){background:linear-gradient(135deg,#ff6b9d,#fec860);border-radius:45px 35px}.game-card:nth-child(2){background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:35px 45px}.game-card:nth-child(3){background:linear-gradient(135deg,#ffd93d,orange);border-radius:40px 40px 45px 35px}.game-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.game-card h3{font-size:20px;font-weight:800;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.game-card p{font-size:16px;margin:0 0 20px;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.1);line-height:1.4}.game-meta{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.difficulty-badge,.time-badge{background:#fef7f4;padding:5px 12px;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card.locked{cursor:not-allowed;opacity:.8}.game-shine{display:none}@media (min-width: 768px) and (max-width: 1023px){.games-grid{grid-template-columns:repeat(2,1fr);gap:20px}.game-card{padding:24px;min-height:240px}.game-icon{font-size:64px;margin-bottom:14px}.game-card h3{font-size:18px}.game-card p{font-size:14px}.games-container{padding:0 24px}.header-content h1{font-size:28px}}@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape){.game-card{min-height:200px;padding:20px}.game-icon{font-size:50px;margin-bottom:10px}}@media (max-width: 480px){.games-screen{padding-bottom:100px}.header-content h1{font-size:26px}.header-content p{font-size:14px}.game-card{padding:25px;min-height:240px}.game-icon{font-size:60px}.game-card h3{font-size:18px}.game-card p{font-size:13px}.games-container{padding-bottom:30px}}.change-password-screen{min-height:100dvh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(var(--header-height) + var(--safe-area-top) + 20px)}.change-password-content{flex:1;padding:20px;max-width:500px;margin:0 auto;width:100%}.password-form-section{background:#fff;border-radius:var(--border-radius-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.password-form-section h2{font-size:22px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.section-description{font-size:14px;color:var(--text-light);margin-bottom:24px;line-height:1.5}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted);font-size:18px;pointer-events:none;z-index:1}.native-input.with-icon{padding-left:48px;padding-right:48px}.native-input.error{border-color:#ef4444;background:#fef2f2}.password-toggle{position:absolute;right:16px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;z-index:1}.password-toggle:hover{color:var(--text-dark)}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px}.success-message{display:flex;align-items:center;gap:4px;color:#10b981;font-size:12px;margin-top:4px}.success-message svg{font-size:14px}.password-strength{margin-top:12px;margin-bottom:16px}.strength-bars{display:flex;gap:4px;margin-bottom:8px}.strength-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;transition:background-color .3s}.strength-label{font-size:12px;font-weight:600;display:block;text-align:center}.password-requirements{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;margin-bottom:20px}.password-requirements h4{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light);margin-bottom:8px;transition:color .2s}.password-requirements li.met{color:#10b981}.password-requirements li svg{font-size:14px;flex-shrink:0}.password-requirements li.met svg{color:#10b981}.password-requirements li:not(.met) svg{color:#ef4444}.form-actions{display:flex;gap:12px;margin-bottom:24px}.form-actions button{flex:1}.password-tips{background:#fff;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.password-tips h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.password-tips ul{list-style:none;padding:0;margin:0}.password-tips li{position:relative;padding-left:20px;font-size:14px;color:var(--text-light);margin-bottom:8px;line-height:1.5}.password-tips li:before{content:"•";position:absolute;left:0;color:var(--primary-blue);font-weight:700}@media (max-width: 480px){.change-password-content{padding:16px}.password-form-section{padding:20px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.speech-cards-screen.speech-cards-screen{background:transparent!important}.speech-cards-screen .language-layout,.speech-cards-screen .language-card-grid{position:relative!important;z-index:1!important}.speech-cards-screen .language-card{position:relative!important;z-index:2!important}:root{--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.speech-cards-screen{position:relative!important;width:100%!important;height:100%!important;padding:0 24px 20px!important;background:#fef7f4!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-sizing:border-box!important;overflow:hidden!important}.speech-cards-header{flex-shrink:0!important;flex-grow:0!important;margin:0 auto clamp(4px,1vw,8px) auto!important;padding:0 20px!important;text-align:center;width:100%;max-width:960px}.speech-cards-header .header-content{margin:0;padding:0}.speech-cards-header .header-content h1{font-size:clamp(28px,4.5vw,40px)!important;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px!important;line-height:1.2!important}.speech-cards-header .header-content p{font-size:16px!important;color:#718096;margin:0!important;line-height:1.4!important}.speech-cards-screen .language-layout{position:relative;z-index:2;width:100%;background:transparent;max-width:1000px;flex:1;min-height:0;display:flex;flex-direction:column;gap:0;padding:0}.speech-cards-screen .language-card-grid{flex:1;min-height:0;align-content:start;width:100%;display:grid}.language-bottom-nav{flex-shrink:0!important;flex-grow:0!important}.speech-game__back-btn{position:fixed;top:10px;left:10px;background:transparent;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:9999;color:#2c2442}.speech-game__back-btn svg{width:20px;height:20px}.speech-game__question-panel{background:#fff9f6;border-radius:18px;padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(12px,2.5vw,18px);display:flex;flex-direction:column;gap:4.12px}.speech-game__panel-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%}.speech-game__panel-counter{display:inline-flex;align-items:center;gap:6px;padding:14px 42px;border-radius:999px;background:linear-gradient(135deg,#f6ccd499,#d4f0e780);color:var(--text-dark);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;font-family:Comfortaa,sans-serif}.speech-game__panel-speaker{width:44px;height:44px;border-radius:14px;border:none;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #f6d6ce59;transition:transform .2s ease}.speech-game__panel-speaker:hover{transform:translateY(-2px)}.speech-game__speak-icon{width:22px;height:22px}.speech-game__question-text{font-size:13px;font-weight:700;color:var(--text-dark);margin:2px 0;word-break:break-word;font-family:Comfortaa,sans-serif}.speech-game__progress{width:100%;height:8px;border-radius:999px;background:#f6d6ce59;overflow:hidden}.speech-game__progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--peach))}.speech-game__controls{margin-top:clamp(10px,4vw,18px);display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%}.speech-game__next-btn{border:none;border-radius:999px;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;font-weight:700;font-size:clamp(12px,2.5vw,16px);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;cursor:pointer;box-shadow:0 16px 28px #f78da747;transition:transform .2s ease,box-shadow .2s ease}.speech-game__next-btn:hover{transform:translateY(-2px);box-shadow:0 20px 32px #f78da752}.speech-game__next-btn svg{width:20px;height:20px}.speech-game__check-btn{border:none;border-radius:999px;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;font-weight:700;font-size:clamp(12px,2.5vw,16px);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;cursor:pointer;box-shadow:0 16px 28px #f78da747;transition:transform .2s ease,box-shadow .2s ease}.speech-game__check-btn:hover{transform:translateY(-2px);box-shadow:0 20px 32px #f78da752}.speech-game__prev-btn{border:none;border-radius:999px;background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;font-weight:700;font-size:clamp(12px,2.5vw,16px);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;cursor:pointer;box-shadow:0 16px 28px #9ca3af47;transition:transform .2s ease,box-shadow .2s ease}.speech-game__prev-btn:hover{transform:translateY(-2px);box-shadow:0 20px 32px #9ca3af52}.speech-game__prev-btn svg{width:20px;height:20px}@media (max-width: 600px){.speech-game__question-panel{padding:clamp(16px,3vw,24px);gap:4.12px}.speech-game__panel-counter{padding:14px 42px;font-size:12px}.speech-game__panel-speaker{width:40px;height:40px}.speech-game__speak-icon{width:20px;height:20px}}@media (max-width: 480px){.speech-game__panel-top{gap:8px}.speech-game__controls{margin-top:clamp(6px,2vw,10px);gap:8px}.speech-game__next-btn,.speech-game__prev-btn,.speech-game__check-btn{padding:8px 12px;font-size:clamp(11px,2.2vw,14px);gap:4px}.speech-game__next-btn svg,.speech-game__prev-btn svg,.speech-game__check-btn svg{width:16px;height:16px}.language-layout{padding:25px clamp(16px,4vw,32px) 25px}}@media (max-width: 768px){.speech-game__next-btn,.speech-game__check-btn,.speech-game__prev-btn{font-size:clamp(12px,2.8vw,14px);padding:8px 14px;gap:4px}.speech-game__next-btn svg,.speech-game__check-btn svg,.speech-game__prev-btn svg{width:14px;height:14px}}.speech-game__intro-body,.speech-game__intro-label,.speech-game__intro-title,.speech-game__intro-subtitle{text-align:center}.speech-game__intro-list{text-align:left}.instructions-container{max-width:480px;margin:20px 16px 0;padding:18px;background:#fffefd;border-radius:22px;box-shadow:0 10px 24px #2c244214;border:1px solid rgba(246,214,206,.4);text-align:center}.instructions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.instruction-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#f6d6ce26;border-radius:14px;border:1px solid rgba(246,214,206,.3);transition:all .3s ease}.instruction-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 4px 10px #f6ccd459}.instruction-item p{margin:0;font-size:18px;line-height:1.6;color:var(--text-dark);flex:1;padding-top:4px;text-align:left}.instruction-item--playing{background:#8b5cf626;border-color:#8b5cf666;transform:scale(1.02);transition:all .3s ease}.instruction-number--playing{background:linear-gradient(135deg,#8b5cf6,#a78bfa);animation:pulse-playing 1.5s ease-in-out infinite}.start-game-btn{width:100%;justify-content:center;font-size:18px!important;padding:14px 28px!important;border:none;border-radius:999px;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;box-shadow:0 20px 36px #f78da73d;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 26px 40px #f78da747}.instructions-container button svg,button[class*=button] svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}@media (min-width: 768px){.instructions-container{max-width:540px;padding:22px}.instruction-item p{font-size:19px}.instruction-number{width:36px;height:36px;font-size:18px}.start-game-btn{font-size:19px;padding:15px 32px}.speech-cards-screen{overflow-y:auto!important}}@media (min-width: 1024px){.instructions-container{max-width:600px;padding:24px}}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.category-screen{background:#fef7f4;position:relative;display:flex;padding-top:calc(var(--unified-header-height) + 5px)}.floating-decoration{position:absolute;pointer-events:none;z-index:0;opacity:.3;animation:float-decoration 20s ease-in-out infinite}.decoration-1{top:10%;right:5%;font-size:40px;animation-duration:15s}.decoration-2{top:50%;left:3%;font-size:35px;animation-duration:18s;animation-delay:5s}.decoration-3{bottom:20%;right:8%;font-size:45px;animation-duration:22s;animation-delay:10s}@keyframes float-decoration{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(10deg)}66%{transform:translateY(10px) rotate(-10deg)}}.category-sidebar{width:280px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:4px 0 20px #00000014;padding:20px;position:sticky;top:130px;height:calc(100vh - 130px);overflow:hidden;z-index:10;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.category-main{flex:1;padding:20px;min-width:0}.category-header{background:#ffffffe6;padding:15px 20px;box-shadow:0 4px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:var(--unified-header-height);left:0;right:0;z-index:100;display:flex;align-items:center;gap:20px;height:70px;border-bottom:1px solid rgba(0,0,0,.05)}.back-button{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2d3748;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.back-button:active{transform:scale(.95);background:#e5e7eb}.category-info{display:flex;align-items:center;gap:16px;flex:1}@media (max-width: 768px){.category-info{gap:8px}.category-details{flex:1;min-width:0}.category-details h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}}.category-icon-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.category-icon{font-size:32px}.category-details h1{font-size:26px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.category-details p{font-size:14px;color:var(--text-light);line-height:1.4}.sidebar-section{margin-bottom:15px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.progress-section{background:#fff;padding:15px;border-radius:20px;box-shadow:0 4px 12px #0000000d;flex-shrink:0}@media (max-width: 768px){.progress-section{padding:12px}}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.progress-label{font-size:13px;font-weight:600;color:#6b7280}.progress-percentage{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.progress-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-stats{display:flex;flex-direction:column;gap:8px}.stat{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.stat svg{font-size:14px;color:#667eea;flex-shrink:0}.filters-section{background:#fff;padding:15px 10px 15px 15px;border-radius:20px;box-shadow:0 4px 12px #0000000d;flex:1;overflow-y:auto;overflow-x:hidden;min-height:300px;max-height:calc(100vh - 350px);display:flex;flex-direction:column;gap:15px}.filters-section::-webkit-scrollbar{width:8px}.filters-section::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.filters-section::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.filters-section::-webkit-scrollbar-thumb:hover{background:#6b7280}.difficulty-tabs{display:flex;flex-direction:column;gap:8px}.difficulty-tab{padding:10px 12px;background:#f3f4f6;border:2px solid transparent;border-radius:12px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%}.difficulty-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05);box-shadow:0 5px 15px #667eea4d}.exercises-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0}@media (max-width: 1024px){.exercises-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-sidebar{width:240px}}.mobile-filter-btn{display:none;position:fixed;bottom:80px;right:20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #667eea4d;z-index:100;cursor:pointer;transition:all .3s ease;gap:8px;align-items:center;justify-content:center}.mobile-filter-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.mobile-filter-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.mobile-filter-content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #E5E7EB;position:sticky;top:0;background:#fff;z-index:1}.mobile-filter-header h3{font-size:18px;font-weight:700;color:#2d3748;margin:0}.close-filter-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:5px}.mobile-filter-body{padding:20px}.filter-group{margin-bottom:25px}.filter-group h4{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 12px}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-option{padding:8px 16px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-option.active{background:#667eea;color:#fff;border-color:#667eea}.filter-option span{font-size:16px}.apply-filters-btn{width:calc(100% - 40px);margin:20px;padding:14px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-filters-btn:hover{background:#5a67d8}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.desktop-only{display:flex}@media (min-width: 1024px){.category-screen{max-width:1800px;margin:0 auto}.category-sidebar{width:300px;padding:25px}.category-main{padding:30px 40px}.exercises-grid{grid-template-columns:repeat(auto-fit,380px);gap:35px;padding:25px 0;align-items:start;justify-content:start}.exercise-card{height:auto;min-height:auto;padding:35px 40px;transition:all .3s ease;border-radius:18px}.exercise-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000001f}.exercise-image{width:125px;height:125px}.exercise-title{font-size:22px;font-weight:600;margin-top:25px;white-space:nowrap;overflow:visible}.exercise-description{font-size:16px;white-space:nowrap;line-height:1.4}}@media (min-width: 1440px){.category-screen{max-width:1800px}.category-sidebar{width:350px}.exercises-grid{grid-template-columns:repeat(auto-fit,400px);gap:40px;align-items:start;justify-content:start}.exercise-card{height:auto;min-height:auto;padding:40px 45px}.exercise-image{width:135px;height:135px}.exercise-title{font-size:22px;font-weight:600}.exercise-description{font-size:16px}}@media (max-width: 768px){.mobile-filter-btn{display:flex}.mobile-filter-modal{display:block}.desktop-only{display:none!important}.category-screen{flex-direction:column;padding-top:calc(var(--header-height) + var(--safe-area-top) + 70px);min-height:0;height:auto}.category-header{height:60px;padding:10px}.back-button{width:32px;height:32px;min-width:32px}.category-sidebar{display:none}.sidebar-section{margin-bottom:20px}.category-main{padding:10px 15px 20px;width:100%;min-height:0}.category-main h3{margin-top:10px}.exercises-grid{grid-template-columns:repeat(2,1fr);gap:12px}.exercise-card{padding:20px;min-height:160px}.category-details h1{font-size:20px}.category-details p{display:none}.category-icon-wrapper{width:45px;height:45px;min-width:45px}.category-icon{font-size:24px}}@media (max-width: 480px){.exercises-grid{grid-template-columns:1fr;gap:10px}.exercise-card{min-height:140px}.back-button{width:35px;height:35px;font-size:18px}.difficulty-tabs{gap:8px}.difficulty-tab{padding:10px 12px;font-size:13px}}.exercises-list h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.exercise-card{background:#fff;border-radius:20px;padding:25px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 15px #00000014;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.exercise-card:nth-child(4n+1){background:linear-gradient(135deg,#e8d5ff,#d4b5f0);border-color:#e8d5ff}.exercise-card:nth-child(4n+2){background:linear-gradient(135deg,#ffe4f3,#ffc0e3);border-color:#ffe4f3}.exercise-card:nth-child(4n+3){background:linear-gradient(135deg,#b8e1ff,#a0d2f0);border-color:#b8e1ff}.exercise-card:nth-child(4n){background:linear-gradient(135deg,#c3f0e8,#a8e0d5);border-color:#c3f0e8}.exercise-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffffff80,#ffffff1a,#ffffff80);border-radius:20px;opacity:0;transition:opacity .3s;z-index:-1}.exercise-card:hover:before{opacity:.6}.exercise-card:hover:not(.locked){box-shadow:0 8px 25px #0000001f}.exercise-card:active:not(.locked){transform:scale(.98);box-shadow:0 1px 2px #0000001a}.exercise-card.locked{opacity:1;cursor:pointer;position:relative;filter:none}.exercise-card.locked:hover{opacity:1;box-shadow:0 8px 25px #0000001f;transform:scale(1.02)}.exercise-card.completed{opacity:.8}.exercise-card .lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000026,#00000040);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:inherit;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);transition:all .3s ease}.exercise-card:hover .lock-overlay{background:linear-gradient(135deg,#0003,#0000004d);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.exercise-card .lock-overlay .upgrade-button{background:linear-gradient(135deg,gold,orange);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 4px 12px #ffd7004d}.exercise-card .lock-overlay .upgrade-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #ffd70066;animation:none}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 6px 16px #ffd70080}to{transform:scale(1);box-shadow:0 4px 12px #ffd7004d}}.exercise-card .lock-overlay span{font-size:14px;font-weight:600;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.exercise-status{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.status-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.status-icon.completed{color:#fff}.exercise-card.completed .exercise-status{background:linear-gradient(135deg,#10b981,#059669)}.language-layout{position:relative;min-height:auto;padding:4px 8px 60px;padding-top:calc(4px + env(safe-area-inset-top,0px))!important;background:transparent;overflow:visible;margin:0 auto;max-width:100%;box-sizing:border-box}.category-screen-layout.language-layout{padding-top:3%!important}.category-screen-layout{background:#fdf7f5}.category-screen-layout .language-card-grid{max-width:100%;margin:0 auto;gap:clamp(14px,3vw,22px);padding:0 4px}.category-screen-layout .language-card-grid .language-card-title{font-size:clamp(16px,4vw,22px)}@media (max-width: 767px){.category-screen-layout{padding-left:0;padding-right:0}.category-screen-layout .language-card-grid{padding:2px}}@media (min-width: 768px) and (max-width: 1023px){.language-layout{max-width:960px;padding:0 24px 60px}.category-screen-layout .language-card-grid{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,28px);padding:4px 8px}.category-screen-layout .language-card-grid .language-card{padding:16px 14px;min-height:clamp(120px,14vh,170px)}.category-screen-layout .language-card-grid .language-card-title{font-size:clamp(17px,2.2vw,22px)}.category-screen-layout .language-card-grid .language-card-description{display:none}.category-screen-layout .language-card-grid .language-chip{font-size:clamp(11px,1.4vw,14px);padding:6px 12px}.category-sidebar{width:220px}.exercises-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape){.category-screen-layout .language-card-grid .language-card{min-height:clamp(100px,18vh,140px);padding:12px}}@media (min-width: 1024px){.language-layout{max-width:1400px;padding:140px 60px 100px}}@media (min-width: 1440px){.language-layout{max-width:1600px;padding:140px 80px 120px}}.language-layout:before,.language-layout:after{content:"";position:absolute;pointer-events:none;z-index:0}.language-layout:before{width:260px;height:150px;top:40px;left:20px;background:url(../images/language-cloud.webp) no-repeat center/contain;opacity:.55}.language-layout:after{width:260px;height:150px;bottom:50px;right:30px;background:url(../images/language-cloud.webp) no-repeat center/contain;opacity:.45;transform:scaleX(-1)}.language-background{display:none}.language-hero,.language-card-grid{position:relative;z-index:1}.language-hero{margin-bottom:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:12px}.language-hero-inline{display:inline-flex;align-items:center;gap:16px}.language-hero-inline-icon{width:56px;height:56px;border-radius:16px;background:#6c5dd31f;display:flex;align-items:center;justify-content:center;overflow:hidden}.language-hero-inline-icon img{width:70%;height:70%;object-fit:contain}.language-hero-inline-text h1{margin:0;font-size:clamp(24px,4vw,32px);font-weight:700;color:#1f2538}.language-hero-inline-text p{margin:4px 0 0;font-size:14px;color:#111827a6}.language-hero-inline-description{margin:0;font-size:14px;color:#111827b3;max-width:560px}.language-card-grid{position:relative;z-index:1;display:grid;gap:clamp(35px,8vw,50px);grid-template-columns:1fr;width:100%}@media (min-width: 768px){.language-card-grid{grid-template-columns:repeat(2,1fr);gap:clamp(40px,6vw,55px)}}@media (min-width: 1200px){.language-card-grid{grid-template-columns:repeat(2,1fr);gap:clamp(45px,5vw,60px)}}.language-card{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px);padding:clamp(14px,4vw,22px);border-radius:clamp(18px,5vw,24px);border:1px solid rgba(47,38,68,.08);background:var(--card-surface, #ffffff);box-shadow:0 16px 32px #2f26441a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:visible;min-height:clamp(110px,28vw,160px);width:100%;max-width:1100px;animation:magicCardGlow 6s ease-in-out infinite;animation-delay:calc(var(--card-index, 0) * .4s)}@media (hover: hover){.language-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #2f26441f}}.language-card:after{display:none}.language-card-info-btn{position:absolute;bottom:clamp(-6px,-1.5vw,-2px);right:clamp(-4px,-1vw,-1px);width:clamp(32px,10vw,50px);height:clamp(32px,10vw,50px);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2f2644;z-index:2;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #2f26441f;padding:0}.language-card-info-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #2f264433}.language-card-info-btn:active{transform:scale(.95)}.language-card-info-btn svg{width:clamp(14px,4vw,20px);height:clamp(14px,4vw,20px)}.language-card-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent!important;box-shadow:none;position:relative;z-index:1;padding-left:10px;will-change:transform}.language-card-icon img{width:70px;height:70px;object-fit:contain}.language-card-icon span{font-size:clamp(34px,9vw,44px);color:var(--language-card-accent, #ff964d)}.language-card-body{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:3px;text-align:left;position:relative;z-index:1;flex:1;min-width:0;min-height:auto;padding-left:10px}.language-card-title{margin:0;font-family:Comfortaa,sans-serif;font-size:clamp(13px,3.2vw,17px);font-weight:700;color:inherit;text-align:left;animation:magicTitleGlow 5s ease-in-out infinite;animation-delay:calc(var(--card-index, 0) * .3s + .5s)}.language-card-description{margin:0;font-family:Comfortaa,sans-serif;font-size:clamp(10px,2.5vw,12px);line-height:1.4;color:#2f2644a3;text-align:left}.language-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;justify-content:flex-start}.language-chip{display:inline-flex;align-items:center;justify-content:center;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,18px);border-radius:999px;font-family:Comfortaa,sans-serif;font-size:clamp(9px,2.2vw,11px);font-weight:600;letter-spacing:.2px;background:#1118270f;color:#111827bf;animation:magicBadgeBounce 3s ease-in-out infinite;will-change:transform}.language-card-meta .language-chip:nth-child(1){animation-delay:0s}.language-card-meta .language-chip:nth-child(2){animation-delay:.2s}.language-card-meta .language-chip:nth-child(3){animation-delay:.4s}.language-chip.level-basic{background:#7c5dfa2e;color:#4338ca}.language-chip.level-premium{background:#f59f4733;color:#b45309}.language-chip.completed{background:#16a34a29;color:#047857}.language-card.locked{opacity:.68}.language-card-lock{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px #0f172a1f;color:#475569;z-index:1}@media (max-width: 520px){.language-card{gap:clamp(10px,4vw,16px);padding:clamp(12px,4vw,18px)}.language-card-icon{width:55px;height:55px;padding-left:5px}.language-card-icon img{width:55px;height:55px}}.language-empty-state{margin-top:24px;text-align:center;font-size:15px;font-weight:500;color:#1b1f4bb3}.status-icon.locked{color:#fff}.exercise-card.locked .exercise-status{background:linear-gradient(135deg,#9ca3af,#6b7280)}.status-icon.available{color:#fff}.exercise-content{flex:1;min-width:0}.exercise-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.exercise-header h4{font-size:17px;font-weight:600;color:#2d3748;margin:0}.premium-badge,.ai-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.premium-badge{background:linear-gradient(135deg,gold,orange);color:#fff}.ai-badge{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.exercise-description{font-size:14px;color:var(--text-light);margin-bottom:8px;line-height:1.4}.topic-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#eef2ff;color:#4f46e5;border:1px solid #C7D2FE}.topic-badge .topic-icon,.difficulty-tab .tab-icon{display:inline-block;margin-right:2px}.exercise-meta{display:flex;gap:16px}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;font-weight:500}.meta-item svg{font-size:14px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light)}.category-screen-layout .language-card-grid .language-card{padding:28px 16px;min-height:clamp(140px,18vh,180px)!important;overflow:visible;align-items:center}.category-screen-layout .language-card-grid .language-card:last-child{margin-bottom:0}.category-screen-layout .language-card-grid .language-card-icon{width:45px;height:45px;font-size:22px;margin-right:12px}.category-screen-layout .language-card-grid .language-card-icon svg{width:24px;height:24px}.category-screen-layout .language-card-grid .language-card-body{justify-content:center;align-self:center;align-items:center;height:100%;min-height:auto;gap:3px;display:flex;flex-direction:column;text-align:center}.category-screen-layout .language-card-grid .language-card-title{font-size:clamp(20px,5vw,28px);margin-bottom:0;line-height:1.35;text-align:center}.category-screen-layout .language-card-grid .language-card-description{display:none}.category-screen-layout .language-card-grid .language-card-meta{gap:4px}.category-screen-layout .language-card-grid .language-chip{font-size:clamp(13px,3.2vw,17px);padding:clamp(5px,1.2vw,8px) clamp(10px,2.5vw,15px)}@media (max-width: 768px){.category-screen-layout .language-card-grid .language-card{padding:26px 14px;min-height:clamp(130px,17vh,170px)!important}.category-screen-layout .language-card-grid .language-card:last-child{margin-bottom:0}.category-screen-layout .language-card-grid .language-card-icon{width:40px;height:40px}.category-screen-layout .language-card-grid .language-card-icon svg{width:22px;height:22px}}@media (max-width: 767px) and (max-height: 700px){.language-layout{padding:90px 8px 12px}.language-hero{margin-bottom:clamp(10px,2vh,16px)}.language-hero-inline{gap:10px}.language-hero-inline-icon{width:clamp(40px,7vh,52px);height:clamp(40px,7vh,52px);border-radius:12px}.language-hero-inline-text h1{font-size:clamp(18px,3vh,24px)}.language-hero-inline-text p{font-size:clamp(11px,1.8vh,13px)}.language-card-grid{gap:clamp(10px,2vh,16px)}.category-screen-layout .language-card-grid .language-card{padding:clamp(12px,2.5vh,18px);min-height:clamp(120px,16vh,160px)!important;gap:clamp(10px,2vh,16px)}.category-screen-layout .language-card-grid .language-card-icon{width:clamp(35px,6vh,50px);height:clamp(35px,6vh,50px);padding-left:15px}.category-screen-layout .language-card-grid .language-card-icon img{width:clamp(35px,6vh,50px);height:clamp(35px,6vh,50px)}.category-screen-layout .language-card-grid .language-card-body{min-height:auto;padding-left:10px}.category-screen-layout .language-card-grid .language-card-title{font-size:clamp(18px,3.5vh,24px)}.category-screen-layout .language-card-grid .language-card-description{display:none}.category-screen-layout .language-card-grid .language-chip{font-size:clamp(12px,2.2vh,15px);padding:clamp(4px,.8vh,7px) clamp(8px,1.5vh,12px)}}@media (max-width: 767px) and (max-height: 600px){.language-layout{padding:85px 6px 10px}.language-hero{margin-bottom:clamp(6px,1.5vh,12px);gap:6px}.language-hero-inline{gap:8px}.language-hero-inline-icon{width:clamp(32px,5.5vh,44px);height:clamp(32px,5.5vh,44px);border-radius:10px}.language-hero-inline-text h1{font-size:clamp(16px,2.8vh,20px)}.language-hero-inline-text p{font-size:clamp(10px,1.6vh,12px)}.language-card-grid{gap:clamp(6px,1.5vh,12px)}.category-screen-layout .language-card-grid .language-card{padding:clamp(8px,1.5vh,12px);min-height:clamp(110px,14vh,140px)!important;gap:clamp(8px,1.5vh,12px);border-radius:clamp(14px,3vw,20px)}.category-screen-layout .language-card-grid .language-card-icon{width:clamp(30px,5vh,42px);height:clamp(30px,5vh,42px);padding-left:10px}.category-screen-layout .language-card-grid .language-card-icon img{width:clamp(30px,5vh,42px);height:clamp(30px,5vh,42px)}.category-screen-layout .language-card-grid .language-card-body{min-height:auto;padding-left:6px;gap:3px}.category-screen-layout .language-card-grid .language-card-title{font-size:clamp(16px,3vh,20px);margin-bottom:2px}.category-screen-layout .language-card-grid .language-card-description{display:none}.category-screen-layout .language-card-grid .language-card-meta{gap:4px;margin-top:2px}.category-screen-layout .language-card-grid .language-chip{font-size:clamp(11px,1.8vh,14px);padding:clamp(3px,.6vh,5px) clamp(6px,1.2vh,10px)}}@keyframes languageCardFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.language-card--animated{animation:languageCardFadeInUp .5s cubic-bezier(.25,.1,.25,1) both;animation-delay:calc(var(--card-index, 0) * .07s + .1s)}@keyframes magicFloat1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2px,-3px) rotate(1deg)}50%{transform:translate(-1px,-5px) rotate(-.5deg)}75%{transform:translate(-2px,-2px) rotate(.5deg)}}@keyframes magicFloat2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-3px,-2px) rotate(-1.5deg) scale(1.02)}66%{transform:translate(2px,-4px) rotate(1deg) scale(1.01)}}@keyframes magicFloat3{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(3px,-1px) rotate(2deg)}40%{transform:translate(1px,-4px) rotate(0)}60%{transform:translate(-2px,-3px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(.5deg)}}@keyframes magicFloat4{0%,to{transform:translate(0) scale(1) rotate(0)}30%{transform:translate(-2px,-3px) scale(1.03) rotate(-1deg)}70%{transform:translate(1px,-2px) scale(1.01) rotate(1.5deg)}}@keyframes magicFloat5{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(1px,-2px) rotate(.5deg)}35%{transform:translate(-2px,-5px) rotate(-1deg)}55%{transform:translate(-3px,-3px) rotate(0)}75%{transform:translate(1px,-1px) rotate(1deg)}}@keyframes magicFloat6{0%,to{transform:translate(0) scale(1)}25%{transform:translate(2px,-4px) scale(1.02)}50%{transform:translate(-1px,-2px) scale(1.04)}75%{transform:translate(-2px,-3px) scale(1.01)}}@keyframes magicWiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(2deg) translateY(-2px)}50%{transform:rotate(-1deg) translateY(-4px)}75%{transform:rotate(-2deg) translateY(-1px)}}@keyframes magicBobble{0%,to{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-1px,-3px) rotate(1deg) scale(1.01)}40%{transform:translate(2px,-5px) rotate(-.5deg) scale(1.03)}60%{transform:translate(1px,-2px) rotate(.5deg) scale(1.02)}80%{transform:translate(-2px,-1px) rotate(-1deg) scale(1)}}.language-card:nth-child(8n+1) .language-card-icon{animation:magicFloat1 4.2s ease-in-out infinite}.language-card:nth-child(8n+2) .language-card-icon{animation:magicFloat2 3.8s ease-in-out infinite;animation-delay:.3s}.language-card:nth-child(8n+3) .language-card-icon{animation:magicFloat3 5.1s ease-in-out infinite;animation-delay:.7s}.language-card:nth-child(8n+4) .language-card-icon{animation:magicWiggle 3.5s ease-in-out infinite;animation-delay:.2s}.language-card:nth-child(8n+5) .language-card-icon{animation:magicFloat4 4.7s ease-in-out infinite;animation-delay:.5s}.language-card:nth-child(8n+6) .language-card-icon{animation:magicBobble 4s ease-in-out infinite;animation-delay:.9s}.language-card:nth-child(8n+7) .language-card-icon{animation:magicFloat5 3.9s ease-in-out infinite;animation-delay:.4s}.language-card:nth-child(8n+8) .language-card-icon{animation:magicFloat6 4.4s ease-in-out infinite;animation-delay:.6s}@keyframes magicTitleGlow{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(102,126,234,.25)}}@keyframes magicBadgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes magicCardGlow{0%,to{box-shadow:0 16px 32px #2f26441a}50%{box-shadow:0 18px 38px #2f264424,0 0 20px #667eea0f}}@media (prefers-reduced-motion: reduce){.language-card,.language-card--animated,.language-card-icon,.language-card-title,.language-chip{animation:none!important;transition:opacity .2s ease!important}}@media (prefers-contrast: high){.language-card{border:2px solid #2D3748}.language-card-title{color:#000}.language-card-description{color:#333}.language-chip{border:1px solid currentColor}}@keyframes spawnAnim1{0%{opacity:0;transform:translateY(60px) scale(.8)}50%{opacity:1;transform:translateY(-12px) scale(1.03)}70%{transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spawnAnim2{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.12)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spawnAnim3{0%{opacity:0;transform:translate(-80px) rotate(-8deg)}60%{opacity:1;transform:translate(10px) rotate(1deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes spawnAnim4{0%{opacity:0;transform:translateY(-70px) scale(.9)}45%{opacity:1;transform:translateY(14px) scale(1.02)}65%{transform:translateY(-6px) scale(.99)}80%{transform:translateY(3px)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spawnAnim5{0%{opacity:0;transform:scale(.1) rotate(10deg)}50%{opacity:1;transform:scale(1.08) rotate(-2deg)}70%{transform:scale(.96) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes spawnAnim6{0%{opacity:0;transform:translate(80px) rotate(6deg)}55%{opacity:1;transform:translate(-8px) rotate(-1.5deg)}75%{transform:translate(4px) rotate(.5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes spawnAnim7{0%{opacity:0;transform:perspective(600px) rotateX(-60deg) translateY(30px)}50%{opacity:1;transform:perspective(600px) rotateX(8deg) translateY(-5px)}to{opacity:1;transform:perspective(600px) rotateX(0) translateY(0)}}@keyframes spawnAnim8{0%{opacity:0;transform:translate(70px) scale(.85)}50%{opacity:1;transform:translate(-10px) scale(1.04)}70%{transform:translate(5px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes spawnAnim9{0%{opacity:0;transform:translateY(50px) scale(.6)}40%{opacity:1;transform:translateY(-8px) scale(1.06) rotate(2deg)}55%{transform:translateY(3px) scale(.98) rotate(-1.5deg)}70%{transform:translateY(-2px) scale(1.01) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes spawnAnim10{0%{opacity:0;transform:translateY(55px) rotate(5deg) scale(.85)}55%{opacity:1;transform:translateY(-6px) rotate(-1deg) scale(1.03)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes spawnAnim11{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.15)}55%{transform:scale(.9)}70%{transform:scale(1.05)}85%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spawnAnim12{0%{opacity:0;transform:translate(-70px) scale(.85)}50%{opacity:1;transform:translate(10px) scale(1.04)}70%{transform:translate(-5px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes spawnAnim13{0%{opacity:0;transform:translateY(-60px) rotate(-12deg)}45%{opacity:1;transform:translateY(10px) rotate(3deg)}65%{transform:translateY(-4px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes spawnAnim14{0%{opacity:0;transform:scale(.4) translateY(30px)}45%{opacity:1;transform:scale(1.1) translateY(-8px)}65%{transform:scale(.95) translateY(3px)}80%{transform:scale(1.02) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spawnAnim15{0%{opacity:0;transform:translateY(65px) rotate(8deg) scale(.7)}50%{opacity:1;transform:translateY(-8px) rotate(-2deg) scale(1.05)}75%{transform:translateY(3px) rotate(.5deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes spawnAnim16{0%{opacity:0;transform:scale(0) rotate(-15deg)}40%{opacity:1;transform:scale(1.12) rotate(3deg)}60%{transform:scale(.92) rotate(-1deg)}75%{transform:scale(1.04) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes spawnAnim17{0%{opacity:0;transform:translateY(-50px) scaleY(.6)}50%{opacity:1;transform:translateY(12px) scaleY(1.05)}70%{transform:translateY(-5px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes spawnAnim18{0%{opacity:0;transform:translate(-50px,50px) rotate(-10deg) scale(.7)}50%{opacity:1;transform:translate(6px,-6px) rotate(2deg) scale(1.04)}75%{transform:translate(-2px,2px) rotate(-.5deg) scale(.99)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes spawnAnim19{0%{opacity:0;transform:scale(.3) translateY(40px)}35%{opacity:1;transform:scale(1.1,.9) translateY(-10px)}50%{transform:scale(.9,1.1) translateY(5px)}65%{transform:scale(1.05,.95) translateY(-2px)}80%{transform:scale(.98,1.02) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spawnAnim20{0%{opacity:0;transform:translate(60px) rotate(15deg) scale(.8)}45%{opacity:1;transform:translate(-8px) rotate(-3deg) scale(1.05)}65%{transform:translate(4px) rotate(1deg) scale(.98)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.spawn-anim-1{animation:spawnAnim1 .7s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-2{animation:spawnAnim2 .65s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-3{animation:spawnAnim3 .6s cubic-bezier(.25,.46,.45,.94) both}.spawn-anim-4{animation:spawnAnim4 .75s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-5{animation:spawnAnim5 .7s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-6{animation:spawnAnim6 .6s cubic-bezier(.25,.46,.45,.94) both}.spawn-anim-7{animation:spawnAnim7 .7s cubic-bezier(.23,1,.32,1) both}.spawn-anim-8{animation:spawnAnim8 .65s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-9{animation:spawnAnim9 .75s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-10{animation:spawnAnim10 .65s cubic-bezier(.25,.46,.45,.94) both}.spawn-anim-11{animation:spawnAnim11 .8s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-12{animation:spawnAnim12 .65s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-13{animation:spawnAnim13 .7s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-14{animation:spawnAnim14 .7s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-15{animation:spawnAnim15 .75s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-16{animation:spawnAnim16 .7s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-17{animation:spawnAnim17 .65s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-18{animation:spawnAnim18 .7s cubic-bezier(.25,.46,.45,.94) both}.spawn-anim-19{animation:spawnAnim19 .8s cubic-bezier(.34,1.56,.64,1) both}.spawn-anim-20{animation:spawnAnim20 .65s cubic-bezier(.25,.46,.45,.94) both}.spawn-anim-1,.spawn-anim-2,.spawn-anim-3,.spawn-anim-4,.spawn-anim-5,.spawn-anim-6,.spawn-anim-7,.spawn-anim-8,.spawn-anim-9,.spawn-anim-10,.spawn-anim-11,.spawn-anim-12,.spawn-anim-13,.spawn-anim-14,.spawn-anim-15,.spawn-anim-16,.spawn-anim-17,.spawn-anim-18,.spawn-anim-19,.spawn-anim-20{animation-delay:calc(var(--spawn-index, 0) * .1s + .15s)}@media (prefers-reduced-motion: reduce){[class*=spawn-anim-]{animation:none!important;opacity:1!important}}.exercise-info-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease;display:flex;align-items:flex-end;justify-content:center}.exercise-info-content{position:relative;width:100%;max-width:600px;border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.exercise-info-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:1;border-radius:20px 20px 0 0}.exercise-info-header h3{font-family:Comfortaa,sans-serif;font-size:18px;font-weight:700;color:#2d3748;margin:0;flex:1;padding-right:12px}.exercise-info-body{padding:20px}.exercise-info-accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;transition:border-color .2s ease;background:#ffffffd9}.accordion-item.expanded{border-color:#0000001f;background:#fffffff2}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:transparent;border:none;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:14px;font-weight:600;color:#2d3748;text-align:left;transition:background .2s ease}.accordion-header:hover{background:#ffffff80}.accordion-title{flex:1}.accordion-chevron{color:#6b7280;transition:transform .3s ease;flex-shrink:0}.accordion-chevron.rotated{transform:rotate(180deg)}.accordion-content{padding:16px;border-top:1px solid rgba(0,0,0,.06);animation:fadeIn .2s ease}.accordion-subsection{margin-bottom:12px}.accordion-subsection:last-child{margin-bottom:0}.accordion-subsection h5{font-family:Comfortaa,sans-serif;font-size:13px;font-weight:700;color:#4b5563;margin:0 0 6px}.accordion-subsection p{font-family:Comfortaa,sans-serif;font-size:13px;color:#6b7280;line-height:1.6;margin:0}@media (min-width: 768px){.exercise-info-modal{align-items:center}.exercise-info-content{border-radius:20px;max-height:80vh}.exercise-info-header{border-radius:20px 20px 0 0}}.interactive-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:16px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease;text-transform:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.interactive-button.small{padding:12px 20px;font-size:14px;min-height:44px;border-radius:12px}.interactive-button.medium{padding:16px 28px;font-size:16px;min-height:52px;border-radius:14px}.interactive-button.large{padding:20px 36px;font-size:18px;min-height:64px;border-radius:16px;min-width:200px}.interactive-button.extra-large{padding:24px 48px;font-size:22px;min-height:80px;border-radius:20px;min-width:280px}:root.kid-mode .interactive-button.extra-large{font-size:24px;min-height:96px;min-width:300px}.interactive-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}.interactive-button.primary:hover{box-shadow:0 6px 30px #667eea66}.interactive-button.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b9814d}.interactive-button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 20px #f59e0b4d}.interactive-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef44444d}.interactive-button.fun{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 4px 20px #ec48994d}.interactive-button.rainbow{background:linear-gradient(135deg,#ff6b6b,#ffe66d,#4ecdc4,#95e1d3,#c7ceea,#ff8cc8);color:#fff;box-shadow:0 4px 20px #ff6b6b4d;background-size:200% 200%;animation:rainbow-shift 3s ease infinite}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}.button-emoji{font-size:1.4em;display:inline-block}.button-icon{display:flex;align-items:center;justify-content:center;font-size:1.2em}.button-text{font-weight:700;letter-spacing:.5px}.ripple{position:absolute;border-radius:50%;background:#fcf5f3;transform:translate(-50%,-50%);pointer-events:none;animation:ripple-animation .6s ease-out}@keyframes ripple-animation{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.button-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.interactive-button:hover .button-glow{opacity:1;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.interactive-button.disabled{cursor:not-allowed;opacity:.5;filter:grayscale(50%)}.interactive-button.disabled:hover{box-shadow:none}.interactive-button:focus-visible{outline:3px solid #667eea;outline-offset:3px}.interactive-button.bounce{animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.interactive-button.shake:hover{animation:shake .5s ease}@media (pointer: coarse){.interactive-button{min-height:56px;min-width:56px}.interactive-button.large{min-height:72px}.interactive-button.extra-large{min-height:88px}}@media (prefers-contrast: high){.interactive-button{border:3px solid currentColor}}@media (prefers-reduced-motion: reduce){.interactive-button{animation:none!important;transition:opacity .2s ease!important}.ripple,.button-glow{display:none}}.accessible-exercise{max-width:800px;margin:0 auto;padding:20px;position:relative}.question-section{background:#fff;border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #00000014}.question-image{width:200px;height:200px;margin:0 auto 24px;border-radius:20px;overflow:hidden;background:#f0f9ff;display:flex;align-items:center;justify-content:center}.question-image img{width:100%;height:100%;object-fit:contain}.question-text{font-size:28px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:24px;line-height:1.4;letter-spacing:-.5px}.kid-helper{display:none;text-align:center;color:#6b7280;font-weight:600;margin:-8px 0 16px}.question-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.control-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f0f9ff;border:2px solid #bfdbfe;border-radius:12px;font-size:16px;font-weight:600;color:#1e40af;cursor:pointer;transition:all .2s}.control-button:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}.control-button.listening{background:#fee2e2;border-color:#fca5a5;color:#dc2626;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.control-button svg{font-size:20px}.answer-options{display:grid;gap:16px;margin-bottom:32px}:root.kid-mode .question-text{font-size:32px}:root.kid-mode .kid-helper{display:block}:root.kid-mode .answer-options{gap:20px}@media (min-width: 520px){:root.kid-mode .answer-options{grid-template-columns:1fr 1fr}}:root.kid-mode .answer-options>div:nth-child(1) .interactive-button.primary{background:linear-gradient(135deg,#ff9aa2,#ffb7b2)}:root.kid-mode .answer-options>div:nth-child(2) .interactive-button.primary{background:linear-gradient(135deg,#a0e7e5,#b4f8c8)}:root.kid-mode .answer-options>div:nth-child(3) .interactive-button.primary{background:linear-gradient(135deg,#fbe7c6,#ffdac1)}:root.kid-mode .answer-options>div:nth-child(4) .interactive-button.primary{background:linear-gradient(135deg,#c7ceea,#e4c1f9)}.option-text{font-size:20px;font-weight:600;letter-spacing:.5px}.option-icon{margin-left:12px;font-size:24px;display:flex;align-items:center}.hint-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;opacity:.6;pointer-events:none}.feedback-display{background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 8px 32px #0000001a;border:3px solid;margin-top:24px}.feedback-display.success{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.feedback-display.error{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.feedback-emoji{font-size:64px;margin-bottom:16px;display:inline-block}.feedback-display h3{font-size:28px;font-weight:700;margin-bottom:24px;color:#1a1a1a}.celebration-effects{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1000}.confetti{position:absolute;width:10px;height:10px;border-radius:2px}.accessible-exercise.simplified{max-width:600px}.accessible-exercise.simplified .question-text{font-size:32px;font-weight:800}.accessible-exercise.simplified .answer-options{gap:24px}.accessible-exercise.simplified .control-button{padding:16px 24px;font-size:18px}:root.large-text .question-text{font-size:36px!important}:root.large-text .option-text{font-size:24px!important}:root.large-text .control-button{font-size:20px!important;padding:16px 24px!important}:root.high-contrast .question-section{border:3px solid #000;background:#fff}:root.high-contrast .control-button{border-width:3px;border-color:#000;background:#fff;color:#000}:root.high-contrast .feedback-display{border-width:4px}:root.reduce-motion .celebration-effects,:root.reduce-motion .feedback-emoji{animation:none!important}:root.calm-mode .celebration-effects{display:none!important}:root.calm-mode .feedback-display{box-shadow:none}:root.calm-mode .control-button{transition:none}@media (pointer: coarse){.control-button{min-height:56px;padding:16px 24px}.answer-options{gap:20px}}@media (max-width: 768px){.accessible-exercise{padding:16px}.question-section{padding:24px 16px}.question-text{font-size:24px}.question-controls{flex-direction:column;width:100%}.control-button{width:100%;justify-content:center}.feedback-display{padding:24px 16px}}@media (max-width: 480px){.question-text{font-size:20px}.feedback-emoji{font-size:48px}.feedback-display h3{font-size:22px}}.exercise-detail-screen{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.exercise-header{background:#fef7f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{width:40px;height:40px;border-radius:50%;background:#fef7f4;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .2s}.back-button:active{transform:scale(.95);background:#fef7f4}.exercise-info{flex:1;margin:0 16px}.exercise-category{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:1px}.exercise-info h2{font-size:18px;font-weight:600;color:#fff;margin:4px 0 0}.timer{display:flex;align-items:center;gap:6px;background:#fef7f4;padding:8px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:600}.progress-container{padding:16px 20px}.milestones{position:relative;height:0}.milestones span{position:absolute;top:-6px;transform:translate(-50%);font-size:14px}.progress-bar{height:6px;background:#fef7f4;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#fff;border-radius:3px}.progress-text{font-size:12px;color:#ffffffe6;text-align:center;display:block}.exercise-detail-screen .language-card:before,.exercise-detail-screen .language-card:after,.exercise-detail-screen:before,.exercise-detail-screen:after{display:none!important}.question-container{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;position:relative;z-index:10}.question-content{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0003;position:relative;z-index:100}.question-image{text-align:center;margin-bottom:20px;max-height:120px;display:flex;align-items:center;justify-content:center}.image-emoji{font-size:clamp(60px,15vw,80px);display:inline-block;animation:float 3s ease-in-out infinite;line-height:1}.question-text{font-size:20px;font-weight:600;color:var(--text-dark);text-align:center;margin-bottom:24px;line-height:1.4}.voice-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .2s}.voice-button:active{transform:scale(.98)}.voice-button.listening{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse 1.5s infinite}.voice-reply{margin-top:6px;background:#eef2ff;color:#3730a3;border:none;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}.voice-reply.listening{background:#e0e7ff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.answer-options{display:flex;flex-direction:column;gap:12px}.synonym-header{display:flex;flex-direction:column;align-items:center;gap:10px}.word-card{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 4px 16px #00000014}.word-emoji{font-size:20px}.word-text{font-size:20px;font-weight:800;letter-spacing:.5px}.word-audio{border:none;background:#eef2ff;border-radius:8px;padding:4px 8px;cursor:pointer}.example-chip{background:#f1f5f9;color:#334155;border-radius:12px;padding:6px 10px;font-size:13px;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.chip-audio{opacity:.7}.synonym-tiles{display:grid;grid-template-columns:1fr;gap:12px}.answer-option.tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0000000f}.answer-option.tile .option-emoji{font-size:22px}.answer-option.tile .option-text{font-size:18px;font-weight:700}.answer-option.tile .option-audio{border:none;background:#eef2ff;border-radius:8px;padding:4px 8px;cursor:pointer}@media (min-width: 480px){.synonym-tiles{grid-template-columns:1fr 1fr}}.answer-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;color:var(--text-dark);cursor:pointer;transition:all .2s;text-align:left}.answer-option:not(:disabled):hover{background:#f3f4f6;border-color:#9ca3af}.answer-option:not(:disabled):active{transform:scale(.98)}.answer-option.selected{background:#eff6ff;border-color:var(--primary-blue)}.answer-option.correct{background:#d1fae5;border-color:#10b981}.answer-option.incorrect{background:#fee2e2;border-color:#ef4444}.answer-option:disabled{cursor:default}.option-number{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.option-text{flex:1}.option-icon{font-size:20px;margin-left:auto}.option-icon.correct{color:#10b981}.option-icon.incorrect{color:#ef4444}.assist-actions{display:flex;gap:8px;margin-bottom:10px}.assist-button{flex:1;padding:10px 12px;border:none;border-radius:10px;font-weight:700;cursor:pointer}.assist-button.hint{background:#fef3c7;color:#92400e}.assist-button.neutral{background:#e5e7eb;color:#374151}.hint-clue{background:#ecfeff;color:#155e75;border:1px solid #67E8F9;border-radius:10px;padding:8px 10px;font-weight:600;margin-bottom:8px}.hint-example{background:#f1f5f9;color:#334155;border-radius:10px;padding:8px 10px;font-size:14px;margin-bottom:8px}.answer-option.hint-highlight{border-color:#f59e0b;background:#fffbeb}.answer-option.hint-dim{opacity:.6}.streak-sticker{position:fixed;left:50%;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 80px);transform:translate(-50%);background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 8px 24px #00000026;font-weight:800;color:#0ea5e9}.result-feedback{margin-top:20px;text-align:center}.feedback-message{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600}.feedback-message.success{background:#d1fae5;color:#065f46}.feedback-message.error{background:#fee2e2;color:#991b1b}.exercise-actions{padding:20px;display:flex;gap:12px}.action-button{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.action-button.skip{background:#fef7f4;color:#fff}.action-button.primary{background:#fff;color:var(--primary-purple)}.action-button:disabled{opacity:.5;cursor:not-allowed}.score-indicator{position:fixed;top:100px;right:20px;background:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary-purple);box-shadow:0 4px 12px #00000026}.exercise-complete-screen{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.complete-content{background:#fff;border-radius:24px;padding:40px;text-align:center;max-width:400px;width:100%;box-shadow:0 20px 60px #0003}.trophy-icon{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;color:#fff}.complete-content h1{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.complete-content p{font-size:16px;color:var(--text-light);margin-bottom:32px}.score-display{margin-bottom:24px}.score-number{font-size:48px;font-weight:700;color:var(--primary-purple);line-height:1}.score-label{font-size:14px;color:var(--text-light);margin-top:4px}.stars-display{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.star{font-size:32px;opacity:.3;transition:all .3s}.star.filled{opacity:1}.complete-stats{display:flex;justify-content:center;gap:24px;margin-bottom:32px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-light)}.complete-actions{display:flex;gap:12px}.complete-actions .action-button{padding:12px 24px}.action-button.secondary{background:#f3f4f6;color:var(--text-dark)}.home-button{width:40px;height:40px;border-radius:50%;background:#fef7f4;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .2s}.home-button:active{transform:scale(.95);background:#fef7f4}.achievements-screen{min-height:100dvh;background:#f8f9fa;padding-top:calc(var(--header-height) + var(--safe-area-top) + 20px);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}.achievements-header{background:#fff;padding:24px 20px;box-shadow:0 2px 4px #0000000d}.achievements-header h1{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.achievements-header p{font-size:14px;color:var(--text-light)}.stats-overview{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-card{background:#fff;border-radius:16px;padding:16px;min-width:110px;flex:1;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;align-items:center;gap:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-content{text-align:center}.stat-value{font-size:24px;font-weight:700;color:var(--text-dark);line-height:1}.stat-label{font-size:12px;color:var(--text-light);margin-top:4px}.streak-section{display:flex;gap:12px;padding:0 20px 16px}.streak-current,.streak-best{flex:1;background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.streak-icon{font-size:32px}.streak-info{flex:1}.streak-number{font-size:24px;font-weight:700;color:var(--text-dark);line-height:1}.streak-label{font-size:12px;color:var(--text-light);margin-top:4px}.category-filter{padding:0 20px 16px}.filter-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:20px;font-size:14px;font-weight:600;color:var(--text-light);white-space:nowrap;cursor:pointer;transition:all .2s}.filter-chip:active{transform:scale(.95)}.filter-chip.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.chip-icon{font-size:16px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 20px 20px}.achievement-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .2s;cursor:pointer}.achievement-card:active{transform:scale(.98)}.achievement-card.locked{opacity:.8}.achievement-header{padding:16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:3px solid;position:relative}.achievement-card.earned .achievement-header{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.achievement-icon{font-size:40px;text-align:center;margin-bottom:8px}.achievement-icon.grayscale{filter:grayscale(1);opacity:.5}.achievement-points{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-dark)}.achievement-points svg{font-size:14px;color:#f59e0b}.achievement-body{padding:12px}.achievement-body h3{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.achievement-body p{font-size:12px;color:var(--text-light);line-height:1.4;margin-bottom:12px}.achievement-earned{display:flex;align-items:center;gap:4px;font-size:11px;color:#10b981;margin-bottom:8px}.achievement-earned svg{font-size:14px}.achievement-progress{margin-bottom:8px}.progress-text{font-size:11px;color:var(--text-light);margin-bottom:4px;text-align:center}.progress-bar{height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .3s}.achievement-locked{font-size:11px;color:var(--text-muted);text-align:center;margin-bottom:8px}.rarity-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.recent-activity{background:#fff;margin:16px 20px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.recent-activity h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px}.activity-icon{font-size:24px}.activity-title{font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:2px}.activity-time{font-size:12px;color:var(--text-muted)}.activity-points{font-size:14px;font-weight:600;color:#10b981}@media (max-width: 480px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.stats-overview{padding:16px}.streak-section{padding:0 16px 16px}}.parent-dashboard{min-height:100vh;background:#f8f9fa;padding-bottom:100px}.dashboard-header{background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.dashboard-header h1{font-size:24px;font-weight:700;color:var(--text-dark)}.settings-button{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-dark);cursor:pointer;transition:all .2s}.settings-button:active{transform:scale(.95);background:#e5e7eb}.child-selector{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.child-card{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:16px;min-width:200px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.child-card:active{transform:scale(.98)}.child-card.active{border-color:var(--primary-blue);background:linear-gradient(135deg,#eff6ff,#dbeafe)}.child-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.child-info{text-align:center}.child-info h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.child-age{font-size:12px;color:var(--text-light)}.child-stats{display:flex;gap:8px}.child-level,.child-subscription{padding:4px 8px;background:#f3f4f6;border-radius:12px;font-size:11px;font-weight:600;color:var(--text-dark)}.child-subscription{background:linear-gradient(135deg,gold,orange);color:#fff}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 16px}.stat-item{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.stat-details{display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:700;color:var(--text-dark);line-height:1}.stat-label{font-size:11px;color:var(--text-light);margin-top:2px}.screen-time-monitor{background:#fff;margin:0 20px 16px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.screen-time-monitor h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.screen-time-content{display:flex;gap:20px;margin-bottom:16px}.time-circle{position:relative;width:120px;height:120px;flex-shrink:0}.time-circle svg{transform:rotate(-90deg)}.time-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.time-display .time-value{display:block;font-size:28px;font-weight:700;color:var(--text-dark);line-height:1}.time-display .time-unit{font-size:12px;color:var(--text-light)}.time-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.time-stat{display:flex;justify-content:space-between;align-items:center}.time-stat .time-label{font-size:13px;color:var(--text-light)}.time-stat .time-value{font-size:13px;font-weight:600;color:var(--text-dark)}.manage-time-button{width:100%;padding:12px;background:#f3f4f6;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s}.manage-time-button:active{transform:scale(.98);background:#e5e7eb}.progress-chart{background:#fff;margin:0 20px 16px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h2{font-size:18px;font-weight:600;color:var(--text-dark)}.time-range-selector{display:flex;gap:4px;background:#f3f4f6;padding:2px;border-radius:8px}.time-range-selector button{padding:6px 12px;background:none;border:none;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s}.time-range-selector button.active{background:#fff;color:var(--text-dark);box-shadow:0 1px 3px #0000001a}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:8px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-wrapper{width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:30px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;transition:all .3s}.bar-value{font-size:10px;font-weight:600;color:#fff}.bar-label{font-size:11px;color:var(--text-light)}.category-performance{background:#fff;margin:0 20px 16px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.category-performance h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.performance-list{display:flex;flex-direction:column;gap:16px}.performance-item{display:flex;flex-direction:column;gap:8px}.performance-header{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:14px;font-weight:500;color:var(--text-dark)}.category-exercises{font-size:12px;color:var(--text-light)}.performance-bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.performance-fill{height:100%;border-radius:4px;transition:width .3s}.performance-percentage{font-size:12px;font-weight:600;color:var(--text-dark);text-align:right}.recent-activities{background:#fff;margin:0 20px 16px;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.recent-activities h2{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.activities-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.activity-card{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px}.activity-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);min-width:60px}.activity-content{flex:1}.activity-content h4{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.activity-content p{font-size:12px;color:var(--text-light);margin-bottom:6px;line-height:1.4}.activity-meta{display:flex;align-items:center;gap:8px}.activity-category,.activity-duration{font-size:11px;padding:2px 6px;background:#fff;border-radius:6px;color:var(--text-light)}.activity-achievement{color:#f59e0b;font-size:14px}.activity-points{font-size:14px;font-weight:600;color:#10b981;align-self:center}.view-all-button{width:100%;padding:12px;background:var(--primary-blue);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-button:active{transform:scale(.98)}.action-buttons{display:flex;gap:12px;padding:0 20px}.action-button{flex:1;padding:14px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-button.primary{background:var(--primary-blue);color:#fff}.action-button.secondary{background:#fff;color:var(--text-dark);border:2px solid #E5E7EB}.action-button:active{transform:scale(.98)}.stickerbook-screen{padding:20px;max-width:700px;margin:0 auto}.stickerbook-header{display:flex;align-items:center;gap:12px}.stickerbook-header .back{border:none;background:#eef2ff;color:#3730a3;border-radius:10px;padding:8px 10px;cursor:pointer}.stickerbook-header h1{margin:0}.subtitle{color:#6b7280;margin:6px 0 16px}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sticker-tile{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;align-items:center;gap:8px}.sticker-emoji{font-size:28px}.sticker-label{font-weight:700;color:#374151;font-size:14px}@media (max-width: 480px){.sticker-grid{grid-template-columns:repeat(2,1fr)}}.splash-video{height:200px;width:auto}.skip-btn{position:fixed;bottom:20px;left:20px;padding:10px 20px;border-radius:20px;background:#ffffffe6;border:2px solid #FEF7F4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:600;color:#333}.skip-btn:hover{background:#fff;transform:scale(1.05)}.introduction-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.introduction-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fef7f440;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.introduction-logo-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin-top:20px}.introduction-logo-img{width:240px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1))}.introduction-logo-container.talking{animation:introTalkBounce .4s ease-in-out infinite}@keyframes introTalkBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-4px) rotate(1.5deg)}}.introduction-speech-bubble{position:absolute;top:calc(50% - 200px);z-index:3;background:#fff;border-radius:24px;padding:18px 28px;box-shadow:0 4px 20px #00000014,0 0 0 3px #f4b4b44d;max-width:85%;text-align:center}.introduction-speech-text{font-size:24px;font-weight:500;color:#5a4a42;line-height:1.4;font-family:Fredoka,Nunito,sans-serif}.introduction-speech-emoji{font-size:28px;vertical-align:middle;margin-left:4px}.introduction-speech-tail{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid white;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.introduction-skip-btn{position:absolute;bottom:40px;left:24px;z-index:10;background:#ffffffb3;border:2px solid rgba(180,150,140,.3);border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;color:#8a7a72;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.introduction-skip-btn:active{transform:scale(.95);background:#ffffffe6}.introduction-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.introduction-deco{position:absolute;font-size:28px}.introduction-overlay .deco-0{top:12%;left:10%;font-size:24px}.introduction-overlay .deco-1{top:8%;right:15%;font-size:22px}.introduction-overlay .deco-2{top:25%;right:8%;font-size:20px}.introduction-overlay .deco-3{bottom:30%;left:8%;font-size:26px}.introduction-overlay .deco-4{bottom:20%;right:12%;font-size:24px}.introduction-overlay .deco-5{top:18%;left:25%;font-size:20px}@media (max-width: 480px){.introduction-logo-img{width:200px}.introduction-speech-text{font-size:19px}.introduction-speech-bubble{top:calc(50% - 180px);padding:14px 22px}}@media (max-width: 360px){.introduction-logo-img{width:170px}.introduction-speech-text{font-size:17px}}@media (prefers-reduced-motion: reduce){.introduction-logo-container.talking{animation:none}.introduction-deco{animation:none!important;opacity:.5}}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fef7f4;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.splash-content{text-align:center;padding:2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative}.logo-container{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-logo{display:block;margin:0 auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.logo-subtitle{font-size:2.5rem;font-weight:800;margin:.5rem 0 0;letter-spacing:.05em;color:#333;text-shadow:2px 2px 8px rgba(0,0,0,.1)}.logo-subtitle .smart,.logo-subtitle .skills{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.welcome-text{width:100%;max-width:800px;margin:0 auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.welcome-en,.welcome-el{font-size:1rem;font-weight:600;color:#333;margin:.5rem 0;line-height:1.8;text-shadow:0 1px 4px rgba(0,0,0,.1);position:relative;word-wrap:normal;word-break:normal;white-space:normal;display:block;width:100%;overflow-wrap:break-word}.welcome-el{color:#667eea;margin-top:1rem;font-weight:700}.sketch-text{position:relative;letter-spacing:.02em}.sketch-letter{display:inline-block;position:relative}.welcome-en span,.welcome-el span{display:inline-block;min-width:.3ch;transform-origin:center bottom;will-change:transform,filter,opacity}@media (max-width: 768px){.splash-screen,.splash-content{padding:1rem}.splash-logo{max-width:200px!important}.welcome-text{padding:0 1rem}.logo-subtitle{font-size:2rem}.welcome-en,.welcome-el{font-size:.7rem;line-height:1.8;padding:0 .5rem}.sketch-letter{display:inline!important}}@media (max-width: 480px){.splash-logo{max-width:160px!important}.welcome-text{padding:0 .5rem}.logo-subtitle{font-size:1.5rem}.welcome-en,.welcome-el{font-size:.55rem;line-height:1.8;padding:0 .2rem}.sketch-letter{display:inline!important}}@media (max-width: 360px){.welcome-en,.welcome-el{font-size:.5rem;line-height:1.6}}.loading-container{margin-top:2rem;width:100%;max-width:300px;margin-left:auto;margin-right:auto;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.loading-bar{width:100%;height:6px;background:#667eea33;border-radius:3px;overflow:hidden}.loading-progress{height:100%;background:#667eea;border-radius:3px;transition:width .3s ease}.splash-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.star{position:absolute;font-size:2rem;opacity:.7}.star-1{top:10%;right:10%}.star-2{top:50%;left:5%}.star-3{bottom:20%;right:8%}.bubble{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff1a)}.bubble-1{top:15%;left:10%}.bubble-2{bottom:25%;left:15%}.bubble-3{top:60%;right:12%}@media (max-width: 768px){.splash-decorations{display:none}}.verbs-game-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-header{text-align:center;margin-bottom:30px}.game-title{font-size:2.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:20px;animation:rainbow 5s ease-in-out infinite}@keyframes rainbow{0%,to{color:#ff6b6b}20%{color:#feca57}40%{color:#48dbfb}60%{color:#ff9ff3}80%{color:#54a0ff}}.game-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.mode-button,.reset-button{padding:12px 24px;font-size:1.1rem;border:none;border-radius:25px;background:#fff;color:#764ba2;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.mode-button:hover,.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.mode-button.active{background:#feca57;color:#2c2c2c;transform:scale(1.05)}.score-display{font-size:1.5rem;color:#fff;background:#fff3;padding:10px 20px;border-radius:20px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-container{text-align:center;margin-bottom:30px;padding:20px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 16px #0000001a}.question-text{font-size:1.8rem;color:#2c2c2c;margin-bottom:15px}.speak-button{padding:10px 20px;font-size:1.1rem;background:#54a0ff;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.speak-button:hover{background:#3385ff;transform:scale(1.05)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:900px;margin:0 auto}.cards-grid.quiz-mode{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:700px}.action-card{background:#fff;border-radius:20px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.action-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px #0003}.action-card:hover:before{opacity:1}.action-card.selected{animation:pulse .5s ease;transform:scale(1.1);box-shadow:0 0 30px #ffd70099}.action-card.correct{animation:correct-bounce .6s ease;box-shadow:0 0 20px #4caf5099}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}@keyframes correct-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.05)}}.card-emoji{font-size:3rem;margin-bottom:10px;animation:float 3s ease-in-out infinite}.card-verb{font-size:1.3rem;font-weight:700;color:#2c2c2c;margin-bottom:5px}.card-description{font-size:1rem;color:#666;margin-top:5px}.reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.reward-content{background:#fff;padding:40px;border-radius:30px;text-align:center;animation:bounceIn .5s ease}.stars{font-size:4rem;margin-bottom:20px;animation:starSpin 1s ease}@keyframes starSpin{0%{transform:rotate(0) scale(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.reward-content h2{font-size:2.5rem;color:#feca57;margin-bottom:20px}.celebration{font-size:3rem;animation:celebrate 1s ease infinite}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.complete-content{background:linear-gradient(135deg,#667eea,#764ba2);padding:50px;border-radius:30px;text-align:center;color:#fff;animation:slideIn .5s ease}.complete-content h2{font-size:3rem;margin-bottom:20px}.complete-content p{font-size:1.5rem;margin-bottom:15px}.play-again-button{padding:15px 30px;font-size:1.3rem;background:#fff;color:#764ba2;border:none;border-radius:25px;cursor:pointer;font-weight:700;margin-top:20px;transition:all .3s ease}.play-again-button:hover{transform:scale(1.1);box-shadow:0 8px 16px #0000004d}.instructions{text-align:center;margin-top:30px;padding:20px;background:#ffffffe6;border-radius:20px;max-width:600px;margin-left:auto;margin-right:auto}.instructions p{font-size:1.1rem;color:#2c2c2c;margin-bottom:10px}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.verbs-game-container{padding:70px 20px 20px}.game-title{font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.action-card{min-height:150px;padding:15px}.card-emoji{font-size:2.5rem}.card-verb{font-size:1.1rem}.question-text{font-size:1.4rem}.complete-content{padding:30px}.complete-content h2{font-size:2rem}}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.smart-cards *:not(.smart-cards__coloring-section *):not(.smart-cards__coloring-section):not(.smart-cards__coloring-controls *):not(.smart-cards__coloring-controls):not(.smart-cards__canvas-container *):not(.smart-cards__canvas-container),.smart-cards *:not(.smart-cards__coloring-section *):not(.smart-cards__coloring-controls *):before,.smart-cards *:not(.smart-cards__coloring-section *):not(.smart-cards__coloring-controls *):after{border-radius:0!important}.smart-cards{height:100vh;padding:80px 8px 0;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6);background:#fff;display:block;overflow-y:auto;position:fixed;width:100vw;top:0;left:0;font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.speech-cards-screen .language-card-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;grid-template-columns:1fr!important;max-width:800px!important;margin:0 auto!important;row-gap:clamp(16px,3vh,30px)!important;column-gap:clamp(16px,3vh,30px)!important;padding:0 20px!important}@media (orientation: landscape) and (max-height: 500px){.speech-cards-screen .language-card-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:clamp(12px,2.5vh,24px)!important;padding:10px!important;max-width:500px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border{width:90%!important;max-width:420px!important;min-height:100px!important;padding:12px 16px!important;margin:0 auto!important;flex-direction:row!important;display:flex!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before{width:115%!important;height:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon{width:60px!important;height:60px!important;flex-shrink:0!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon img{width:50px!important;height:50px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip{font-family:Comfortaa,sans-serif!important;padding:clamp(5px,1.2vw,8px) clamp(10px,2.5vw,14px)!important}}@media (orientation: landscape) and (min-height: 501px) and (max-height: 900px){.speech-cards-screen .language-card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;flex-direction:unset!important;flex-wrap:unset!important;align-items:start!important;justify-content:center!important;row-gap:clamp(40px,6vw,60px)!important;column-gap:clamp(28px,4vw,40px)!important;max-width:900px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border{width:100%!important;max-width:100%!important}}@media (min-width: 768px) and (max-width: 1023px){.speech-cards-screen .language-card-grid{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;max-width:700px!important;margin:0 auto!important;row-gap:clamp(24px,4vh,40px)!important;column-gap:0!important;padding:0 24px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border{width:100%!important;max-width:550px!important;padding:20px 18px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon{width:80px!important;height:80px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip{padding:clamp(6px,1vw,10px) clamp(12px,2vw,18px)!important}}@media (min-width: 1024px) and (max-width: 1366px){.speech-cards-screen .language-card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;flex-direction:unset!important;flex-wrap:unset!important;align-items:start!important;justify-content:center!important;max-width:1000px!important;row-gap:clamp(40px,5vw,56px)!important;column-gap:clamp(24px,3vw,36px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border{width:100%!important;max-width:100%!important}}@media (min-width: 1367px){.speech-cards-screen .language-card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;flex-direction:unset!important;flex-wrap:unset!important;align-items:start!important;justify-content:center!important;max-width:1100px!important;row-gap:clamp(40px,5vh,56px)!important;column-gap:clamp(24px,3vh,40px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border{width:100%!important;max-width:100%!important;padding:28px 24px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon{width:100px!important;height:100px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip{padding:clamp(8px,.8vw,12px) clamp(14px,1.5vw,22px)!important}}.language-layout{min-height:auto}.language-card-grid{flex:1!important;min-height:0!important;align-content:start!important;width:100%!important}.smart-cards-custom-card{min-height:auto!important;padding:clamp(16px,4vw,20px)!important;max-width:100%!important}.smart-cards-custom-card .language-card-icon{width:clamp(85px,18vw,110px)!important;height:clamp(85px,18vw,110px)!important;border-radius:50%!important;padding:clamp(12px,3vw,16px)!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.smart-cards-custom-card .language-card-icon img{width:70%!important;height:70%!important;object-fit:contain!important}.smart-cards-custom-card .language-card-body{height:auto!important;min-width:0!important;padding-left:0!important;justify-content:center;gap:clamp(6px,1.5vw,8px)!important;width:fit-content!important;flex:unset!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.smart-cards-custom-card .language-card-description{line-height:1.4!important;color:#2f2644b3!important;text-align:left!important}.smart-cards-custom-card .language-card-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:4px!important;justify-content:flex-start!important}.smart-cards-custom-card .language-chip{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px)!important;font-weight:600!important}@media (max-width: 768px){.smart-cards-custom-card{min-height:168px!important}}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;margin:0 auto!important;max-width:480px!important;overflow:visible!important;isolation:isolate!important;position:relative!important;border-radius:0!important;padding:25px 20px!important;min-height:168px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:left!important;gap:16px!important;aspect-ratio:16/9!important;max-height:unset!important;height:auto!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:hover,.smart-cards-custom-card.game-card-border:hover,.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:active,.smart-cards-custom-card.game-card-border:active{transform:none!important;box-shadow:none!important;background:transparent!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:after,.smart-cards-custom-card.game-card-border:after{display:none!important;content:none!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:108%!important;height:100%!important;border-radius:0!important;opacity:1;z-index:-1!important;pointer-events:none!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;will-change:transform,opacity}.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-body{position:relative!important;z-index:2!important}.smart-cards-custom-card.game-card-border .language-card-icon{background:transparent!important;box-shadow:none!important}@media (max-width: 768px){.speech-cards-screen .language-card{padding:14px!important;min-height:165px!important;gap:0px!important}}@media (min-width: 768px) and (max-width: 1023px){.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{max-width:550px!important;padding:20px 18px!important;margin:0 auto!important;width:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:108%!important;height:100%!important}}@media (min-width: 1024px){.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{max-width:100%!important;padding:24px 22px!important;margin:0!important;width:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:100%!important;height:100%!important}}@media (min-width: 430px) and (max-width: 767px){.speech-cards-screen .language-card-grid{padding:10px 5px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{width:100%!important;max-width:450px!important;padding:22px 24px!important;margin:0!important;min-height:155px!important;gap:0px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:97vw!important;height:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip,.smart-cards-custom-card.game-card-border .language-chip{font-size:clamp(13px,3.2vw,16px)!important;padding:clamp(5px,1.2vw,8px) clamp(10px,2.5vw,14px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-icon{width:85px!important;height:85px!important}}@media (min-width: 360px) and (max-width: 430px){.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{width:100%!important;margin:0 auto!important;min-height:135px!important;gap:0px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:96vw!important;height:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip,.smart-cards-custom-card.game-card-border .language-chip{padding:clamp(4px,1vw,7px) clamp(8px,2vw,12px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-icon{width:70px!important;height:70px!important}}@media (max-width: 359px){.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{width:calc(100% - 20px)!important;padding:14px!important;margin:0 auto!important;min-height:125px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:110%!important;height:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip,.smart-cards-custom-card.game-card-border .language-chip{padding:clamp(3px,1vw,6px) clamp(7px,2vw,10px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-icon{width:60px!important;height:60px!important}}.smart-cards__instructions-container{max-width:480px;margin:0 auto;padding:clamp(16px,4vw,24px);background:#fffefd;border-radius:clamp(20px,5vw,28px);box-shadow:0 10px 24px #2c244214;border:1px solid rgba(246,214,206,.4);text-align:center}.smart-cards__instructions-list{display:flex;flex-direction:column;gap:clamp(8px,2vw,10px);margin-bottom:clamp(28px,6vw,36px)}.smart-cards__instruction-item{display:flex;align-items:flex-start;gap:clamp(10px,2.5vw,12px);padding:clamp(10px,2.5vw,12px);background:#f6d6ce26;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(246,214,206,.3);transition:all .3s ease}.smart-cards__instruction-item--active{background:linear-gradient(135deg,#7fdbda,#5bc0be)!important;border-color:#3da9a7!important;border-width:3px!important;transform:scale(1.05);box-shadow:0 8px 25px #5bc0be99,0 0 0 4px #7fdbda4d}.smart-cards__instruction-item--active .smart-cards__instruction-number{background:linear-gradient(135deg,#7fdbda,#5bc0be);animation:pulse-active 1.5s ease-in-out infinite}@keyframes pulse-active{0%,to{transform:scale(1);box-shadow:0 4px 10px #7fdbda59}50%{transform:scale(1.1);box-shadow:0 6px 15px #7fdbda80}}.smart-cards__instruction-number{flex-shrink:0;width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);border-radius:50%;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 10px #f6ccd459}.smart-cards__instruction-item p{margin:0;font-size:18px;line-height:1.6;color:var(--text-dark);flex:1;padding-top:4px;text-align:left}.smart-cards__instruction-item--playing{background:#8b5cf626;border-color:#8b5cf666;transform:scale(1.02);transition:all .3s ease}.smart-cards__instruction-number--playing{background:linear-gradient(135deg,#8b5cf6,#a78bfa);animation:pulse-playing 1.5s ease-in-out infinite}@keyframes pulse-playing{0%,to{transform:scale(1);box-shadow:0 4px 10px #8b5cf659}50%{transform:scale(1.1);box-shadow:0 6px 20px #8b5cf680}}.smart-cards__start-game-btn{width:100%;justify-content:center;font-size:18px!important;padding:clamp(14px,3.5vw,16px) clamp(24px,6vw,32px)!important}.smart-cards--intro{display:flex;align-items:center;justify-content:center;padding:80px 20px 40px}.smart-cards__exit,.smart-cards__back{position:fixed;top:10px;left:10px;background:transparent;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100;color:var(--text-dark);font-size:18px}.smart-cards__exit:hover,.smart-cards__back:hover{background:#0000000d;transform:scale(1.1)}.smart-cards__intro-layout{max-width:720px;width:100%}.smart-cards__intro-header{text-align:center;margin-bottom:clamp(32px,6vw,48px)}.smart-cards__intro-title{font-size:clamp(28px,4.5vw,40px);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;line-height:1.2}.smart-cards__intro-subtitle{font-size:18px;color:#718096;margin:0;line-height:1.4}.smart-cards__category-list{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px)}.smart-cards__category-item{display:flex;align-items:center;gap:clamp(18px,4vw,28px);padding:clamp(20px,5vw,28px);border-radius:clamp(24px,6vw,30px);border:1px solid rgba(47,38,68,.08);background:#fff;box-shadow:0 22px 42px #2f26441f;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;min-height:clamp(140px,28vw,160px);height:clamp(140px,28vw,160px);max-height:160px}.smart-cards__category-item:hover{transform:translateY(-4px);box-shadow:0 28px 52px #2f264429}.smart-cards__category-icon{width:var(--game-icon-size);height:var(--game-icon-size);border-radius:16px;background:var(--rose);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px;box-shadow:0 8px 16px #f6ccd440}.smart-cards__category-icon img{width:100%;height:100%;object-fit:contain}.smart-cards__category-content{flex:1}.smart-cards__category-content h3{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--text-dark);line-height:1.3}.smart-cards__category-content p{margin:0;font-size:16px;color:var(--text-muted);line-height:1.45}.smart-cards--game{padding:80px clamp(12px,3vw,24px) clamp(30px,6vw,60px)}.smart-cards__header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:clamp(20px,4vw,32px);position:relative;text-align:center;max-width:960px;margin-left:auto;margin-right:auto}.smart-cards__title{font-size:18px;font-weight:700;color:#2d3748;margin:0;line-height:1.2}.smart-cards__refresh{position:absolute;right:0;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);border-radius:12px;background:var(--rose);border:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 16px #f6ccd44d}.smart-cards__refresh:hover{transform:translateY(-2px);box-shadow:0 10px 20px #f6ccd466}.smart-cards__game-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px)}.smart-cards__animal-selector-wrapper{margin-bottom:20px}.smart-cards__animal-selector-title{text-align:center;margin-bottom:12px;padding:0 12px}.smart-cards__animal-selector-title span{font-size:17px;font-weight:600;color:var(--text-dark);background:#f6d6ce59;padding:8px 16px;border-radius:999px;display:inline-block}.smart-cards__animal-selector-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:14px 8px;margin-left:8px;margin-right:8px;background:#fffefd;border-radius:16px;box-shadow:0 6px 16px #2c24420d;border:1px solid rgba(246,214,206,.3);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.smart-cards__animal-selector-scroll::-webkit-scrollbar{height:5px}.smart-cards__animal-selector-scroll::-webkit-scrollbar-track{background:#f6d6ce33;border-radius:3px}.smart-cards__animal-selector-scroll::-webkit-scrollbar-thumb{background:var(--rose);border-radius:3px}.smart-cards__animal-selector-item{flex-shrink:0;width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:12px;border-radius:14px;border:2px solid transparent;transition:all .2s ease;background:#f6d6ce26;position:relative}.smart-cards__animal-selector-item:hover{background:#f6d6ce4d;border-color:var(--rose)}.smart-cards__animal-selector-item--selected{background:#f6ccd499!important;border:3px solid #e85a8c!important;box-shadow:0 0 0 3px #e85a8c59,0 4px 14px #e85a8c4d!important;transform:scale(1.05)}.smart-cards__animal-selector-check{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--rose);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 2px 6px #0003}.smart-cards__animal-selector-item img{width:110px!important;height:110px!important;object-fit:contain}.smart-cards__animal-selector-item span{display:none}.smart-cards__animals-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,2.5vw,16px);margin-bottom:clamp(16px,4vw,24px);justify-items:center;max-width:1000px;margin-left:auto;margin-right:auto}.smart-cards__animal-card{width:100%;max-width:var(--game-card-max-width);aspect-ratio:1;background:#fffefd;border-radius:clamp(14px,3.5vw,20px);border:2px solid rgba(246,214,206,.4);padding:clamp(10px,2.5vw,16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 16px #2c24420d;position:relative}.smart-cards__animal-card:hover{border-color:var(--rose);box-shadow:0 8px 20px #2c244214;transform:translateY(-2px)}.smart-cards__animal-card:active{transform:translateY(0)}.smart-cards__animal-card img{width:100%;height:auto;object-fit:contain;flex:1}.smart-cards__animal-name{font-size:18px;font-weight:600;color:var(--text-dark);text-align:center;line-height:1.2}.smart-cards__controls{display:flex;flex-wrap:wrap;gap:clamp(10px,2.5vw,14px);justify-content:center;margin-bottom:14px;margin-top:16px}.smart-cards__button{border:none;border-radius:999px;font-weight:600;font-size:18px;display:inline-flex;align-items:center;gap:8px;padding:clamp(10px,2.5vw,12px) clamp(18px,4.5vw,24px);cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1}.smart-cards__button--similarities{background:linear-gradient(135deg,#f8b4c3,#f6a5b8)!important;color:#fff!important;box-shadow:0 6px 16px #f6a5b859!important;font-weight:600!important;opacity:.7!important;border:2px solid #f6a5b8!important}.smart-cards__button--similarities:hover{transform:translateY(-2px);opacity:.85!important;box-shadow:0 8px 20px #f6a5b873!important}.smart-cards__button--similarities.smart-cards__button--active{background:linear-gradient(135deg,#e85a8c,#d64571)!important;opacity:1!important;font-weight:700!important;box-shadow:0 8px 24px #e85a8c80!important;border:2px solid #d64571!important}.smart-cards__button--differences{background:linear-gradient(135deg,#7dd3e8,#5bc0de)!important;color:#fff!important;box-shadow:0 6px 16px #5bc0de59!important;font-weight:600!important;opacity:.7!important;border:2px solid #5bc0de!important}.smart-cards__button--differences:hover{transform:translateY(-2px);opacity:.85!important;box-shadow:0 8px 20px #5bc0de73!important}.smart-cards__button--differences.smart-cards__button--active{background:linear-gradient(135deg,#17a2b8,#138496)!important;opacity:1!important;font-weight:700!important;box-shadow:0 8px 24px #17a2b880!important;border:2px solid #138496!important}.smart-cards__button--primary{background:linear-gradient(135deg,#e85a8c,#d64571)!important;color:#fff!important;box-shadow:0 8px 20px #e85a8c66!important;font-weight:700!important;opacity:1!important;border:2px solid #d64571!important}.smart-cards__button--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e85a8c80!important}.smart-cards__button--secondary{background:linear-gradient(135deg,#e8e8e8,#d4d4d4)!important;color:#9ca3af!important;box-shadow:0 4px 10px #9ca3af1f!important;opacity:.55!important;border:2px solid #d4d4d4!important}.smart-cards__button--secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #9ca3af33!important;opacity:.75!important}.smart-cards__button--secondary svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.smart-cards__button--listening{background:linear-gradient(135deg,#ef4444,#dc2626)!important;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 12px 20px #ef444440}50%{transform:scale(1.05);box-shadow:0 16px 32px #ef444473}}.smart-cards__comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,4vw,28px);margin-bottom:clamp(24px,5vw,32px);max-width:600px;margin-left:auto;margin-right:auto;justify-items:center}.smart-cards__comparison-card{background:#fffefd;border-radius:clamp(14px,3.5vw,20px);border:2px solid rgba(246,214,206,.4);padding:clamp(14px,3.5vw,20px);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 18px #2c24420f;width:100%;max-width:200px}.smart-cards__comparison-card img{width:100%;height:auto;object-fit:contain;max-height:200px}.smart-cards__instructions{text-align:center;margin-top:10px;padding:clamp(12px,3vw,16px);background:#f6d6ce40;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(246,214,206,.35)}.smart-cards__instructions p{margin:0;font-size:18px;font-weight:600;color:var(--text-dark);line-height:1.4}.smart-cards__feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:clamp(20px,5vw,32px) clamp(28px,7vw,44px);border-radius:clamp(18px,4.5vw,24px);font-size:18px;font-weight:700;display:flex;align-items:center;gap:14px;z-index:1000;box-shadow:0 18px 44px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.smart-cards__feedback--correct{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.smart-cards__feedback--wrong{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.smart-cards__feedback-icon{font-size:18px;line-height:1}.smart-cards__animal-card--correct{border-color:#10b981!important;background:linear-gradient(135deg,#10b9811f,#0596691f);animation:correctPulse .5s ease}.smart-cards__animal-card--shake{animation:wrongShake .4s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.smart-cards--coloring{background:#fff}.smart-cards__animal-selector{display:flex;gap:clamp(10px,2.5vw,14px);margin-bottom:clamp(18px,4vw,26px);overflow-x:auto;padding:12px;background:#fffefd;box-shadow:0 6px 16px #2c24420d;border:1px solid rgba(246,214,206,.3)}.smart-cards__animal-thumb{width:clamp(72px,14vw,100px);height:clamp(72px,14vw,100px);border:2px solid transparent;padding:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:#f6d6ce26}.smart-cards__animal-thumb:hover{border-color:#a5d6a7;background:#f1f8e9}.smart-cards__animal-thumb.active{border-color:#4caf50;background:#4caf501a;box-shadow:0 6px 14px #4caf5033}.smart-cards__animal-thumb img{width:100%;height:100%;object-fit:contain}.smart-cards__coloring-section{display:flex;gap:1.5rem;padding:1.5rem}.smart-cards__coloring-controls{display:flex;flex-direction:column;gap:1rem;min-width:260px;max-width:280px}.smart-cards__tool-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.smart-cards__tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .3rem;border:2px solid #e0e0e0;border-radius:10px!important;background:#fff;cursor:pointer;transition:all .2s ease;overflow:hidden}.smart-cards__tool-button:hover{border-color:#a5d6a7;background:#f1f8e9}.smart-cards__tool-button.active{border-color:#4caf50;background:#e8f5e9;box-shadow:0 2px 8px #4caf504d}.smart-cards__tool-button-icon{font-size:22px;line-height:1}.smart-cards__tool-button-label{font-size:10px;font-weight:600;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.smart-cards__color-palette{display:flex;flex-direction:column;gap:.4rem}.smart-cards__color-strip{display:flex;flex-wrap:wrap;gap:.5rem}.smart-cards__color-swatch{width:42px;height:42px;border:3px solid #e0e0e0;border-radius:50%!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0;padding:0}.smart-cards__color-swatch:hover{transform:scale(1.15);box-shadow:0 3px 8px #0003}.smart-cards__color-swatch.selected{border-color:#2196f3;border-width:4px;transform:scale(1.2);box-shadow:0 0 0 3px #2196f34d}.smart-cards__selected-color-name{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;font-weight:700;color:#424242;margin-top:.4rem;padding:.35rem;background:#f5f5f5;border-radius:8px!important}.smart-cards__speak-color-btn{background:#4caf50;border:none;border-radius:50%!important;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #4caf504d}.smart-cards__speak-color-btn:hover{background:#43a047;transform:scale(1.1)}.smart-cards__speak-color-btn:active{transform:scale(.95)}.smart-cards__brush-controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#f5f5f5;padding:.6rem;border-radius:10px!important}.smart-cards__brush-slider{width:100%;cursor:pointer}.smart-cards__brush-size-label{font-size:13px;font-weight:600;color:#424242}.smart-cards__clear-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:10px!important;padding:.6rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #f443364d}.smart-cards__clear-button:hover{background:linear-gradient(135deg,#ef5350,#e53935);transform:translateY(-2px);box-shadow:0 5px 14px #f4433666}.smart-cards__canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:12px!important;padding:.75rem;box-shadow:inset 0 2px 8px #0000001a;position:relative;min-height:500px}.smart-cards--coloring .smart-cards__coloring-canvas{position:relative!important;width:100%;aspect-ratio:4 / 3;max-height:none;background:#fff;border-radius:8px!important;box-shadow:0 4px 12px #00000026;cursor:crosshair;touch-action:none}@media (max-width: 768px){.smart-cards--game{padding:70px 10px 24px}.smart-cards__header{margin-bottom:18px}.smart-cards__comparison-grid{grid-template-columns:repeat(2,1fr);max-width:100%;gap:10px;padding:0 10px;justify-items:center}.smart-cards__comparison-card{width:100%;max-width:160px}.smart-cards__controls{flex-direction:row;width:100%;padding:0 14px;margin:10px auto}.smart-cards__button{flex:1;justify-content:center;font-size:18px;padding:11px 18px}.smart-cards__animals-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px;margin-bottom:14px;padding:0 10px;max-width:100%}.smart-cards__animal-card{max-width:var(--game-card-max-width);width:91%;gap:0}.smart-cards__instructions{margin:10px 10px 0}.speech-cards-header{margin-bottom:clamp(16px,4vw,24px)!important;margin-top:30px!important}.speech-cards-screen:has(.smart-cards__instructions-container):not(:has(.language-card-grid)){justify-content:flex-start}.speech-cards-screen:has(.smart-cards__instructions-container):not(:has(.language-card-grid)) .language-layout{flex:0 1 auto;justify-content:flex-start;padding:0 12px!important}.speech-cards-screen .speech-cards-header{flex-shrink:0;margin-bottom:1.5vh!important;margin-top:0!important}.speech-cards-screen .speech-cards-header h1{font-size:3.5vh!important;margin-bottom:.5vh!important}.speech-cards-screen .speech-cards-header p{font-size:1.8vh!important}.smart-cards__instructions-container{flex:0 1 auto;display:flex;flex-direction:column;padding:2vh!important;border-radius:2.5vh!important;overflow:visible}.smart-cards__instructions-list{flex:0 1 auto;display:flex;flex-direction:column;gap:1vh!important;margin-bottom:2vh!important;justify-content:flex-start}.smart-cards__instruction-item{gap:1.5vh!important;padding:1.2vh!important;border-radius:1.5vh!important}.smart-cards__instruction-number{width:4vh!important;height:4vh!important;font-size:2vh!important}.smart-cards__instruction-item p{font-size:1.8vh!important;line-height:1.4!important;padding-top:.5vh!important}.smart-cards__start-game-btn{flex-shrink:0;font-size:2.2vh!important;padding:1.5vh 3vw!important;border-radius:2vh!important}.smart-cards__coloring-section{flex-direction:column;padding:.75rem;gap:.75rem}.smart-cards__coloring-controls{max-width:unset;min-width:unset;gap:.6rem}.smart-cards__tool-selector{gap:.35rem}.smart-cards__tool-button{padding:.4rem .2rem}.smart-cards__tool-button-icon{font-size:20px}.smart-cards__tool-button-label{font-size:9px}.smart-cards__color-strip{display:flex;gap:.35rem;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.smart-cards__color-strip::-webkit-scrollbar{display:none}.smart-cards__color-swatch{width:40px;height:40px}.smart-cards__selected-color-name{font-size:13px;padding:.25rem;margin-top:.2rem}.smart-cards__brush-controls{flex-direction:row;padding:.4rem .6rem;gap:.5rem}.smart-cards__brush-size-label{font-size:12px;white-space:nowrap}.smart-cards__clear-button{padding:.45rem .75rem;font-size:13px}.smart-cards__canvas-container{flex:unset;padding:.5rem;min-height:350px}.smart-cards--coloring .smart-cards__coloring-canvas{max-height:none;min-height:320px}}@media (max-width: 480px){.smart-cards__category-item{flex-direction:column;text-align:center}.smart-cards__comparison-grid{gap:8px!important;margin-bottom:16px!important;justify-items:center!important}.smart-cards__comparison-card{padding:8px!important;width:100%!important;max-width:145px!important}.smart-cards__comparison-card img{max-height:100px!important}.smart-cards__animal-card img{width:88%!important}.smart-cards__animal-name{font-size:13px!important}.smart-cards--game{padding:20px 12px!important}.smart-cards__animal-selector-item span{display:none!important}.smart-cards__animal-selector-item{width:115px!important;padding:10px!important}.smart-cards__animal-selector-item img{width:95px!important;height:95px!important}.smart-cards__controls button:nth-child(3){flex-basis:100%}.speech-cards-header .header-content h1{font-size:22px!important}.smart-cards__coloring-section{padding:.5rem;gap:.5rem}.smart-cards__tool-selector{gap:.25rem}.smart-cards__tool-button{padding:.35rem .15rem}.smart-cards__tool-button-icon{font-size:18px}.smart-cards__tool-button-label{font-size:8px}.smart-cards__color-swatch{width:36px;height:36px}.smart-cards__canvas-container{width:100%;padding:.35rem;min-height:300px}.smart-cards--coloring .smart-cards__coloring-canvas{max-height:none;min-height:280px}}@media (max-width: 767px){.speech-cards-screen .speech-cards-header{margin-top:10px!important;margin-bottom:10px!important;padding:10px!important}.speech-cards-screen .speech-cards-header h1{font-size:18px!important;margin-bottom:4px!important}.speech-cards-screen .speech-cards-header p{font-size:13px!important;margin:0!important}.smart-cards__instructions-container{padding:12px!important;margin:0 10px!important}.smart-cards__instructions-list{gap:6px!important;margin-bottom:16px!important}.smart-cards__instruction-item{padding:8px 10px!important}.smart-cards__instruction-item p{font-size:13px!important;line-height:1.3!important}.smart-cards__instruction-number{width:22px!important;height:22px!important;min-width:22px!important;font-size:12px!important}.smart-cards__start-game-btn{padding:12px 24px!important;font-size:16px!important}.smart-cards-screen .language-layout{padding:0!important}}.smart-cards__card,.smart-cards__animal-selector-item,.smart-cards__controls button{border-radius:0!important}@media (max-width: 768px){.instruction-sound-toggle{top:15px;right:15px;width:44px;height:44px;font-size:20px}.instruction-sound-toggle .sound-prompt-text{font-size:12px;padding:4px 10px}.sound-enable-prompt{padding:30px 40px}.sound-enable-icon{width:60px;height:60px;font-size:28px}.sound-enable-prompt h2{font-size:22px}.sound-enable-prompt p{font-size:14px}}.smart-cards__button--star-challenge{font-weight:700!important;background:linear-gradient(135deg,gold,orange)!important;color:#fff!important;box-shadow:0 4px 15px #ffd70066!important;border:2px solid #FFA500!important;transition:all .3s ease;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.smart-cards__button--star-challenge:not(:disabled):not(.smart-cards__button--disabled){animation:goldenPulse 2s ease-in-out infinite}@keyframes goldenPulse{0%,to{box-shadow:0 4px 15px #ffd7004d}50%{box-shadow:0 6px 25px #ffd70099,0 0 30px #ffd70066}}.smart-cards__button--star-challenge:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080!important}.smart-cards__button--star-challenge:disabled,.smart-cards__button--star-challenge.smart-cards__button--disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af)!important;color:#6b7280!important;box-shadow:none!important;border-color:#d1d5db!important;cursor:not-allowed;animation:none;text-shadow:none}.smart-cards__exit-challenge{margin-top:8px;font-size:14px;padding:8px 16px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444}.smart-cards__exit-challenge:hover{background:#ef444433}.smart-cards__star-display-dual{display:flex;flex-direction:column;gap:16px;padding:20px;background:#fffffff2;border-radius:20px;box-shadow:0 4px 16px #0000001a;margin:24px 0}.smart-cards__star-row{display:flex;align-items:center;gap:12px}.smart-cards__star-label{font-size:16px;font-weight:600;color:#4b5563;min-width:110px}.smart-cards__stars{display:flex;gap:12px;align-items:center}.smart-cards__star{font-size:44px!important;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative}.smart-cards__star.empty{opacity:.6!important;filter:grayscale(80%)!important;-webkit-text-stroke:1px rgba(0,0,0,.3)}.smart-cards__star.filled{opacity:1;filter:grayscale(0%) drop-shadow(0 3px 10px rgba(255,215,0,.6));animation:starGlow 1.5s ease-in-out infinite}@keyframes starGlow{0%,to{filter:grayscale(0%) drop-shadow(0 3px 10px rgba(255,215,0,.5))}50%{filter:grayscale(0%) drop-shadow(0 3px 15px rgba(255,215,0,.8))}}.smart-cards__star.active-target{animation:bounceChallenge .8s ease-in-out infinite}@keyframes bounceChallenge{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.smart-cards__star-count{font-size:18px;font-weight:700;color:#4b5563;min-width:45px}.smart-cards__celebration-full{font-size:20px;font-weight:700;color:#10b981;text-align:center;padding:16px;background:linear-gradient(135deg,#10b9811a,#05966926);border-radius:12px;border:2px solid rgba(16,185,129,.3);margin-top:12px;animation:celebrationPulse 1.5s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #10b98133}50%{transform:scale(1.05);box-shadow:0 6px 20px #10b98166}}@media (max-width: 768px){.smart-cards__star{font-size:36px}.smart-cards__star-label{font-size:15px;min-width:95px}.smart-cards__star-count{font-size:17px;font-weight:700}.smart-cards__star-display-dual{padding:16px;gap:12px}.smart-cards__celebration-full{font-size:16px;padding:12px}}@media (max-width: 768px) and (max-height: 700px){.speech-cards-screen{padding:60px 10px 15px!important}.speech-cards-header{margin-bottom:clamp(8px,1.5vh,16px)!important;margin-top:5px!important}.speech-cards-header h1{font-size:clamp(16px,2.8vh,22px)!important}.speech-cards-header p{font-size:clamp(11px,1.8vh,14px)!important}.speech-cards-screen .language-card-grid{gap:clamp(12px,2vh,20px)!important;padding:5px 10px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{padding:clamp(12px,2vh,20px) clamp(14px,3vw,22px)!important;min-height:clamp(100px,16vh,140px)!important;margin:0 auto!important;gap:clamp(8px,1.5vh,14px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-icon{width:clamp(50px,9vh,75px)!important;height:clamp(50px,9vh,75px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon img,.smart-cards-custom-card.game-card-border .language-card-icon img{width:clamp(35px,6vh,55px)!important;height:clamp(35px,6vh,55px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip,.smart-cards-custom-card.game-card-border .language-chip{font-size:clamp(12px,2vh,15px)!important;padding:clamp(4px,.8vh,7px) clamp(8px,1.5vh,12px)!important}}@media (max-width: 768px) and (max-height: 600px){.speech-cards-screen{padding:55px 8px 12px!important}.speech-cards-header{margin-bottom:clamp(5px,1vh,12px)!important;margin-top:2px!important;padding:6px!important}.speech-cards-header h1{font-size:clamp(14px,2.4vh,18px)!important;margin-bottom:2px!important}.speech-cards-header p{font-size:clamp(10px,1.6vh,12px)!important;margin:0!important}.speech-cards-screen .language-card-grid{gap:clamp(8px,1.5vh,14px)!important;padding:2px 8px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border,.smart-cards-custom-card.game-card-border{padding:clamp(8px,1.5vh,14px) clamp(10px,2vw,16px)!important;min-height:clamp(80px,13vh,110px)!important;margin:0 auto!important;gap:clamp(6px,1vh,10px)!important;border-radius:clamp(12px,2.5vw,18px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before,.smart-cards-custom-card.game-card-border:before{width:105%!important;height:100%!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon,.smart-cards-custom-card.game-card-border .language-card-icon{width:clamp(40px,7vh,60px)!important;height:clamp(40px,7vh,60px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-icon img,.smart-cards-custom-card.game-card-border .language-card-icon img{width:clamp(28px,5vh,45px)!important;height:clamp(28px,5vh,45px)!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-body,.smart-cards-custom-card.game-card-border .language-card-body{gap:2px!important;min-height:auto!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-description,.smart-cards-custom-card.game-card-border .language-card-description{line-height:1.2!important;margin-bottom:2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-chip,.smart-cards-custom-card.game-card-border .language-chip{padding:2px 4px!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border .language-card-meta,.smart-cards-custom-card.game-card-border .language-card-meta{gap:3px!important;margin-top:1px!important}}@keyframes gameCardFadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.smart-cards-custom-card--animated{animation:gameCardFadeInUp .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--card-index, 0) * .08s + .1s)}@media (prefers-reduced-motion: reduce){.smart-cards-custom-card,.smart-cards-custom-card--animated,.smart-cards__category-item,.smart-cards__animal-card{animation:none!important;transition:opacity .2s ease!important}}@media (prefers-contrast: high){.smart-cards-custom-card.game-card-border{border:2px solid #2D3748!important}.smart-cards-custom-card .language-card-title{color:#000!important}.smart-cards-custom-card .language-card-description{color:#333!important}.smart-cards-custom-card .language-chip{border:1px solid currentColor!important}}@keyframes smartCardsWobble1{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50.1%,-49.9%) rotate(.4deg) scale(1.008)}50%{transform:translate(-49.9%,-50.1%) rotate(-.3deg) scale(1.012)}75%{transform:translate(-50.05%,-50%) rotate(.2deg) scale(1.005)}}@keyframes smartCardsWobble2{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}20%{transform:translate(-50.15%,-49.9%) rotate(-.35deg) scale(1.006)}40%{transform:translate(-49.9%,-50.15%) rotate(.4deg) scale(1.01)}60%{transform:translate(-50.1%,-49.95%) rotate(-.25deg) scale(1.008)}80%{transform:translate(-49.95%,-50.1%) rotate(.2deg) scale(1.005)}}@keyframes smartCardsWobble3{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}30%{transform:translate(-50.12%,-50.05%) rotate(.35deg) scale(1.01)}60%{transform:translate(-49.9%,-49.95%) rotate(-.4deg) scale(1.007)}90%{transform:translate(-50.03%,-50.03%) rotate(.15deg) scale(1.004)}}@keyframes smartCardsBreathe{0%,to{opacity:1}50%{opacity:.92}}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before{will-change:transform,opacity}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:nth-child(3n+1):before{animation:smartCardsWobble1 5s ease-in-out infinite,smartCardsBreathe 3s ease-in-out infinite!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:nth-child(3n+2):before{animation:smartCardsWobble2 6s ease-in-out infinite,smartCardsBreathe 4s ease-in-out infinite!important;animation-delay:.5s,.3s!important}.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:nth-child(3n+3):before{animation:smartCardsWobble3 5.5s ease-in-out infinite,smartCardsBreathe 3.5s ease-in-out infinite!important;animation-delay:1s,.6s!important}@media (prefers-reduced-motion: reduce){.speech-cards-screen .language-card.smart-cards-custom-card.game-card-border:before{animation:none!important}}@keyframes gameHomeAlive{0%,to{transform:scale(1)}25%{transform:translateY(-2px) scale(1.03)}50%{transform:translateY(2px) scale(.98)}75%{transform:translateY(-2px) scale(1.02)}}@keyframes gameHomeAliveIOS{0%,to{transform:translateY(-50%) scale(1)}25%{transform:translateY(-52%) scale(1.03)}50%{transform:translateY(-48%) scale(.98)}75%{transform:translateY(-52%) scale(1.02)}}@keyframes gameBackAlive{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gameBackAliveIOS{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}@keyframes gameEyeBlink{0%,90%,to{transform:scaleY(1);opacity:1}95%{transform:scaleY(.1);opacity:.5}}@keyframes gameEyeShineTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.mg-game-header{position:fixed;top:0;left:0;right:0;width:100%;height:88px;background:#fef7f4;z-index:1000;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.mg-game-header-spacer{height:88px;flex-shrink:0}:root.is-iphone .mg-game-header--ios{display:flex;flex-direction:column;height:95px}:root.is-iphone .mg-game-header-spacer{height:95px}:root.is-iphone .mg-game-header__island-controls{position:absolute;top:0;left:0;right:0;height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;pointer-events:none}:root.is-iphone .mg-game-header__back,:root.is-iphone .mg-game-header__home{pointer-events:auto;z-index:10}:root.is-iphone .mg-game-header__back{position:absolute;left:16px;top:90%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid #f2c7cb;background:transparent;display:flex;align-items:center;justify-content:center;color:#f2c7cb;transition:background .2s ease,color .2s ease;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;flex-shrink:0;animation:gameBackAliveIOS 5s ease-in-out 1.5s infinite}:root.is-iphone .mg-game-header__back:hover{background:#f2c7cb;color:#fff}:root.is-iphone .mg-game-header__back:active{transform:translateY(-50%) scale(.95)}:root.is-iphone .mg-game-header__back svg{width:22px;height:22px;pointer-events:none}:root.is-iphone .mg-game-header__home{position:absolute;right:16px;top:90%;transform:translateY(-50%);width:56px;height:56px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;flex-shrink:0;animation:gameHomeAliveIOS 6s ease-in-out 1.2s infinite}:root.is-iphone .mg-game-header__home:active{transform:translateY(-50%) scale(.95)}:root.is-iphone .mg-game-header__home svg{width:100%;height:100%;pointer-events:none}:root.is-iphone .mg-game-header__title-area{margin-top:52px;height:43px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 70px;box-sizing:border-box}:root.is-iphone .mg-game-header__title{font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root:not(.is-iphone) .mg-game-header--android{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;height:88px;gap:12px}:root:not(.is-iphone) .mg-game-header__back{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:2px solid #f2c7cb;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#f2c7cb;flex-shrink:0;padding:0;margin:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;animation:gameBackAlive 5s ease-in-out 1.5s infinite}:root:not(.is-iphone) .mg-game-header__back:hover{background:#f2c7cb;color:#fff}:root:not(.is-iphone) .mg-game-header__back:active{transform:scale(.95)}:root:not(.is-iphone) .mg-game-header__back svg{width:22px;height:22px;pointer-events:none}:root:not(.is-iphone) .mg-game-header__title{flex:1;text-align:center;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;padding:0 8px;line-height:1.3;max-width:calc(100% - 120px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}:root:not(.is-iphone) .mg-game-header__home{width:50px;height:50px;min-width:50px;min-height:50px;flex-shrink:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0;margin:0;animation:gameHomeAlive 6s ease-in-out 1.2s infinite}:root:not(.is-iphone) .mg-game-header__home:active{transform:scale(.95)}:root:not(.is-iphone) .mg-game-header__home svg{width:100%;height:100%;pointer-events:none}@media (max-width: 480px){:root:not(.is-iphone) .mg-game-header--android{padding:0 12px}:root:not(.is-iphone) .mg-game-header__back{width:40px;height:40px;min-width:40px;min-height:40px}:root:not(.is-iphone) .mg-game-header__title{font-size:15px}:root:not(.is-iphone) .mg-game-header__home,:root:not(.is-iphone) .mg-game-header__home svg{width:44px;height:44px;min-width:44px;min-height:44px}}.game-home-icon-eye-left{animation:gameEyeBlink 7s ease-in-out infinite;animation-delay:5s}.game-home-icon-eye-right{animation:gameEyeBlink 7s ease-in-out infinite;animation-delay:5.2s}.game-home-icon-shine-left{animation:gameEyeShineTwinkle 4s ease-in-out infinite;animation-delay:4s}.game-home-icon-shine-right{animation:gameEyeShineTwinkle 4s ease-in-out infinite;animation-delay:5s}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fef7f4;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}.splash-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}.play-sound-button{position:absolute;bottom:20%;left:50%;transform:translate(-50%);padding:15px 30px;font-size:1.2rem;background:#fef7f4;color:#333;border:none;border-radius:30px;cursor:pointer;font-weight:700;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;z-index:10}.play-sound-button:hover{background:#fff;transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #0006}.splash-decorations{position:absolute;width:100%;height:100%;pointer-events:none}.star{position:absolute;font-size:2rem;opacity:.8}.star-1{top:15%;left:10%}.star-2{top:20%;right:15%;font-size:2.5rem}.star-3{bottom:20%;left:20%;font-size:1.8rem}.bubble{position:absolute;border-radius:50%;opacity:.6}.bubble-1{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);top:60%;right:10%}.bubble-2{width:60px;height:60px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:25%;right:25%}.bubble-3{width:100px;height:100px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:35%;left:5%}.splash-content{position:relative;z-index:1;text-align:center;padding:20px}.logo-container{margin-bottom:40px}.splash-logo{width:100%;max-width:280px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.welcome-text{margin-top:30px}.welcome-en,.welcome-el{margin:15px 0;line-height:1.6;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.welcome-en{font-size:1.4rem;color:#4a90e2;margin-bottom:10px}.welcome-el{font-size:1.2rem;color:#e91e63}.sketch-text{font-family:Comfortaa,Marker Felt,Kalam,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.sketch-letter{display:inline-block;transition:all .3s ease}.sketch-letter:hover{transform:scale(1.2) rotate(5deg);color:gold}@media (max-width: 768px){.star{font-size:1.5rem}.star-2{font-size:2rem}.star-3{font-size:1.3rem}.bubble-1{width:60px;height:60px}.bubble-2{width:45px;height:45px}.bubble-3{width:75px;height:75px}.splash-logo{max-width:200px}.welcome-en{font-size:1rem}.welcome-el{font-size:.9rem}.welcome-text{padding:0 10px}}.sound-toggle-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:2px solid #FEF7F4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000;box-shadow:0 2px 8px #0000001a}.sound-toggle-btn:hover{background:#fff;transform:scale(1.1)}.sound-toggle-btn svg{width:20px;height:20px;color:#333}.sound-toggle-btn .muted-icon{color:#e74c3c}.demo-games-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.demo-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px;width:100%}.demo-game-card{background:#fff;border-radius:20px;padding:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;text-align:center;position:relative;overflow:hidden}.demo-game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.demo-game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px #0003}.demo-game-card:hover:before{opacity:1}.game-icon{font-size:3rem;margin-bottom:15px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.demo-game-card h3{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.demo-game-card p{font-size:.9rem;color:#ffffffe6;line-height:1.4}@media (max-width: 768px){.demo-games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px}.demo-game-card{padding:20px 15px}.game-icon{font-size:2.5rem}.demo-game-card h3{font-size:1rem}.demo-game-card p{font-size:.8rem}}.alt-home-screen{position:fixed;top:0;left:0;right:0;bottom:0;padding:20px;padding-top:calc(var(--header-height) + var(--safe-area-top));background:linear-gradient(135deg,#fef7f4,#fff9f7);overflow-y:auto;overflow-x:hidden}.floating-shapes{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.15;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:#ff7f7f;top:-100px;left:-100px;animation-duration:25s}.shape-2{width:250px;height:250px;background:#4dd4ce;top:50%;right:-100px;animation-duration:30s;animation-delay:5s}.shape-3{width:200px;height:200px;background:#8fd17d;bottom:-50px;left:30%;animation-duration:22s;animation-delay:10s}.shape-4{width:150px;height:150px;background:#ffd14d;top:30%;left:10%;animation-duration:28s;animation-delay:3s}.shape-5{width:180px;height:180px;background:#b394ff;bottom:20%;right:20%;animation-duration:26s;animation-delay:7s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,10px) scale(1.02)}}.alt-home-header{position:relative;z-index:2;text-align:center;margin-bottom:40px}.alt-welcome-message h1{font-size:32px;font-weight:800;color:#2d3748;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alt-welcome-message p{font-size:16px;color:#718096;margin:0;font-weight:500}.alt-categories-container{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1400px;margin:0 auto;padding-bottom:80px}.alt-category-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;height:auto;min-height:320px}.alt-category-card:hover{box-shadow:0 20px 40px #0000001f}.card-image-section{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 20px}.card-image-wrapper{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #0000001a}.card-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.premium-ribbon{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #ffd70066;z-index:2}.card-content-section{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.card-title{font-size:18px;font-weight:800;color:#2d3748;margin:0 0 8px;line-height:1.2}.card-description{font-size:13px;color:#718096;margin:0 0 12px;line-height:1.4}.card-meta{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.card-subtitle{display:none}.card-action-btn{padding:10px 20px;border:none;border-radius:10px;color:#fff;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;width:100%}.card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.alt-category-card:hover .card-hover-overlay{opacity:1}.nav-dots{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0;transition:all .3s ease;cursor:pointer}.dot.active{width:24px;border-radius:4px;background:#667eea}@media (max-width: 1024px){.alt-categories-container{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 10px 80px}.alt-category-card{min-height:280px}.card-image-wrapper{width:100px;height:100px}.card-title{font-size:16px}.card-description{font-size:12px}}@media (max-width: 768px){.alt-home-screen{padding:15px;padding-top:calc(75px + env(safe-area-inset-top,0px))}.alt-welcome-message h1{font-size:24px}.alt-welcome-message p{font-size:14px}.alt-categories-container{grid-template-columns:repeat(2,1fr);gap:15px}.alt-category-card{flex-direction:column;min-height:260px}.card-image-section{width:100%;height:120px;padding:20px}.card-image-wrapper{width:80px;height:80px}.premium-ribbon{top:10px;right:10px}.card-content-section{padding:20px}.card-title{font-size:16px;text-align:center}.card-description{text-align:center;margin-bottom:15px}.card-meta,.floating-shapes{display:none}}@media (max-width: 480px){.alt-home-screen{padding:10px;padding-top:calc(var(--header-height) + var(--safe-area-top))}.alt-welcome-message h1{font-size:20px}.alt-welcome-message p{font-size:12px}.alt-categories-container{grid-template-columns:repeat(2,1fr);gap:10px}.alt-category-card{border-radius:15px}.card-image-wrapper{width:70px;height:70px}.card-title{font-size:14px}.card-description{font-size:11px}.card-action-btn{padding:8px 16px;font-size:12px}}.cards-demo-page{min-height:100vh;background:linear-gradient(135deg,#fef7f4,#f8e8e5);padding-bottom:80px;position:relative;overflow-x:hidden}.demo-header{display:flex;align-items:center;padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.back-btn{width:45px;height:45px;border-radius:50%;border:2px solid #4DD4CE;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:20px}.back-btn:hover{transform:scale(1.05);background:#4dd4ce;color:#fff}.demo-title{display:flex;flex-direction:column;gap:4px}.title-gradient{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-subtitle{font-size:14px;color:#6b7280;font-weight:500}.hero-section{padding:60px 20px;text-align:center;position:relative}.hero-content h2{font-size:36px;font-weight:800;color:#2d3748;margin-bottom:10px}.hero-content p{font-size:18px;color:#6b7280}.hero-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;opacity:.3}.floating-card{position:absolute;font-size:40px;animation:float 6s ease-in-out infinite}.card-1{top:10%;left:10%;animation-delay:0s}.card-2{top:20%;right:15%;animation-delay:1.5s}.card-3{bottom:20%;left:20%;animation-delay:3s}.card-4{bottom:30%;right:10%;animation-delay:4.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cards-container{padding:20px;max-width:1200px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;perspective:1000px}.card-item{position:relative;background:#fff;border-radius:24px;overflow:hidden;min-height:480px;cursor:pointer;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px var(--shadow-color, rgba(0, 0, 0, .1));animation:slideUp .6s ease-out backwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-item:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 40px var(--shadow-color, rgba(0, 0, 0, .15))}.card-item.selected{transform:scale(1.05) translateY(-5px);z-index:10}.card-item.locked{opacity:.9}.card-item.special{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 10px 30px var(--shadow-color, rgba(0, 0, 0, .1))}50%{box-shadow:0 15px 35px var(--shadow-color, rgba(0, 0, 0, .2))}}.card-background{position:absolute;top:0;left:0;right:0;height:200px;opacity:.9;transition:height .4s ease}.card-item:hover .card-background{height:220px}.special-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;z-index:2;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.card-content{padding:30px;position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.card-icon-wrapper{width:120px;height:120px;margin:-60px auto 20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000001a;position:relative;transition:transform .3s ease}.card-item:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.card-icon{width:90px;height:90px;object-fit:contain}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%}.card-title{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:10px;text-align:center}.card-description{font-size:14px;color:#6b7280;text-align:center;line-height:1.5;margin-bottom:20px}.card-meta{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.meta-item{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600}.meta-item.age{background:#e0f2fe;color:#0369a1}.meta-item.difficulty{background:#f0fdf4;color:#16a34a}.card-features{flex:1;margin-bottom:20px;opacity:0;max-height:0;overflow:hidden;transition:all .4s ease}.card-features.show{opacity:1;max-height:150px}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:#4b5563}.feature-dot{color:#10b981;font-weight:700}.card-action-btn{width:100%;padding:14px;border-radius:16px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:auto}.card-item:not(.locked) .card-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-item:not(.locked) .card-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.card-item.locked .card-action-btn{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.card-hover-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card-item:hover .card-hover-effect{opacity:1}.demo-bottom-section{padding:60px 20px;background:#fff;border-top:1px solid rgba(0,0,0,.05);text-align:center;margin-top:60px}.bottom-content h3{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:10px}.bottom-content p{font-size:16px;color:#6b7280;margin-bottom:30px}.upgrade-btn{background:linear-gradient(135deg,gold,orange);color:#fff;border:none;padding:16px 32px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 10px 25px #ffd7004d}.upgrade-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ffd70066}.page-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.decoration{position:absolute;border-radius:50%;opacity:.03}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;right:-100px;animation:rotate 20s linear infinite}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-50px;left:-50px;animation:rotate 15s linear infinite reverse}.shape-3{width:250px;height:250px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:10%;animation:float 10s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;padding:0 10px}.card-item{min-height:420px}.hero-content h2{font-size:28px}.title-gradient{font-size:24px}.card-features.show{max-height:120px}}.menu-overlay{position:fixed;top:88px;left:0;right:0;bottom:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.slide-menu{position:fixed;top:88px;left:0;height:calc(100vh - 88px);width:280px;background:#fff;z-index:999;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a;overflow-y:auto}.menu-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:space-between;min-height:120px}.menu-user-info{display:flex;align-items:center;gap:15px}.menu-user-avatar{width:50px;height:50px;border-radius:50%;background:#fcf5f3;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.5)}.menu-user-details h3{margin:0;font-size:18px;font-weight:700}.menu-user-details p{margin:4px 0 0;font-size:12px;opacity:.9}.menu-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.menu-close-btn:hover{background:#fcf5f3}.menu-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:4px}.menu-item{position:relative;display:flex;align-items:center;gap:15px;padding:12px 20px;background:none;border:none;width:100%;cursor:pointer;transition:all .2s;font-family:inherit}.menu-item:hover{background:#f7f8fa}.menu-item.active{background:#f0f4f8}.menu-item-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s}.menu-item:hover .menu-item-icon{transform:scale(1.1)}.menu-item-label{flex:1;text-align:left;font-size:16px;font-weight:600;color:#2d3748}.menu-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;border-radius:0 4px 4px 0}.menu-section-divider{display:flex;align-items:center;padding:12px 20px 8px;margin-top:8px}.menu-section-divider span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f59e0b;background:linear-gradient(90deg,#F59E0B20 0%,transparent 100%);padding:4px 10px;border-radius:4px}.menu-item.admin-item{border-left:2px solid #F59E0B;margin-left:8px}.menu-footer{padding:20px;border-top:1px solid #E2E8F0}.menu-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.menu-logout-btn:hover{background:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.menu-logout-btn svg{font-size:20px}@media (max-width: 768px){.slide-menu{width:260px}}@media (max-width: 480px){.slide-menu{width:75vw;max-width:280px}.menu-header{padding:15px;min-height:100px}.menu-user-avatar{width:40px;height:40px;font-size:18px}.menu-user-details h3{font-size:16px}.menu-item{padding:10px 15px}.menu-item-icon{width:35px;height:35px;font-size:18px}.menu-item-label{font-size:15px}}.speech-game__back-btn{position:fixed;top:20px;left:20px;background:transparent;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:110;color:#2c2442;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.speech-cards-screen .language-card{padding:clamp(12px,3vw,16px)!important;gap:clamp(10px,2.5vw,14px)!important;min-height:clamp(140px,28vw,160px)!important;height:clamp(140px,28vw,160px)!important;max-height:160px!important}.speech-cards-screen .language-card-body{padding:2px!important;flex:unset!important;min-width:0!important}.speech-cards-screen .language-card-description{font-family:Comfortaa,sans-serif!important;margin:2px 0!important;padding:0!important;line-height:1.35!important;font-size:12px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.speech-cards-screen .language-card-title{font-family:Comfortaa,sans-serif!important;margin:0 0 4px!important;padding:0!important;font-size:clamp(13px,3.2vw,17px)!important;font-weight:700!important}.speech-cards-screen .language-card-icon{width:clamp(68px,18vw,85px)!important;height:clamp(68px,18vw,85px)!important}.speech-cards-screen .language-card-meta{margin-top:2px!important}body:has(.speech-cards-screen){overflow:visible!important}body:has(.speech-cards-screen) #root{overflow:visible!important}.speech-cards-screen{position:relative;min-height:100vh;width:100%;overflow-y:scroll;overflow-x:hidden;padding:70px 8px 60px;font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--lavender: #e8d5ff;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6);background:#fef7f4}.speech-cards-header{text-align:center;margin-top:0;padding:clamp(10px,3vw,15px) clamp(8px,2vw,12px);margin-bottom:clamp(12px,3vw,20px);width:100%;max-width:960px;flex-shrink:0}.header-content h1{font-size:clamp(20px,5vw,32px);font-weight:700;color:#2d3748;margin:0 0 clamp(6px,2vw,10px) 0;line-height:1.2;padding:0 clamp(10px,3vw,15px)}.header-content p{font-size:clamp(13px,3.5vw,16px);color:#718096;margin:0;line-height:1.4;padding:0 clamp(10px,3vw,15px)}.speech-cards-container{position:relative;z-index:1;padding:0 20px;max-width:1200px;margin:0 auto}.speech-cards-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1200px;margin:0 auto}@media (min-width: 768px){.speech-cards-grid{grid-template-columns:repeat(2,1fr)}}.category-card{background:#fff;border-radius:35px;padding:25px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;box-shadow:0 6px 20px #00000014;min-height:200px;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 35px #00000026}.category-card:active{transform:translateY(0)}.category-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;position:relative}.category-icon{width:70px;height:70px;border-radius:50%;background:#fcf5f3;display:flex;align-items:center;justify-content:center;font-size:35px;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.category-info{flex:1}.category-info h3{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 8px}.category-description{font-size:14px;color:#718096;margin:0;line-height:1.4}.category-stats{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffe6}.language-card-meta{flex-direction:column;align-items:flex-start;gap:6px}.speech-card-meta{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:5px}.time-badge{background:#fcf5f3;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#666}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lock-overlay span{font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.speech-card.locked{cursor:not-allowed;opacity:.8}.speech-card-shine{display:none}.speech-game__naming-category-box.drag-over{background:var(--rose)!important;border-color:var(--text-dark)!important;transform:scale(1.08)!important;box-shadow:0 8px 24px #f6ccd499}.speech-game__image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1000px;margin:0 auto;padding:0 5px}.speech-game__grid-item{background:#fff;border-radius:8px;padding:6px;cursor:pointer;border:2px solid #e0e0e0;transition:all .2s ease}.speech-game__grid-item.completed{background:#f0f0f0;cursor:not-allowed;opacity:.5}.speech-game__grid-item.selected{opacity:.7;border:3px solid var(--rose)}.speech-game__grid-item-img{width:100%;height:70px;object-fit:contain;border-radius:6px}.speech-game__grid-item-check{text-align:center;margin-top:4px;color:#22c55e;font-size:18px}@media (min-width: 480px){.speech-game__image-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 8px}.speech-game__grid-item{padding:8px;border-radius:10px}.speech-game__grid-item-img{height:85px}.speech-game__grid-item-check{margin-top:5px;font-size:20px}}@media (min-width: 768px){.speech-game__image-grid{grid-template-columns:repeat(5,1fr);gap:15px;padding:0}.speech-game__grid-item{padding:10px;border-radius:12px}.speech-game__grid-item-img{height:100px}}@media (min-width: 1024px){.speech-game__image-grid{grid-template-columns:repeat(6,1fr);gap:18px}.speech-game__grid-item-img{height:110px}}@media (max-width: 480px){.speech-cards-screen{padding-bottom:10px}.speech-cards-header{padding:20px 15px;margin-bottom:20px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.speech-cards-container{padding:0 15px}.speech-cards-grid{gap:15px}.speech-card{padding:25px;min-height:240px}.speech-card-icon{font-size:60px;margin-bottom:15px}.speech-card h3{font-size:18px}.speech-card p{font-size:13px}}body:has(.drawing-game-screen){overflow:hidden!important;height:100vh!important}html:has(.drawing-game-screen){overflow:hidden!important;height:100vh!important}.drawing-game-screen .speech-cards-header{text-align:center;margin-top:0;padding:0 70px;margin-bottom:clamp(16px,4vw,24px);width:100%;max-width:960px;flex-shrink:0;margin-left:auto;margin-right:auto;position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:100}.drawing-game-screen .speech-cards-header .header-content h1{font-size:25px;font-weight:700;color:#2d3748;margin:0 0 6px;line-height:1.2}.drawing-game-screen .speech-cards-header .header-content p{font-size:15px;color:#718096;margin:0;line-height:1.3}.current-image-info{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:16px;box-shadow:0 4px 16px #0000001a;border:2px solid #f1f5f9;z-index:100;text-align:center}.progress-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:6px;align-items:center}.progress-badge{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;padding:3px 10px;border-radius:20px;font-size:clamp(11px,2.5vw,13px);font-weight:700;box-shadow:0 2px 8px #4fc3f74d}.set-indicator{background:linear-gradient(135deg,#ffd93d,#ffc107);color:#333;padding:3px 10px;border-radius:20px;font-size:clamp(10px,2.2vw,12px);font-weight:600;box-shadow:0 2px 8px #ffd93d4d}.current-image-info h2{font-size:clamp(14px,3vw,16px);font-weight:700;color:#2d3748;margin:0;text-align:center}.drawing-game-screen{height:100vh;overflow:hidden!important;padding:clamp(12px,2vw,16px);padding-top:0!important;font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),#fdf4f1;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vw,12px);position:fixed;width:100vw;top:0;left:0}.drawing-back-button{position:fixed;top:20px;left:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:1000}.drawing-back-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.drawing-back-button:active{transform:translateY(0)}.canvas-stack{position:relative;overflow:hidden}.drawing-canvas{max-width:100%;height:auto;display:block}.paint-layer{position:relative;cursor:crosshair;background:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.image-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.dcg-coloring-section{display:flex;gap:1.5rem;padding:1.5rem;flex:1;min-height:0;overflow:visible}.dcg-coloring-controls{display:flex;flex-direction:column;gap:1rem;min-width:200px;max-width:240px;overflow-y:auto}.dcg-tool-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.dcg-tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;border:2px solid #e0e0e0;border-radius:10px!important;background:#fff;cursor:pointer;transition:all .2s ease}.dcg-tool-button:hover{border-color:#a5d6a7;background:#f1f8e9}.dcg-tool-button.active{border-color:#4caf50;background:#e8f5e9;box-shadow:0 2px 8px #4caf504d}.dcg-tool-button-icon{font-size:22px;line-height:1}.dcg-tool-button-label{font-size:10px;font-weight:600;color:#424242;white-space:nowrap}.dcg-color-palette{display:flex;flex-direction:column;gap:.4rem;padding:0}.dcg-color-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:4px}.dcg-color-swatch{width:44px;height:44px;border:3px solid #e0e0e0;border-radius:50%!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0;padding:0}.dcg-color-swatch:hover{transform:scale(1.15);box-shadow:0 3px 8px #0003}.dcg-color-swatch.selected{border-color:#2196f3;border-width:4px;transform:scale(1.2);box-shadow:0 0 0 3px #2196f34d}.dcg-color-name-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.3rem}.dcg-selected-color-name{display:flex;align-items:center;gap:.4rem;font-size:13px;font-weight:700;color:#424242;padding:.3rem .5rem}.dcg-speak-color-btn{background:#4caf50;border:none;border-radius:50%!important;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #4caf504d}.dcg-speak-color-btn:hover{background:#43a047;transform:scale(1.1)}.dcg-speak-color-btn:active{transform:scale(.95)}.dcg-brush-controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#f5f5f5;padding:.6rem;border-radius:10px!important}.dcg-brush-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#a5d6a7,#66bb6a);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.dcg-brush-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#4caf50;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #4caf5066;transition:all .2s ease}.dcg-brush-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.dcg-brush-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#4caf50;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #4caf5066}.dcg-brush-size-label{font-size:13px;font-weight:600;color:#424242}.dcg-clear-button{background:#f5dcdc80;color:#424242;border:none;border-radius:10px!important;padding:.3rem .6rem;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.dcg-clear-button:hover{background:#f5c8c8b3}.dcg-canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:12px!important;padding:.75rem;box-shadow:inset 0 2px 8px #0000001a;position:relative;min-height:0;overflow:hidden}.dcg-canvas-container .canvas-stack,.dcg-canvas-container .drawing-canvas{max-width:100%;max-height:100%}.dcg-canvas-container .paint-layer{border-radius:8px;box-shadow:0 4px 12px #00000026}@media (min-width: 1200px){.dcg-coloring-section{max-width:1100px;width:100%}}@media (max-width: 768px){.dcg-coloring-section{flex-direction:column;padding:0 .5rem;gap:.4rem;width:100%;overflow-y:auto;overflow-x:hidden}.dcg-coloring-controls{max-width:unset;min-width:unset;gap:.4rem;flex-shrink:0}.dcg-tool-selector{display:flex;gap:.3rem;justify-content:center}.dcg-tool-button{padding:.3rem .5rem;flex:1;min-width:0}.dcg-tool-button-icon{font-size:18px}.dcg-tool-button-label{font-size:8px}.dcg-color-palette{margin-left:-.5rem;margin-right:-.5rem;width:calc(100% + 1rem);padding:0}.dcg-color-strip{display:flex;gap:.3rem;overflow-x:auto;padding:6px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dcg-color-strip::-webkit-scrollbar{display:none}.dcg-color-swatch{width:40px;height:40px}.dcg-color-name-row{gap:.3rem;margin-top:.1rem}.dcg-selected-color-name{font-size:11px;padding:.2rem .4rem}.dcg-speak-color-btn{width:24px;height:24px;font-size:11px}.dcg-clear-button{padding:.2rem .4rem;font-size:10px}.dcg-brush-controls{flex-direction:row;padding:.3rem .5rem;gap:.4rem}.dcg-brush-size-label{font-size:11px;white-space:nowrap}.dcg-canvas-container{flex:1;min-height:0;padding:.4rem}.dcg-canvas-container .drawing-canvas{max-height:50vh}}@media (max-width: 480px){.dcg-coloring-section{padding:0 .25rem;gap:.3rem}.dcg-tool-button{padding:.25rem .3rem}.dcg-tool-button-icon{font-size:16px}.dcg-tool-button-label{font-size:7px}.dcg-color-palette{margin-left:-.25rem;margin-right:-.25rem;width:calc(100% + .5rem);padding:0}.dcg-color-swatch{width:36px;height:36px}.dcg-selected-color-name{font-size:11px}.dcg-brush-controls{padding:.2rem .4rem}.dcg-clear-button{padding:.3rem .5rem;font-size:11px}.dcg-canvas-container{width:100%;padding:.35rem}.dcg-canvas-container .drawing-canvas{max-height:40vh}}.tool-button{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;font-size:11px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;min-width:auto;justify-content:center;white-space:nowrap}.clear-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.clear-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.drawing-next-button{border:none;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff;font-weight:600;font-size:clamp(12px,2.5vw,16px);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;cursor:pointer;box-shadow:0 16px 28px #22c55e47!important;transition:transform .2s ease,box-shadow .2s ease}.drawing-next-button:hover{transform:translateY(-2px);box-shadow:0 20px 32px #22c55e52!important}.drawing-next-button svg{width:20px;height:20px}.next-button{background:linear-gradient(135deg,#ffd93d,#ffc107);color:#333;box-shadow:0 4px 15px #ffd93d4d}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd93d66}.download-button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 4px 15px #4fc3f74d}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.tool-button:active{transform:translateY(0)}@media (max-width: 768px){.drawing-game-screen{padding:12px;gap:12px}.drawing-canvas-container{padding:12px;margin-top:0;height:auto;overflow:visible}.drawing-canvas{max-width:calc(100vw - 48px)}.color-palette{gap:8px}.color-swatch{width:38px;height:38px}.tool-buttons{flex-direction:column}.tool-button{min-width:auto;width:100%}.brush-size-control{flex-direction:column;gap:8px}.brush-size-slider{width:100%}}@media (max-width: 480px){.coloring-images-grid{grid-template-columns:1fr;gap:16px}.drawing-back-button{top:16px;left:16px;padding:6px 12px;font-size:12px}.drawing-canvas-container{margin-top:0;height:auto;overflow:visible}.image-preview{height:140px}.color-palette{justify-content:flex-start}}.drawing-intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(20px,4vw,40px);padding-top:clamp(10px,2vw,20px);gap:clamp(16px,3vw,24px);max-width:600px;margin:0 auto}.drawing-intro-header{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(24px,5vw,36px);border-radius:24px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;width:100%}.drawing-intro-header h1{font-size:clamp(22px,5vw,28px);font-weight:800;color:#2d3748;margin:0 0 12px}.drawing-intro-header p{font-size:clamp(14px,3vw,16px);color:#4a5568;margin:0;font-weight:500}.drawing-intro-instructions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(20px,4vw,28px);border-radius:20px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;width:100%}.drawing-instructions-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.drawing-intro-instructions h3{font-size:clamp(16px,3.5vw,18px);font-weight:700;color:#2d3748;margin:0;text-align:center}.drawing-audio-button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4fc3f74d}.drawing-audio-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #4fc3f766}.drawing-audio-button:disabled{opacity:.7;cursor:not-allowed}.drawing-audio-button svg{width:22px;height:22px}.drawing-audio-button svg.playing{animation:pulse-audio 1s ease-in-out infinite}@keyframes pulse-audio{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.drawing-instruction-list{display:flex;flex-direction:column;gap:12px}.drawing-instruction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.drawing-instruction-number{width:28px;height:28px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;font-weight:700;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawing-instruction-item p{font-size:clamp(13px,3vw,15px);font-weight:500;color:#2d3748;margin:0}.drawing-intro-preview{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(16px,3vw,20px);border-radius:16px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;width:100%}.drawing-preview-colors{display:flex;align-items:center;justify-content:center;gap:12px}.drawing-preview-colors span{font-size:24px}.drawing-preview-palette{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.drawing-preview-swatch{width:36px;height:36px;border-radius:50%;border:3px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.drawing-start-button{border:none;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff;font-weight:700;font-size:clamp(16px,4vw,20px);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;cursor:pointer;box-shadow:0 16px 28px #22c55e47!important;transition:transform .2s ease,box-shadow .2s ease;min-width:200px}.drawing-start-button:hover{transform:translateY(-3px);box-shadow:0 20px 32px #22c55e52!important}.drawing-start-button:active{transform:translateY(-1px)}.set-completion-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:clamp(20px,4vw,40px);gap:clamp(24px,5vw,40px)}.completion-header{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(20px,4vw,32px);border-radius:24px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9}.completion-header h1{font-size:clamp(24px,6vw,32px);font-weight:800;color:#2d3748;margin:0 0 12px;text-align:center}.completion-header p{font-size:clamp(16px,4vw,18px);color:#4a5568;margin:0;font-weight:500}.score-display{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(24px,5vw,40px);border-radius:24px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(120px,25vw,160px);height:clamp(120px,25vw,160px);border-radius:50%;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 8px 32px #4fc3f74d;position:relative;margin:0 auto}.score-circle:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#ffffff26}.score-number{font-size:clamp(28px,6vw,36px);font-weight:800;z-index:1}.score-label{font-size:clamp(12px,3vw,14px);font-weight:600;opacity:.9;z-index:1}.completion-stats{display:flex;flex-direction:column;gap:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(20px,4vw,32px);border-radius:20px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;min-width:280px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-icon{font-size:20px;width:32px;text-align:center}.stat-text{font-size:14px;font-weight:600;color:#2d3748;flex:1}.completion-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.completion-actions .tool-button{width:100%;justify-content:center;padding:16px 24px;font-size:16px;font-weight:700}@media (hover: none){.coloring-image-card:hover{transform:none;box-shadow:0 8px 32px #00000014}.color-swatch:hover,.tool-button:hover{transform:none}}.drawing-speech-section{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fffffff2,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(20px,5vw,30px);box-shadow:0 -4px 20px #0000001a;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:16px}.drawing-speech-listening,.drawing-speech-error,.drawing-speech-waiting{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px}.drawing-mic-icon{font-size:clamp(40px,10vw,60px);color:#ff6b9d}.drawing-mic-icon.pulsing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.drawing-speech-text{font-size:clamp(16px,4vw,20px);color:#2d3748;text-align:center;margin:0;font-weight:600}.drawing-speech-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.drawing-speech-button{padding:12px 24px;font-size:clamp(14px,3.5vw,16px);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.drawing-speech-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.drawing-speech-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.drawing-speech-button.secondary{background:#e2e8f0;color:#2d3748}.drawing-speech-button.secondary:hover{background:#cbd5e0;transform:translateY(-2px)}@media (max-width: 600px){.drawing-speech-section{padding:clamp(16px,4vw,20px)}.drawing-mic-icon{font-size:clamp(35px,8vw,50px)}.drawing-speech-button{padding:10px 20px;font-size:14px}}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.mobile-content:has(.speech-cards-screen){overflow-x:hidden!important;overflow-y:auto!important}.speech-development-game{min-height:100vh;min-height:100svh;padding:calc(80px + env(safe-area-inset-top,0px)) clamp(14px,6vw,24px) calc(24px + env(safe-area-inset-bottom,0px)) clamp(16px,6vw,28px);background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),var(--cream);display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;overflow-y:visible;font-family:Comfortaa,sans-serif}.speech-development-game--intro{align-items:center;padding:80px clamp(24px,6vw,52px) clamp(24px,6vw,52px);background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.45) 0%,transparent 62%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.42) 0%,transparent 70%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.5) 0%,transparent 72%),var(--cream);overflow-x:hidden}.speech-game__frame{width:100%;max-width:850px;margin:0 auto;position:relative;z-index:1}.speech-cards-screen:not(.speech-cards-screen--intro) .speech-game__frame{padding-top:10px}.speech-game__layout--full{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:100%;margin:0 auto}.speech-game__layout--full .speech-game__board{max-width:850px;width:100%;margin:0 auto}.speech-game__board{background:#fffefd;border-radius:20px;padding:clamp(18px,5vw,24px);box-shadow:0 10px 22px #2c24420d;border:1px solid rgba(246,214,206,.4);display:flex;flex-direction:column;gap:clamp(16px,5vw,24px);flex:1 1 auto}.speech-game__panel-title{display:flex;align-items:center;gap:clamp(8px,2vw,14px)}.speech-game__category-badge{background:linear-gradient(135deg,#f6ccd499,#d4f0e780);color:var(--text-dark);padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:clamp(12px,3vw,16px);font-size:clamp(13px,2.8vw,15px);font-weight:600;text-align:left;margin-top:clamp(12px,3vw,16px);box-shadow:0 4px 12px #f6ccd440;font-family:Comfortaa,sans-serif}.speech-game__panel-hint{margin:0;font-size:14px;color:var(--text-muted);font-family:Comfortaa,sans-serif}.speech-game__card-display{background:#fffdfc;border-radius:18px;border:2px solid rgba(246,214,206,.4);padding:clamp(16px,4vw,28px);text-align:center;box-shadow:0 12px 20px #2c24420d;min-height:clamp(240px,35vh,420px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3vw,24px);flex:1;transition:border-color .2s ease,box-shadow .2s ease}.speech-game__card-image{width:clamp(140px,28vw,260px);height:clamp(140px,28vw,260px);border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f6ccd414;box-shadow:0 8px 16px #2c24420f;transition:transform .2s ease}.speech-game__card-image:hover{transform:scale(1.02)}.speech-game__card-image img{width:100%;height:100%;object-fit:cover}.speech-game__card-word{font-size:clamp(26px,5.5vw,36px);font-weight:800;color:var(--text-dark);margin:0;letter-spacing:-.01em}.speech-game__card-category{font-size:clamp(14px,3vw,17px);font-weight:500;color:var(--text-muted);margin:0}.speech-game__options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,16px);padding:clamp(8px,2vw,16px);width:100%;max-width:100%;box-sizing:border-box}.speech-game__option-wrapper{position:relative}.speech-game__option{width:100%;min-height:65px;border-radius:18px;border:2px solid rgba(246,214,206,.4);background:#fffdfc;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;box-shadow:0 12px 20px #2c24420d}.speech-game__option:active{transform:scale(.98)}.speech-game__option--correct{border-color:#22c55e;box-shadow:0 24px 32px #22c55e33}.speech-game__option--wrong{border-color:#fb7185;box-shadow:0 24px 32px #fb71852e}.speech-game__option--selected{border-color:var(--rose);box-shadow:0 16px 24px #f6ccd44d;transform:scale(.98)}.speech-game__option-content{width:100%;height:100%;display:flex;align-items:center;padding:2px;gap:8px}.speech-game__option-image{width:55px;height:55px;border-radius:12px;overflow:hidden;flex-shrink:0}.speech-game__option-image img{width:100%;height:100%;object-fit:cover}.speech-game__option-text{flex:1;text-align:left}.speech-game__option-word{font-size:18px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.speech-game__option-category{font-size:14px;color:var(--text-muted);margin:0}.speech-game__check-btn--green{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 16px 28px #22c55e47!important}.speech-game__check-btn--green:hover{box-shadow:0 20px 32px #22c55e52!important}.speech-game__feedback{text-align:center;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#f6ccd41a}.speech-game__feedback-title.is-success{color:#228b5d}.speech-game__feedback-title.is-error{color:#f97316}.speech-game__letter-feedback{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000;padding:20px 30px;border-radius:12px;font-weight:600;text-align:center;max-width:90%;box-shadow:0 8px 32px #0000004d;animation:fadeInOpacity .3s ease}.speech-game__letter-feedback.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.speech-game__letter-feedback.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.speech-game__letter-feedback-content{font-size:16px;line-height:1.4}@media (min-width: 640px){.speech-development-game{padding:clamp(32px,6vw,48px) clamp(20px,5vw,40px)}.speech-game__frame{max-width:850px}.speech-game__option{min-height:75px}}@media (min-width: 768px){.speech-game__frame{max-width:850px}.speech-game__board{padding:clamp(26px,3vw,36px);gap:clamp(20px,2vw,30px)}.speech-game__options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(18px,2.5vw,26px)}.speech-game__option{min-height:clamp(70px,10vw,85px)}}@media (min-width: 1080px){.speech-game__frame{max-width:850px}.speech-game__options{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 768px){.speech-development-game .speech-cards-screen,.speech-cards-screen:has(.speech-game__grid-wrapper){padding:0 4px!important}.speech-game__board{padding:8px 10px;gap:4px;margin-bottom:0;border-radius:12px 12px 0 0;border:1px solid rgba(246,214,206,.6);border-bottom:none;box-shadow:none}.speech-cards-screen .speech-game__layout--full .speech-game__board{background:transparent;border:none;box-shadow:none;padding:4px 6px;border-radius:0}.speech-game__question-panel{padding:4px 8px;gap:2px;flex-shrink:0}.speech-game__question-panel .speech-game__panel-counter{font-size:11px;padding:3px 8px}.speech-game__question-panel .speech-game__question-text{font-size:13px;margin:2px 0}.speech-game__panel-hint{font-size:11px;margin:1px 0}.speech-game__category-badge{padding:4px 10px;font-size:10px;margin-top:4px}.speech-game__progress{height:3px;margin-top:4px}.speech-game__layout--full{margin-bottom:0}.speech-game__frame{padding-bottom:0;margin-bottom:0;flex-shrink:0}.speech-game__image-grid{padding:6px;gap:6px;max-height:none;flex:1}.speech-game__grid-wrapper{margin-top:0;padding:6px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:0;border:none;box-shadow:none;min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto}.speech-game__grid-wrapper>div>h3{font-size:18px!important;margin-bottom:8px!important;font-weight:700!important}}@media (max-width: 480px){.speech-development-game{padding:calc(70px + env(safe-area-inset-top,0px)) 2px calc(16px + env(safe-area-inset-bottom,0px)) 2px}.speech-development-game--intro{padding:70px clamp(16px,4vw,24px) clamp(16px,4vw,24px)}.speech-game__card-image{width:100px;height:100px}.speech-game__option-content{padding:12px;gap:12px}.speech-game__option-image{width:60px;height:60px}.speech-game__option-word{font-size:16px}.speech-game__option-category{font-size:13px}.speech-game__card-display{min-height:clamp(180px,28vh,320px);padding:clamp(8px,2vw,16px);gap:clamp(8px,1.5vw,16px)}.speech-game__card-image{width:clamp(100px,22vw,180px);height:clamp(100px,22vw,180px)}.speech-game__card-selection{padding:12px 8px}.speech-game__card-selection h3{font-size:clamp(14px,3vw,18px);margin:0 0 12px}.speech-game__options{gap:8px;padding:4px}.speech-game__option{min-height:75px}.speech-game__option-content{padding:8px;gap:8px}.speech-game__option-image{width:45px;height:45px}.speech-game__option-word{font-size:13px}.speech-game__option-category{font-size:11px}}.speech-game__difficulty-selection{text-align:center;padding:20px}.speech-game__difficulty-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}.speech-game__difficulty-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;min-width:160px;text-align:left}.speech-game__difficulty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#d1d5db}.speech-game__card-selection{text-align:center;padding:0 12px 8px;width:100%;box-sizing:border-box}.speech-game__card-selection h3{font-size:clamp(14px,3vw,17px);margin:0 0 2px;padding:0 8px}.speech-game__description-input{text-align:center;padding:20px;max-width:90vw;margin:0 auto}.speech-game__description-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;margin:16px 0}.speech-game__description-textarea:focus{outline:none;border-color:var(--rose)}.speech-game__submit-btn{background:linear-gradient(135deg,var(--rose),var(--peach));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.speech-game__submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f6ccd466}.speech-game__submit-btn:disabled{opacity:.5;cursor:not-allowed}.speech-game__ai-result{text-align:center;padding:20px;max-width:90vw;margin:0 auto}.speech-game__ai-guess{margin:20px 0}.speech-game__ai-card{display:inline-block;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px}.speech-game__ai-card img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-bottom:8px}.speech-game__ai-card h4{margin:0;font-size:18px;color:var(--text-dark)}.speech-game__result-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.speech-game__result-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.speech-game__result-btn.correct{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.speech-game__result-btn.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.speech-game__result-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.speech-game__description-display{text-align:center;padding:4px 8px;margin-bottom:4px}.speech-game__description-box{background:#ffffffe6;border-radius:14px;padding:12px;box-shadow:0 8px 24px #0000001a;border:2px solid var(--rose);max-width:90vw;margin:0 auto}.speech-game__description-box h3{margin:0 0 8px;color:var(--text-dark);font-size:clamp(15px,3.2vw,18px);font-weight:700}.speech-game__description-text{font-size:clamp(15px,3vw,17px);color:var(--text-dark);font-weight:500;margin:8px 0;padding:10px;background:#f6ccd41a;border-radius:10px;border-left:3px solid var(--rose);font-style:italic}.speech-game__repeat-btn{background:linear-gradient(135deg,var(--mint),var(--peach));color:var(--text-dark);border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:6px}.speech-game__repeat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4f0e766}.speech-game__option--correct{background:#22c55e1a!important;border:2px solid #22c55e!important;transform:scale(1.02)!important;box-shadow:0 0 0 2px #22c55e!important}.speech-game__option--wrong{background:#ef44441a!important;border:2px solid #ef4444!important;transform:scale(.98)!important;box-shadow:0 0 0 2px #ef4444!important}.speech-game__option--disabled{opacity:.5!important;transform:scale(.95)!important}.speech-game__option:disabled{cursor:not-allowed}.speech-game__feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#f6ccd4f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 24px #00000026}.speech-game__feedback-title{font-size:clamp(20px,4vw,26px);font-weight:700;margin:0;color:var(--text-dark)}.speech-game__feedback-title.is-success{color:#16a34a}.speech-game__feedback-title.is-error{color:#dc2626}.speech-game__feedback-subtitle{margin:0;font-size:15px;color:var(--text-muted)}.speech-game__letter-display{text-align:center;padding:4px 8px;margin-bottom:4px}.speech-game__letter-box{background:#fffffff2;border-radius:16px;padding:12px;box-shadow:0 8px 24px #0000001a;border:2px solid var(--rose);max-width:400px;margin:0 auto}.speech-game__letter-title{margin:0 0 6px;color:var(--text-dark);font-size:clamp(16px,3.5vw,20px);font-weight:600}.speech-game__letter-big{font-size:clamp(48px,12vw,64px);font-weight:800;color:var(--rose);margin:8px 0;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Georgia,serif}.speech-game__letter-instruction{margin:6px 0 0;font-size:clamp(13px,2.8vw,15px);color:var(--text-muted);font-weight:500}@media (max-width: 480px){.speech-game__letter-big{font-size:60px}.speech-game__letter-title{font-size:20px}.speech-game__letter-feedback-content{font-size:14px}}.speech-game__instructions-container{max-width:600px;margin:0 auto;padding:clamp(20px,5vw,40px);background:#fffdfceb;border-radius:clamp(24px,6vw,34px);box-shadow:0 28px 60px #2c244229;border:1px solid rgba(246,214,206,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speech-game__instructions-icon{text-align:center;margin-bottom:clamp(24px,5vw,32px)}.speech-game__instructions-icon img{width:clamp(80px,18vw,120px);height:clamp(80px,18vw,120px);object-fit:contain;filter:drop-shadow(0 8px 16px rgba(246,204,212,.35))}.speech-game__instructions-list{display:flex;flex-direction:column;gap:clamp(16px,4vw,20px);margin-bottom:clamp(28px,6vw,36px)}.speech-game__instruction-item{display:flex;align-items:flex-start;gap:clamp(14px,3.5vw,18px);padding:clamp(16px,4vw,20px);background:#f6d6ce26;border-radius:clamp(14px,3.5vw,18px);border:1px solid rgba(246,214,206,.35);transition:transform .2s ease}.speech-game__instruction-item:hover{transform:translate(4px)}.speech-game__instruction-number{flex-shrink:0;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--peach));color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,3.8vw,19px);font-weight:700;box-shadow:0 8px 16px #f6ccd459}.speech-game__instruction-item p{margin:0;font-size:clamp(14px,3.2vw,16px);line-height:1.6;color:var(--text-dark);flex:1;padding-top:6px}.speech-game__start-game-btn{border:none;border-radius:999px;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;box-shadow:0 20px 36px #f78da73d;font-weight:700;font-size:clamp(15px,3.5vw,17px);display:inline-flex;align-items:center;gap:8px;padding:clamp(14px,3.5vw,16px) clamp(26px,6vw,32px);cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1;width:100%;justify-content:center}.speech-game__start-game-btn:hover{transform:translateY(-2px);box-shadow:0 26px 40px #f78da747}.speech-game__intro-card{width:min(960px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(22px,5vw,48px);background:#fffdfceb;border-radius:clamp(24px,6vw,34px);padding:clamp(28px,6vw,48px);box-shadow:0 28px 60px #2c244229;border:1px solid rgba(246,214,206,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speech-game__intro-hero{display:flex;align-items:center;justify-content:center}.speech-game__intro-art{position:relative;width:clamp(240px,40vw,360px);aspect-ratio:4 / 3;border-radius:clamp(30px,7vw,42px);background:linear-gradient(175deg,#ffe9e2e6,#fffbf9eb 70%);overflow:visible;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,26px);box-shadow:0 28px 48px #f4beb859}.speech-game__intro-art:after{content:"";position:absolute;bottom:-32%;left:-8%;width:120%;height:70%;border-radius:50%;background:radial-gradient(60% 80% at 50% 20%,#ffffffc7,#fff0 70%);pointer-events:none;display:none}.speech-game__intro-bubble{position:absolute;border-radius:50%;background:#ffffff47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speech-game__intro-bubble.is-one{width:clamp(58px,9vw,86px);height:clamp(58px,9vw,86px);top:clamp(16px,4vw,28px);left:clamp(18px,4vw,32px)}.speech-game__intro-bubble.is-two{width:clamp(88px,14vw,118px);height:clamp(88px,14vw,118px);bottom:clamp(14px,5vw,30px);right:clamp(18px,4vw,32px)}.speech-game__intro-stack{position:relative;display:grid;gap:clamp(14px,3vw,20px);transform:translateY(10px)}.speech-game__intro-stack img{width:clamp(130px,24vw,190px);border-radius:clamp(20px,5vw,26px);box-shadow:0 18px 36px #2c244224;border:4px solid rgba(255,255,255,.94);background:#fff}.speech-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-26px,4px)}.speech-game__intro-stack img:last-child{transform:translate(30px,-14px) rotate(9deg)}.speech-game__intro-body{display:flex;flex-direction:column;gap:clamp(14px,3vw,22px);color:var(--text-dark);text-align:left}.speech-game__intro-label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2c2442ad}.speech-game__intro-title{font-size:clamp(32px,4.5vw,44px);font-weight:800;margin:0}.speech-game__intro-subtitle{margin:0;font-size:clamp(16px,2.2vw,18px);color:#2c2442b8;line-height:1.6}.speech-game__intro-list{margin:0;padding:0;list-style:none;display:grid;gap:clamp(10px,2vw,14px)}.speech-game__intro-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:#2c2442bd}.speech-game__intro-list li:before{content:"";width:8px;height:8px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--mint))}.speech-game__intro-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;padding:14px 26px;border-radius:999px;border:none;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 20px 36px #f78da73d;transition:transform .2s ease,box-shadow .2s ease}.speech-game__intro-start:hover{transform:translateY(-2px);box-shadow:0 26px 40px #f78da747}.speech-game__intro-start:focus{outline:3px solid rgba(44,36,66,.24);outline-offset:4px}.speech-game__intro-start-icon{width:18px;height:18px}@media (max-width: 960px){.speech-game__intro-card{grid-template-columns:minmax(0,1fr);text-align:center}.speech-game__intro-hero{order:-1}.speech-game__intro-body{align-items:center}.speech-game__intro-start{align-self:center}}@media (max-width: 600px){.speech-cards-screen.speech-cards-screen--intro{padding:70px clamp(18px,6vw,28px) clamp(18px,6vw,28px)}.speech-game__intro-card{padding:clamp(22px,6vw,32px);gap:clamp(18px,5vw,28px)}.speech-game__intro-art{width:min(92vw,320px);padding:clamp(16px,5vw,22px);overflow:hidden}.speech-game__intro-art:after{left:-6%;width:112%;height:68%}.speech-game__intro-stack{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:clamp(8px,4vw,12px);transform:translateY(0)}.speech-game__intro-stack img{width:clamp(102px,36vw,142px)}.speech-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-12px,-2px)}.speech-game__intro-stack img:last-child{transform:translate(12px,-4px) rotate(6deg)}.speech-game__intro-list li{font-size:14px}}.language-card-grid{display:flex;flex-direction:column;gap:8px;padding-bottom:0}.speech-cards-screen .language-card{padding:14px!important;min-height:165px!important;display:flex;align-items:center;gap:12px!important;background:#fff;border-radius:16px!important;box-shadow:0 2px 8px #00000014!important;transition:all .2s ease;border:2px solid transparent!important;max-width:none!important}.speech-cards-screen .language-card:not(.smart-cards-custom-card):before,.speech-cards-screen .language-card:not(.smart-cards-custom-card):after{display:none!important}.speech-cards-screen .language-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001f!important;border-color:var(--language-card-accent, #FF6B9D)!important}.speech-cards-screen .language-card-body{flex:1;min-width:0}.speech-cards-screen .language-card:last-child{margin-bottom:0!important}.speech-cards-screen .language-card-icon{width:clamp(88px,22vw,110px)!important;height:clamp(88px,22vw,110px)!important;font-size:clamp(40px,10vw,50px)!important;flex-shrink:0!important}.speech-cards-screen .language-card-icon svg{width:clamp(48px,12vw,60px)!important;height:clamp(48px,12vw,60px)!important}.speech-cards-screen .language-card-icon img{width:100%;height:100%;object-fit:contain}.speech-cards-screen .language-card-title{font-family:Comfortaa,sans-serif!important;margin-bottom:4px!important;line-height:1.2!important;font-weight:700!important;color:#2d3748!important}.speech-cards-screen .language-card-description{font-family:Comfortaa,sans-serif!important;font-size:clamp(11px,3vw,14px)!important;margin-bottom:8px!important;line-height:1.4!important;color:#2f2644b3!important;display:block!important;text-align:left!important}.speech-cards-screen .language-card-meta{gap:8px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}.speech-cards-screen .language-chip{font-family:Comfortaa,sans-serif!important;font-size:clamp(9px,2.2vw,11px)!important;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,18px)!important;background:#0000000d;border-radius:8px;display:inline-flex;align-items:center;gap:4px}@media (max-width: 768px){.speech-cards-screen{padding:70px 8px calc(20px + env(safe-area-inset-bottom,0px))}.speech-cards-screen .header-content h1{font-size:24px!important}.speech-cards-screen .header-content p{font-size:14px!important}.language-card-grid{gap:0;padding-bottom:0}.speech-cards-screen .language-card{padding:14px!important;min-height:165px!important;gap:10px!important}.speech-cards-screen .language-card:last-child{margin-bottom:0!important}.speech-cards-screen .language-card-icon{width:clamp(80px,20vw,100px)!important;height:clamp(80px,20vw,100px)!important}.speech-cards-screen .language-card-icon svg{width:clamp(44px,11vw,55px)!important;height:clamp(44px,11vw,55px)!important}}.speech-game__grid-wrapper{position:relative;z-index:1;padding:0 8px 20px;max-width:850px;margin:0 auto;width:100%;flex:1;background:transparent;border-radius:0;box-shadow:none}.speech-cards-screen .speech-game__layout--full .speech-game__board{background:transparent;border:none;box-shadow:none;padding:clamp(8px,2vw,16px);gap:0}.speech-game__naming-category-box{background:#fff!important;border:2.5px dashed rgba(168,140,180,.35)!important;border-radius:clamp(14px,3.5vw,18px)!important;padding:clamp(16px,4vw,22px) clamp(12px,3vw,16px)!important;text-align:center;cursor:pointer;min-height:clamp(90px,22vw,110px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 10px #2c24420f}.speech-game__naming-category-box:hover,.speech-game__naming-category-box:active{transform:scale(1.04);border-color:var(--rose, #f6ccd4)!important;box-shadow:0 4px 16px #f6ccd459}.speech-game__naming-category-icon{width:clamp(52px,14vw,72px);height:clamp(52px,14vw,72px);margin-bottom:clamp(6px,1.5vw,10px);object-fit:contain}.speech-game__naming-category-label{font-size:clamp(15px,4vw,18px);font-weight:700;color:#2c2442;letter-spacing:.01em}.speech-game__naming-drag-hint{text-align:center;margin:clamp(8px,2vw,12px) 0;font-size:clamp(13px,3vw,15px);color:#2c244280;font-weight:600}.speech-game__naming-selected-card{max-width:clamp(220px,55vw,280px);margin:0 auto clamp(10px,2.5vw,14px);background:#fff;border-radius:clamp(14px,3.5vw,18px);padding:clamp(12px,3vw,16px);box-shadow:0 4px 18px #2c244214;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:all .2s ease}.speech-game__naming-selected-card.dragging{box-shadow:0 12px 32px #f6ccd480;opacity:.7;transform:scale(1.05);cursor:grabbing}.speech-game__naming-selected-card img{width:100%;height:clamp(130px,28vw,180px);object-fit:contain;border-radius:clamp(8px,2vw,12px)}.speech-game__naming-selected-card h3{text-align:center;margin-top:clamp(6px,1.5vw,8px);font-size:clamp(17px,4.5vw,21px);color:#2c2442;font-weight:700}.speech-game__image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:12px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}@media (max-width: 768px){.speech-game__image-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));max-height:none;flex:1}}.speech-game__grid-item{position:relative;width:100%;padding-bottom:100%;height:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.speech-game__grid-item:not(.completed):not(.selected):hover{transform:scale(1.05);box-shadow:0 4px 12px #f6ccd466}.speech-game__grid-item.completed{opacity:.5;cursor:not-allowed}.speech-game__grid-item.selected{border:3px solid var(--rose);box-shadow:0 4px 16px #f6ccd499}.speech-game__grid-item-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:8px}.speech-game__grid-item-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.speech-game__categorization{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),#fdf4f1;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:60px 20px 20px;overflow-y:auto}.speech-game__categorization-content{position:relative;background:#fff;border-radius:20px;padding:30px;max-width:800px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;overflow-y:auto;max-height:calc(100vh - 100px)}.speech-game__categorization-title{font-size:clamp(18px,4vw,24px);font-weight:700;color:var(--text-dark);margin-bottom:20px}.speech-game__categorization-card{background:var(--cream);border-radius:16px;padding:20px;margin-bottom:30px;border:3px solid var(--rose);cursor:grab;transition:all .3s ease}.speech-game__categorization-card:active{cursor:grabbing}.speech-game__categorization-card.dragging{opacity:.7;transform:rotate(5deg) scale(1.05)}.speech-game__categorization-card-image{width:80px;height:80px;margin:0 auto 15px;border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.speech-game__categorization-card-image img{width:100%;height:100%;object-fit:cover}.speech-game__categorization-card-name{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:5px}.speech-game__categorization-card-category{font-size:14px;color:var(--text-muted)}.speech-game__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.speech-game__category-box{background:var(--mint);border:3px dashed var(--text-muted);border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.speech-game__category-box.drag-over{border-color:var(--rose);background:var(--peach);transform:scale(1.05);box-shadow:0 8px 20px #f6ccd466}.speech-game__category-box.correct{border-color:#22c55e;background:#dcfce7;animation:correctPulse .6s ease}.speech-game__category-box.wrong{border-color:#ef4444;background:#fef2f2;animation:wrongShake .6s ease}.speech-game__category-icon{font-size:32px;margin-bottom:10px}.speech-game__category-name{font-size:16px;font-weight:600;color:var(--text-dark)}.speech-game__categorization-actions{display:flex;gap:15px;justify-content:center}.speech-game__skip-btn{background:var(--text-muted);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.speech-game__skip-btn:hover{background:var(--text-dark);transform:translateY(-2px)}.speech-game__category-feedback{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:clamp(20px,5vw,32px) clamp(28px,7vw,44px);border-radius:clamp(18px,4.5vw,24px);font-size:clamp(20px,5vw,28px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;z-index:1000;box-shadow:0 18px 44px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.speech-game__categorization-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.speech-game__categorization-card.dragging{opacity:.8;transform:rotate(3deg) scale(1.05);z-index:1000;pointer-events:none}.speech-game__category-box{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.speech-game__categorization-content{padding:20px;margin:10px}.speech-game__categories{grid-template-columns:repeat(2,1fr);gap:12px}.speech-game__category-box{padding:15px 10px;min-height:100px}.speech-game__category-icon{font-size:24px;margin-bottom:8px}.speech-game__category-name{font-size:14px}.speech-game__categorization-card-image{width:60px;height:60px}.speech-game__categorization-card{padding:15px;margin-bottom:20px}}.speech-game__categorization:has(.speech-game__basket-activity){padding:0;background:var(--cream, #fdf4f1)}.speech-game__categorization-content.speech-game__basket-activity{padding:4px 10px 120px;max-width:100%;max-height:100vh;border-radius:0;box-shadow:none;background:transparent;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.speech-game__basket-activity .speech-game__question-panel{padding:10px 14px;margin-bottom:10px;gap:4px}.speech-game__basket-activity .speech-game__question-text{font-size:clamp(13px,3.2vw,15px);margin:2px 0}.speech-game__basket-activity .speech-game__progress{height:6px;margin-top:4px}.speech-game__basket-container{background:linear-gradient(135deg,#fff5f7,#fffcfd);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 8px 24px #f6ccd433;border:2px solid var(--peach)}.speech-game__basket-header{text-align:center;margin-bottom:12px}.speech-game__basket-title{font-size:clamp(18px,4vw,22px);font-weight:700;color:var(--text-dark);margin-bottom:0;font-family:Comfortaa,sans-serif}.speech-game__basket{position:relative;width:100%;max-width:400px;height:300px;margin:0 auto;background:linear-gradient(to bottom,#f6e6d6,#e8d4c0);border:4px solid #8b6f47;border-radius:12px 12px 40px 40px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:20px;gap:10px;overflow:hidden;box-shadow:inset 0 -10px 20px #8b6f4733,0 8px 16px #0000001a}.speech-game__basket:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px dashed rgba(139,111,71,.3);border-radius:8px 8px 36px 36px;pointer-events:none}.speech-game__basket.empty:after{content:"🧺";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.3}.speech-game__basket-item{width:80px;height:80px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 8px #0000001a;animation:itemDrop .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.speech-game__basket-item img{width:100%;height:100%;object-fit:cover}@keyframes itemDrop{0%{transform:translateY(-100px) scale(.5) rotate(-10deg);opacity:0}60%{transform:translateY(10px) scale(1.1) rotate(5deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.speech-game__basket-full{text-align:center;margin-top:20px}.speech-game__basket-full-message{font-size:clamp(20px,5vw,28px);font-weight:700;color:var(--rose);margin-bottom:15px;animation:celebrate .6s ease;font-family:Comfortaa,sans-serif}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.speech-game__available-items{margin-top:16px}.speech-game__available-items-title{text-align:center;font-size:clamp(15px,3.5vw,18px);font-weight:600;color:var(--text-dark);margin-bottom:10px;font-family:Comfortaa,sans-serif}.speech-game__basket-mic-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0;padding-top:12px;border-top:2px dashed rgba(246,204,212,.4)}.speech-game__basket-mic-button{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #22c55e4d}.speech-game__basket-mic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #22c55e66}.speech-game__basket-mic-button.listening{background:linear-gradient(135deg,#ef4444,#dc2626);animation:micPulse 1.5s ease-in-out infinite;box-shadow:0 8px 24px #ef444466}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.speech-game__basket-mic-hint{font-size:14px;font-weight:600;color:#6b7280;margin:0;font-family:Comfortaa,sans-serif}.speech-game__basket-mic-hint.listening{color:#ef4444}.speech-game__basket-mic-transcript{font-size:12px;color:#9ca3af;font-style:italic;margin:0;font-family:Comfortaa,sans-serif}.speech-game__items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;max-width:600px;margin:0 auto}.speech-game__item-card{background:#fff;border-radius:16px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 12px #00000014}.speech-game__item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #f6ccd44d;border-color:var(--rose)}.speech-game__item-card.collected{opacity:.3;pointer-events:none;border-color:#22c55e}.speech-game__item-card-image{width:80px;height:80px;margin:0 auto 10px;border-radius:12px;overflow:hidden;background:var(--cream);display:flex;align-items:center;justify-content:center}.speech-game__item-card-image img{width:100%;height:100%;object-fit:cover}.speech-game__item-card-name{font-size:14px;font-weight:600;color:var(--text-dark);font-family:Comfortaa,sans-serif}.speech-game__basket-actions{display:flex;gap:15px;justify-content:center;margin-top:16px}.speech-game__basket-skip-btn,.speech-game__basket-next-btn{border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Comfortaa,sans-serif}.speech-game__basket-skip-btn{background:#f6ccd426;color:var(--text-dark);border:1px solid rgba(246,214,206,.4);box-shadow:0 4px 12px #2c24420d}.speech-game__basket-skip-btn:hover{background:#f6ccd44d;transform:translateY(-2px);box-shadow:0 6px 16px #2c24421a}.speech-game__basket-next-btn{background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;box-shadow:0 12px 24px #f78da74d}.speech-game__basket-next-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #f78da766}@media (max-width: 768px){.speech-game__categorization-content.speech-game__basket-activity{padding:6px 10px 140px;max-height:100vh}.speech-game__basket-container{padding:14px;margin-bottom:8px}.speech-game__basket{max-width:300px;height:220px;padding:12px}.speech-game__basket-item{width:60px;height:60px}.speech-game__items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.speech-game__item-card{padding:10px}.speech-game__item-card-image{width:60px;height:60px}.speech-game__item-card-name{font-size:12px}.speech-game__basket-mic-button{width:70px;height:70px;font-size:36px}.speech-game__available-items{margin-top:10px}}.speech-game__basket.full{animation:basketCelebrate .8s ease}@keyframes basketCelebrate{0%,to{transform:scale(1)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(1.05) rotate(-2deg)}}.playful-panel{--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--text-dark: #2c2442;background:#ffffffbf;border-radius:20px;padding:clamp(12px,3vw,16px);border:none;display:flex;flex-direction:column;gap:clamp(10px,2.5vw,14px);box-shadow:0 2px 12px #2c24420a;flex-shrink:0}.playful-panel__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.playful-panel__badge{display:inline-flex;align-items:baseline;gap:2px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--rose),var(--peach));box-shadow:0 4px 12px #f6ccd466}.playful-panel__badge-number{font-size:clamp(20px,5vw,26px);font-weight:800;color:#fff;line-height:1}.playful-panel__badge-total{font-size:clamp(12px,3vw,14px);font-weight:600;color:#ffffffbf;line-height:1}.playful-panel__speaker{width:auto;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#a8e6cf,#88d8a8);color:#fff;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 4px 14px #a8e6cf66;transition:transform .2s ease}.playful-panel__speaker:active{transform:scale(.93)}.playful-panel__speaker-label{font-size:clamp(13px,3vw,15px);font-weight:700;letter-spacing:.02em}.playful-panel__speaker svg{width:20px;height:20px}.playful-panel__extra{display:flex;align-items:center;gap:8px}.playful-panel__bubble{position:relative;background:#fff;border-radius:18px;padding:clamp(14px,3vw,18px) clamp(16px,4vw,22px);border:2px solid rgba(246,204,212,.35);box-shadow:0 4px 16px #2c24420f;text-align:center}.playful-panel__bubble-tail{position:absolute;bottom:-10px;left:30px;width:20px;height:20px;background:#fff;border-right:2px solid rgba(246,204,212,.35);border-bottom:2px solid rgba(246,204,212,.35);transform:rotate(45deg);z-index:0}.playful-panel__question{font-size:clamp(18px,4.5vw,24px);font-weight:700;color:var(--text-dark);margin:0;line-height:1.4;text-align:center}.playful-panel__mascot-row{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:0 4px}.playful-panel__mascot-icon{width:clamp(40px,10vw,52px);height:clamp(40px,10vw,52px);flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(44,36,66,.12))}.playful-panel__progress{flex:1;position:relative;display:flex;align-items:center;min-width:0;padding:6px 0}.playful-panel__progress-track{width:100%;height:clamp(12px,3vw,16px);border-radius:999px;background:#f6d6ce59;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.playful-panel__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f6ccd4,#f8e0d7,gold,#a8e6cf);background-size:200% 100%;box-shadow:0 2px 8px #f6ccd466;min-width:4px}.playful-panel__progress-star{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:clamp(24px,7vw,32px);line-height:1;filter:drop-shadow(0 2px 4px rgba(255,193,7,.5));z-index:3;pointer-events:none}@media (max-width: 768px){.playful-panel{padding:12px;border-radius:18px;margin:0}.playful-panel__badge{padding:6px 14px}.playful-panel__speaker{padding:8px 14px}.playful-panel__bubble{padding:12px 16px}.playful-panel__bubble-tail{width:16px;height:16px;bottom:-8px;left:24px}.playful-panel__mascot-icon{width:40px;height:40px}}@media (max-width: 480px){.playful-panel__badge{padding:5px 12px}.playful-panel__badge-number{font-size:18px}.playful-panel__speaker{padding:7px 12px;gap:6px}.playful-panel__speaker-label{font-size:12px}.playful-panel__mascot-icon{width:36px;height:36px}.playful-panel__progress-star{font-size:22px}}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.phonological-game-screen{min-height:100vh;padding:60px clamp(16px,4vw,32px) calc(24px + env(safe-area-inset-bottom,0px));background:#fef7f4;display:flex;flex-direction:column;width:100vw;font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.phonological-game-screen .language-layout{padding:0!important;flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.phonological-game-screen .speech-game__back-btn{flex-shrink:0}.phonological-game-screen .language-layout{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}}.phonological-game-frame{width:100%;margin:-40px auto 0;padding:0;overflow:visible;min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.phonological-game-container{max-width:900px;width:100%;height:clamp(450px,75vh,680px);background:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:none;display:block;overflow:visible;min-height:auto;margin:0 auto 4px}.card-display{width:100%;background:#fff;border-radius:18px;border:none;padding:0;text-align:center;box-shadow:0 12px 20px #2c24420d;height:clamp(350px,50vh,500px);max-height:500px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;margin-bottom:4px;overflow:hidden;box-sizing:border-box}.card-display.quiz-mode{height:clamp(400px,50vh,600px);max-height:600px;padding:clamp(16px,3vw,24px);align-items:center;justify-content:center;gap:clamp(12px,2vw,24px)}.card-image-wrapper{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;border-radius:0!important}.card-image-wrapper:hover{transform:scale(1.02)}.card-image-wrapper img{max-width:85%;max-height:85%;object-fit:contain;object-position:center;display:block;border-radius:0!important;margin:auto}.syllables-container{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.syllable-button{background:linear-gradient(135deg,#4fc3f7,#00b0ff);color:#fff;border:none;border-radius:20px;padding:15px 30px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4fc3f74d;min-width:100px}.syllable-button:hover{box-shadow:0 6px 20px #4fc3f780}.syllables-display{display:flex;justify-content:center;gap:8px;margin:0;flex-wrap:wrap}.syllable-box{background:#f3f4f6;border:2px solid #E5E7EB;border-radius:12px;padding:8px 14px;font-size:clamp(18px,4.5vw,24px);font-weight:700;color:#2d3748;min-width:50px;text-align:center;transition:background .3s ease,border-color .3s ease,color .3s ease;line-height:1}.syllable-box.hidden{background:linear-gradient(135deg,#ffd93d,#ffb800);color:#fff;border-color:#ffd93d;animation:pulse 2s ease-in-out infinite}.syllable-box.active{background:linear-gradient(135deg,#ff6b9d,#f50057);color:#fff;border-color:#ff6b9d}.syllable-box.correct-filled{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border-color:#4caf50;animation:none}.syllable-drop-target{cursor:pointer;transition:all .2s ease}.syllable-drop-target.drag-over{transform:scale(1.15);background:linear-gradient(135deg,#7fdbda,#4fc3f7)!important;border-color:#4fc3f7!important;box-shadow:0 0 20px #4fc3f799}.option-button.dragging{opacity:.5;transform:scale(.95)}.option-button{cursor:grab;user-select:none;-webkit-user-select:none}.option-button:active{cursor:grabbing}@keyframes correctPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.quiz-options{display:flex;justify-content:center;gap:8px;margin-top:0;flex-wrap:wrap}.option-button{background:#fff;border:2px solid #E5E7EB;border-radius:14px;padding:10px 20px;font-size:clamp(18px,5vw,24px);font-weight:700;color:#2d3748;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;min-width:70px;min-height:65px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1}.option-button:hover:not(:disabled){transform:translateY(-4px);border-color:#4fc3f7;box-shadow:0 8px 20px #4fc3f74d}.option-button.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.option-button.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;animation:shake .5s}.option-button:disabled{cursor:not-allowed;opacity:.7}.option-button.letter-option{font-size:48px;min-width:100px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.feedback{text-align:center;margin-top:0;padding:10px;border-radius:12px;font-size:clamp(15px,3.5vw,18px);font-weight:700;line-height:1.2}.feedback.correct{background:#d1fae5;color:#059669}.feedback.incorrect{background:#fee2e2;color:#dc2626}.card-thumbnail-image{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#f9fafb}.language-card-grid{display:flex;flex-direction:column;gap:8px;padding-bottom:0;width:100%;max-width:100%}.language-card{padding:10px!important;min-height:auto!important}.language-card:last-child{margin-bottom:0!important}.language-card-icon{width:50px!important;height:50px!important;font-size:24px!important}.language-card-icon svg{width:28px!important;height:28px!important}@media (max-width: 768px){.phonological-game-screen{height:100vh;padding:0 12px calc(8px + env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column}.phonological-game-frame{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0;overflow:hidden;margin-top:0}.phonological-game-container{flex:none;display:flex;flex-direction:column;min-height:0;overflow:visible}.card-display.quiz-mode{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow:hidden;height:auto;max-height:none;gap:6px;padding:8px;box-shadow:none}.card-image-wrapper{flex:1;min-height:60px;max-height:35vh;display:flex;align-items:center;justify-content:center;box-shadow:none;background:transparent}.card-image-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.syllables-display,.quiz-options{flex-shrink:0}.phonological-game-container{padding:8px;max-width:900px;border-radius:16px}.speech-game__question-panel{padding:8px 12px;gap:2px;flex-shrink:0}.speech-game__question-panel .speech-game__panel-counter{font-size:12px;padding:4px 10px}.speech-game__question-panel .speech-game__question-text{font-size:14px;margin:4px 0}.card-display{min-height:0;height:auto;max-height:none;padding:0;flex:1;box-shadow:none;border:none;background:transparent}.syllable-box{font-size:clamp(16px,2.5vh,26px);padding:clamp(6px,1vh,12px) clamp(12px,1.5vh,18px);min-width:clamp(45px,7vh,70px)}.option-button{font-size:clamp(16px,2.5vh,28px);padding:clamp(6px,1vh,14px) clamp(12px,2vh,24px);min-width:clamp(50px,8vh,90px);min-height:clamp(44px,7vh,75px)}.option-button.letter-option{font-size:clamp(22px,4vh,48px);min-width:clamp(55px,9vh,100px)}.feedback{font-size:clamp(13px,3.2vw,16px);padding:8px}.speech-cards-screen{padding:70px 6px 0}.speech-cards-header{margin-bottom:clamp(16px,4vw,24px)!important;margin-top:0!important;padding:0!important}.language-card-grid{gap:6px;padding-bottom:0}.language-card{padding:8px!important}.language-card:last-child{margin-bottom:0!important}.language-card-icon{width:45px!important;height:45px!important}.language-card-icon svg{width:24px!important;height:24px!important}.card-thumbnail-nav{gap:6px;margin-top:4px;padding:0;flex-shrink:0}.card-thumbnail-btn{min-width:clamp(80px,12vh,120px);padding:clamp(4px,.6vh,8px);gap:clamp(4px,.6vh,8px)}.card-thumbnail-image{width:clamp(44px,7vh,80px);height:clamp(44px,7vh,80px)}.card-thumbnail-arrow{width:clamp(26px,4vh,40px);height:clamp(26px,4vh,40px)}.card-thumbnail-arrow svg{width:clamp(14px,2vh,24px);height:clamp(14px,2vh,24px)}}@media (min-width: 768px) and (max-width: 1024px){.phonological-game-screen{padding:50px clamp(24px,5vw,48px) 10px;min-height:100vh;display:flex;flex-direction:column}.phonological-game-frame{flex:1;display:flex;flex-direction:column;margin-top:0}.phonological-game-container{flex:1;height:auto;max-height:none;max-width:850px;padding:clamp(24px,4vw,36px);display:flex;flex-direction:column}.speech-game__question-text{font-size:24px!important}.speech-game__panel-counter{font-size:18px!important;padding:12px 28px!important}.card-display{height:clamp(400px,55vh,500px)}.card-image-wrapper img{max-height:280px}.syllable-box{font-size:32px!important;padding:14px 24px!important;min-width:80px!important}.syllables-display{gap:16px}.option-button{font-size:28px!important;padding:16px 28px!important;min-width:100px!important;min-height:80px!important}.quiz-options{gap:16px}.feedback{font-size:20px!important}.card-thumbnail-btn{min-width:140px;padding:12px}.card-thumbnail-image{width:80px;height:80px}.card-thumbnail-arrow{width:48px;height:48px}.card-thumbnail-arrow svg{width:28px;height:28px}.syllable-button{font-size:36px!important;padding:18px 36px!important;min-width:120px!important}}.action-game{height:100vh;min-height:100vh;max-height:100vh;padding:0 clamp(8px,3vw,16px) calc(8px + env(safe-area-inset-bottom,0px)) clamp(8px,3vw,16px);--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6);--accent-purple: #667eea;--accent-purple-dark: #764ba2;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);display:flex;justify-content:center;align-items:flex-start;overflow:hidden;box-sizing:border-box}.action-game--intro{align-items:center;padding:80px clamp(24px,6vw,52px) clamp(24px,6vw,52px);background:#fff;overflow-x:hidden}.action-game__back-btn{position:fixed;top:calc(20px + env(safe-area-inset-top,0px));left:20px;background:transparent;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100;color:#2c2442;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.action-game__back-btn:hover{background:#0000000d;transform:scale(1.1)}.action-game__back-btn:active{background:#f6ccd4;transform:scale(.95)}.action-game__back-btn svg{width:20px;height:20px;pointer-events:none}@media (max-width: 480px){.action-game__back-btn svg{width:23px;height:23px}}.action-game__intro-card{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(22px,5vw,48px);background:#fffdfceb;border-radius:clamp(24px,6vw,34px);padding:clamp(28px,6vw,48px);box-shadow:0 28px 60px #2c244229;border:1px solid rgba(246,214,206,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-game__intro-hero{display:flex;align-items:center;justify-content:center}.action-game__intro-art{position:relative;width:clamp(240px,40vw,360px);aspect-ratio:4 / 3;border-radius:clamp(30px,7vw,42px);background:linear-gradient(175deg,#ffe9e2e6,#fffbf9eb 70%);overflow:visible;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,26px);box-shadow:0 28px 48px #f4beb859}.action-game__intro-art:after{content:"";position:absolute;bottom:-32%;left:-8%;width:120%;height:70%;border-radius:50%;background:radial-gradient(60% 80% at 50% 20%,#ffffffc7,#fff0 70%);pointer-events:none}.action-game__intro-bubble{position:absolute;border-radius:50%;background:#ffffff47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-game__intro-bubble.is-one{width:clamp(58px,9vw,86px);height:clamp(58px,9vw,86px);top:clamp(16px,4vw,28px);left:clamp(18px,4vw,32px)}.action-game__intro-bubble.is-two{width:clamp(88px,14vw,118px);height:clamp(88px,14vw,118px);bottom:clamp(14px,5vw,30px);right:clamp(18px,4vw,32px)}.action-game__intro-stack{position:relative;display:grid;gap:clamp(14px,3vw,20px);transform:translateY(10px)}.action-game__intro-stack img{width:clamp(130px,24vw,190px);border-radius:clamp(20px,5vw,26px);box-shadow:0 18px 36px #2c244224;border:4px solid rgba(255,255,255,.94);background:#fff}.action-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-26px,4px)}.action-game__intro-stack img:last-child{transform:translate(30px,-14px) rotate(9deg)}.action-game__intro-body{display:flex;flex-direction:column;gap:clamp(14px,3vw,22px);color:var(--text-dark)}.action-game__intro-label{font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2c2442ad}.action-game__intro-title{font-size:18px;font-weight:800;margin:0}.action-game__intro-subtitle{margin:0;font-size:18px;color:#2c2442b8;line-height:1.6}.action-game__intro-list{margin:0;padding:0;list-style:none;display:grid;gap:clamp(10px,2vw,14px)}.action-game__intro-list li{display:flex;align-items:flex-start;gap:10px;font-size:18px;color:#2c2442bd}.action-game__intro-list li:before{content:"";width:8px;height:8px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--mint))}.action-game__intro-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;padding:14px 26px;border-radius:999px;border:none;background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 20px 36px #f78da73d;transition:transform .2s ease,box-shadow .2s ease}.action-game__intro-start:hover{transform:translateY(-2px);box-shadow:0 26px 40px #f78da747}.action-game__intro-start:focus{outline:3px solid rgba(44,36,66,.24);outline-offset:4px}.action-game__intro-start-icon{width:18px;height:18px}@media (max-width: 960px){.action-game__intro-card{grid-template-columns:minmax(0,1fr);text-align:center}.action-game__intro-hero{order:-1}.action-game__intro-body{align-items:center}.action-game__intro-start{align-self:center}}.action-game__frame{width:100%;max-width:1000px;margin:0 auto;max-height:100%;display:flex;flex-direction:column;justify-content:center}.action-game:not(.action-game--intro) .action-game__frame{padding-top:0}.action-game--complete .action-game__complete-card{padding-top:0}.action-game__layout{display:flex;flex-direction:column;gap:10px;justify-content:center}.action-game__board{background:#ffffffeb;border-radius:24px;padding:clamp(12px,2.5vw,20px);box-shadow:0 12px 40px #2c244212;border:1px solid rgba(246,214,206,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:clamp(10px,2vw,14px);flex:1 1 auto;overflow-y:auto}.action-game__question-panel{background:#ffffffd9;border-radius:20px;padding:clamp(10px,2.5vw,16px);border:1px solid rgba(246,214,206,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:clamp(6px,1.2vw,8px)}.action-game__panel-top{display:flex;align-items:center;justify-content:flex-start;gap:12px}.action-game__panel-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-left:24px;border-radius:999px;background:#f6d6ce73;color:var(--text-dark);font-size:18px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.action-game__panel-speaker{width:44px;height:44px;border-radius:14px;border:none;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #f6d6ce59;transition:transform .2s ease}.action-game__panel-speaker:hover{transform:translateY(-2px)}.action-game__speak-icon{width:22px;height:22px}.action-game__panel-title{display:flex;align-items:center;gap:clamp(8px,2vw,14px)}.action-game__question-text{font-size:18px;font-weight:700;color:var(--text-dark);margin:0;word-break:break-word}.action-game__panel-hint{display:none}.action-game__progress{width:100%;height:8px;border-radius:999px;background:#f6d6ce59;overflow:hidden}.action-game__progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--peach))}.action-game__options{display:flex;flex-direction:column;gap:16px}.action-game__option-wrapper{position:relative}.action-game__option{width:100%;min-height:160px;border-radius:20px;border:2px solid rgba(246,214,206,.3);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 6px 20px #2c24420f;position:relative}.action-game__option:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #2c24421f;border-color:#667eea4d}.action-game__option.is-hoverable:active{transform:scale(.97)}.action-game__option--correct{border-color:#22c55e;box-shadow:0 0 24px #22c55e40,0 12px 32px #22c55e26;animation:game-correct-bounce .6s ease}.action-game__option--wrong{border-color:#fb7185;box-shadow:0 0 20px #fb718533,0 12px 32px #fb71851f;animation:game-shake .5s ease}.action-game__option-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2px}.action-game__option-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.action-game__option-image img.is-muted{filter:grayscale(100%);opacity:.45}.action-game__option-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:20px;pointer-events:none}.action-game__option-overlay.is-correct{background:#22c55e47}.action-game__option-overlay.is-wrong{background:#fb71854d}.action-game__option-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;color:inherit;box-shadow:0 12px 24px #0f172a1f;font-size:18px}.action-game__option-label{position:absolute;top:10px;left:10px;padding:6px 12px;background:#f6d6ced9;color:var(--text-dark);font-weight:600;font-size:18px;border-radius:12px}.action-game__feedback{display:none}.action-game__controls{margin-top:clamp(10px,4vw,18px);display:flex;justify-content:center}.action-game__skip{border:none;border-radius:999px;background:linear-gradient(135deg,#ffa94d,#ff6fbf);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;cursor:pointer;box-shadow:0 16px 28px #ffab9e47;transition:transform .2s ease,box-shadow .2s ease}.action-game__skip:hover{transform:translateY(-2px);box-shadow:0 20px 32px #ffab9e52}.action-game__skip svg{width:20px;height:20px}.action-game__feedback-title{font-size:18px;font-weight:700;margin:0;color:var(--text-dark)}.action-game__feedback-title.is-success{color:#228b5d}.action-game__feedback-title.is-error{color:#f97316}.action-game__feedback-subtitle{margin:0;font-size:18px;color:var(--text-muted)}.action-game__sidebar{display:none}.action-game__info-card{border-radius:18px;padding:18px;background:#fffdfc;border:1px solid rgba(246,214,206,.4);box-shadow:0 10px 18px #2c24420a;display:flex;flex-direction:column;gap:8px}.action-game__sidebar:before{content:"";width:48px;height:4px;border-radius:12px;background:#2c24422e;margin:0 auto 8px}@media (min-width: 640px){.action-game{padding:0 clamp(12px,3vw,20px) calc(8px + env(safe-area-inset-bottom,0px)) clamp(12px,3vw,20px)}.action-game__frame{max-width:1000px}.action-game__option{min-height:190px}.action-game__sidebar:before{display:none}}@media (min-width: 768px){.action-game__frame{max-width:1000px}.action-game__layout{flex-direction:row;align-items:center;gap:clamp(16px,3vw,24px)}.action-game__board{flex:1 1 0;padding:clamp(12px,2vw,20px);gap:clamp(10px,1.5vw,16px)}.action-game__question-panel{padding:clamp(10px,2vw,16px)}.action-game__question-text{font-size:18px}.action-game__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,2vw,18px)}.action-game__option{min-height:clamp(180px,16vw,220px)}.action-game__option-label{top:-12px;left:-8px;color:#fff}.action-game__sidebar{flex:0 0 clamp(260px,28vw,320px);position:sticky;top:clamp(32px,5vw,80px);gap:clamp(12px,2vw,18px)}.action-game__info-card{gap:8px}}@media (min-width: 1080px){.action-game__frame{max-width:1100px}.action-game__options{grid-template-columns:repeat(3,minmax(220px,1fr))}}.action-game__info-card h3{margin:0;font-size:18px;font-weight:700;color:var(--text-dark)}.action-game__info-card p{margin:0;font-size:18px;color:var(--text-muted);line-height:1.45}.action-game__info-badge{align-self:flex-start;margin-top:6px;padding:6px 14px;border-radius:999px;background:#f6d6ce8c;color:var(--text-dark);font-size:18px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.action-game--complete{min-height:calc(100vh - var(--top-bar-height, 0px));display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,48px);background:linear-gradient(175deg,#faf5ff,#f0f4ff,#fdf4f1)}.action-game__complete-card{background:#fffffff2;border-radius:28px;padding:clamp(32px,6vw,48px);text-align:center;box-shadow:0 20px 60px #2c24421a;border:1px solid rgba(246,214,206,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:420px;width:100%}.action-game__complete-icon{width:clamp(64px,12vw,88px);height:clamp(64px,12vw,88px);margin:0 auto 16px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--rose);color:#fff;box-shadow:0 14px 24px #f6d6ce52;font-size:18px}.action-game__complete-title{font-size:clamp(22px,5vw,28px);font-weight:800;background:linear-gradient(135deg,var(--accent-purple, #667eea),var(--accent-purple-dark, #764ba2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.action-game__complete-message{margin:0;font-size:18px;color:var(--text-muted)}.action-game__complete-meta{margin:16px 0 24px;font-size:18px;color:var(--text-muted)}.action-game__complete-actions{display:flex;justify-content:center}.action-game__primary-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent-purple, #667eea),var(--accent-purple-dark, #764ba2));color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 12px 28px #667eea4d;transition:all .3s ease}.action-game__primary-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 36px #667eea59}.action-game__primary-button-icon{width:20px;height:20px}@media (max-width: 1024px){.action-game__layout{grid-template-columns:1fr}.action-game__sidebar{flex-direction:row;flex-wrap:wrap}.action-game__info-card{flex:1 1 240px;min-width:220px}}@media (max-width: 768px){.action-game{padding:calc(60px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff)}.action-game__frame{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.action-game__layout{flex:1;min-height:0}.action-game__board{padding:0;background:transparent;border:none;box-shadow:none;gap:20px;justify-content:space-evenly}.action-game__question-panel{flex-shrink:0;padding:19px;background:transparent;border:none;gap:10px}.action-game__panel-top{justify-content:flex-start;gap:10px}.action-game__panel-counter{margin-left:0;padding:10px 20px;background:#f6ccd459;border-radius:999px;font-size:16px;font-weight:700}.action-game__panel-speaker{width:52px;height:52px;border-radius:14px;background:#f6a5b8}.action-game__question-text{font-size:22px;font-weight:700;color:#2c2442;margin-top:8px}.action-game__progress{height:6px;background:#f6ccd44d;margin:8px 0}.action-game__category-badge,.action-game__info-badge{width:100%;text-align:center;padding:14px 20px;background:linear-gradient(135deg,#667eea1a,#764ba214);color:var(--accent-purple, #667eea);border-radius:12px;font-size:16px;font-weight:700;margin:4px 0 8px}.action-game__sidebar{display:none}.action-game__options{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.action-game__option{min-height:180px;height:auto;aspect-ratio:1 / 1.1;width:100%;background:#fff;border:1px solid rgba(230,220,215,.6);border-radius:16px!important;box-shadow:0 2px 8px #0000000a}.action-game__option-image{padding:8px}.action-game__controls{margin-top:16px}.action-game__skip{padding:14px 32px;font-size:17px;border-radius:999px;background:linear-gradient(135deg,#f78da7,#f7a07b);box-shadow:0 8px 20px #f78da74d}}@media (max-width: 480px){.action-game{padding:calc(55px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px))}.action-game__panel-top{align-items:center;gap:8px}.action-game__panel-counter{padding:8px 16px;font-size:14px}.action-game__panel-speaker{width:48px;height:48px}.action-game__question-text{font-size:20px}.action-game__option{min-height:150px;border-radius:14px!important}.action-game__skip{padding:12px 28px;font-size:16px}}.action-game__intro-card--demo{grid-template-columns:1fr;max-width:1100px}.action-game__intro-card--demo .action-game__intro-hero{display:none}.category-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,4vw,28px);margin-top:clamp(24px,5vw,36px)}.category-card{background:linear-gradient(145deg,#fffffff2,#faf5f2e6);border-radius:clamp(16px,3.5vw,22px);padding:clamp(24px,5vw,32px);border:2px solid rgba(246,204,212,.4);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #2c244214;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(14px,3vw,18px)}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2c244224;border-color:#f6ccd4b3}.category-card__icon{width:var(--game-icon-size);height:var(--game-icon-size);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,18px)}.category-card__icon img{width:100%;height:100%;object-fit:contain}.category-card__name{font-size:20px;font-weight:700;color:var(--text-dark);margin:0}.category-card__description{font-size:16px;color:var(--text-muted);margin:0;line-height:1.5}.action-game__category-badge{background:linear-gradient(135deg,#667eea1f,#764ba21a);color:var(--accent-purple, #667eea);padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:clamp(12px,3vw,16px);font-size:18px;font-weight:700;text-align:center;margin-top:clamp(12px,3vw,16px);box-shadow:0 4px 16px #667eea1f}.action-game__intro-exit{position:absolute;top:clamp(20px,4vw,32px);left:clamp(20px,4vw,32px);width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);border-radius:50%;background:#ffffffe6;border:1px solid rgba(246,204,212,.4);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-dark);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #2c24421a;z-index:10}.action-game__intro-exit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #2c244226}.action-game__intro-exit:active{transform:translateY(0)}.action-game__mic-section{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px);margin-top:clamp(12px,3vw,16px);padding-top:clamp(12px,3vw,16px);border-top:2px dashed rgba(246,204,212,.4)}.action-game__mic-button{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:clamp(14px,3.5vw,18px) clamp(28px,6vw,40px);background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;border:none;border-radius:clamp(16px,4vw,22px);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #f78da766}.action-game__mic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #f6ccd480}.action-game__mic-button:disabled{opacity:.6;cursor:not-allowed}.action-game__mic-button.listening{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef5350,#e91e63)}.action-game__mic-button svg{font-size:18px}.action-game__mic-hint{display:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-game__memory-hint{font-size:18px;color:var(--text-muted);text-align:center;margin:clamp(12px,3vw,16px) 0;line-height:1.6}.action-game__memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3vw,18px);margin-top:clamp(16px,3vw,24px);padding:8px}.action-game__memory-card{position:relative;width:100%;max-width:none;aspect-ratio:3 / 3.5;background:#fff;border-radius:clamp(14px,3vw,18px);border:3px solid rgba(246,204,212,.3);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #2c24421a}.action-game__memory-card:hover:not(.selected){transform:translateY(-4px);box-shadow:0 10px 24px #2c244226;border-color:#f6ccd499}.action-game__memory-card.selected{border-color:#66bb6acc;box-shadow:0 8px 20px #66bb6a4d}.action-game__memory-card-image{width:100%;height:100%;object-fit:cover;padding:clamp(8px,2vw,12px)}.action-game__memory-card-number{position:absolute;top:clamp(8px,2vw,12px);right:clamp(8px,2vw,12px);width:clamp(32px,7vw,44px);height:clamp(32px,7vw,44px);background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 12px #66bb6a66}.action-game__reset-order{display:flex;align-items:center;gap:clamp(8px,2vw,10px);padding:clamp(10px,2.5vw,14px) clamp(20px,4vw,28px);background:#ef53501a;color:#d32f2f;border:2px solid rgba(239,83,80,.3);border-radius:clamp(12px,3vw,16px);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:clamp(20px,4vw,28px);align-self:center}.action-game__reset-order:hover{background:#ef535026;border-color:#ef535080}.action-game__reset-order svg{font-size:18px}.action-game__options--two{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto}@media (max-width: 768px){.category-selection{grid-template-columns:1fr}.action-game__memory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.action-game__options--two{grid-template-columns:1fr;gap:clamp(16px,4vw,20px)}.action-game__memory-grid{gap:clamp(12px,3vw,16px)}}.action-game__skip--center{align-self:center;margin-top:clamp(24px,5vw,36px)}.action-game__alert--center{display:none}.action-game__layout--full{display:flex;justify-content:center;align-items:flex-start}.action-game__layout--full .action-game__board{max-width:1200px;width:100%}.action-game__complete-icon-wrapper{margin-bottom:clamp(20px,4vw,32px)}.action-game__complete-icon{width:var(--game-icon-size);height:var(--game-icon-size);margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6ccd4,#f8b4c3);color:#fff;box-shadow:0 20px 40px #f6ccd466;font-size:18px}.action-game__complete-subtitle{font-size:18px;color:var(--text-muted);margin:0 0 clamp(24px,5vw,32px);font-weight:500}.action-game__complete-category{display:flex;align-items:center;gap:clamp(14px,3vw,20px);padding:clamp(16px,4vw,24px);background:linear-gradient(135deg,#f6ccd426,#d4f0e726);border-radius:clamp(16px,3vw,20px);border:1px solid rgba(246,214,206,.4);margin:0 0 clamp(28px,6vw,40px)}.action-game__complete-category-icon{width:var(--game-icon-size);height:var(--game-icon-size);border-radius:clamp(12px,2.5vw,16px);overflow:hidden;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2c244214}.action-game__complete-category-icon img{width:100%;height:100%;object-fit:cover}.action-game__complete-category-info{text-align:left;flex:1}.action-game__complete-category-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-dark)}.action-game__complete-category-info p{margin:0;font-size:18px;color:var(--text-muted);font-weight:500}.action-game__complete-actions{display:flex;flex-direction:column;gap:clamp(12px,2.5vw,16px);align-items:stretch}.action-game__primary-button,.action-game__secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);padding:clamp(14px,3vw,16px) clamp(24px,5vw,32px);border-radius:999px;border:none;font-weight:700;font-size:18px;cursor:pointer;transition:all .2s ease;font-family:inherit}.action-game__primary-button{background:linear-gradient(135deg,var(--accent-purple, #667eea),var(--accent-purple-dark, #764ba2));color:#fff;box-shadow:0 12px 28px #667eea4d}.action-game__secondary-button{background:#f6ccd426;color:var(--text-dark);border:1px solid rgba(246,214,206,.4);box-shadow:0 4px 12px #2c24420d}.action-game__primary-button-icon,.action-game__secondary-button-icon{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px)}@media (max-width: 640px){.action-game__complete-category{flex-direction:column;text-align:center}.action-game__complete-category-info{text-align:center}}.action-game--intro-list{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:hidden;padding:40px 8px 0;background:transparent!important;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.action-game__intro-layout{position:relative;min-height:calc(100vh - 80px);padding:clamp(96px,12vw,150px) clamp(16px,5vw,32px) clamp(160px,24vw,220px);background:transparent;overflow:visible;margin:0 auto;max-width:720px;box-sizing:border-box;flex:1;display:flex;flex-direction:column;justify-content:center}.action-game__intro-header-list{width:100%;text-align:left;margin-bottom:clamp(32px,6vw,48px)}.action-game__intro-title-list{font-size:18px;font-weight:700;color:#4a5568;margin:0 0 clamp(12px,2vw,16px);line-height:1.2;display:flex;align-items:center;gap:clamp(10px,2vw,14px)}.action-game__intro-icon{width:clamp(32px,6vw,44px);height:clamp(32px,6vw,44px);color:#667eea;flex-shrink:0}.action-game__intro-subtitle-list{font-size:18px;color:#718096;margin:0;line-height:1.6}.action-game__category-list{width:100%;display:flex;flex-direction:column;gap:clamp(20px,4vw,28px);position:relative;z-index:1}@media (min-width: 1024px){.action-game__intro-layout{max-width:1200px;padding:80px 20px 120px}}.action-game__category-item{position:relative;display:flex;align-items:center;gap:clamp(18px,4vw,28px);padding:clamp(20px,5vw,28px);border-radius:clamp(24px,6vw,30px);border:1px solid rgba(47,38,68,.08);background:#fff;box-shadow:0 22px 42px #2f26441f;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:hidden;min-height:clamp(140px,28vw,160px);height:clamp(140px,28vw,160px);max-height:160px}.action-game__category-item:hover{transform:translateY(-4px);box-shadow:0 28px 52px #2f264429}.action-game__category-item-icon{width:var(--game-icon-size);height:var(--game-icon-size);border-radius:50%;background:#fffdfceb;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px #2f264414}.action-game__category-item-icon img{width:var(--game-icon-size);height:var(--game-icon-size);object-fit:contain}.action-game__category-item-content{flex:1;display:flex;flex-direction:column;gap:clamp(10px,2vw,14px)}.action-game__category-item-content h3{margin:0;font-size:20px;font-weight:700;color:#2d3748;line-height:1.3}.action-game__category-item-content p{margin:0;font-size:16px;color:#718096;line-height:1.45}.action-game__category-item-meta{display:flex;gap:clamp(10px,2vw,14px);align-items:center;flex-wrap:wrap;margin-top:clamp(4px,1vw,8px)}.action-game__category-duration{display:flex;align-items:center;gap:6px;font-size:18px;color:#4a5568;background:#e2e8f066;padding:clamp(5px,1vw,7px) clamp(12px,2.5vw,16px);border-radius:999px;font-weight:500}.action-game__category-badge{padding:clamp(5px,1vw,7px) clamp(12px,2.5vw,16px);border-radius:999px;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.action-game__category-badge.difficulty-1{background:#48bb7833;color:#2f855a}.action-game__category-badge.difficulty-2{background:#ed893633;color:#c05621}.action-game__category-badge.difficulty-3{background:#f5656533;color:#c53030}@media (max-width: 768px){.action-game__category-item{flex-direction:row}.action-game__category-item-icon{width:clamp(70px,14vw,90px);height:clamp(70px,14vw,90px)}}@media (max-width: 640px){.action-game__category-item{flex-direction:column;text-align:center}.action-game__category-item-meta{justify-content:center}}@media (max-width: 767px){.action-game--action-image .action-game__option{min-height:200px}}.speech-cards-screen .language-card-grid .language-card-icon{width:100px!important;height:100px!important}.speech-cards-screen .language-card-grid .language-card-icon img{width:100px!important;height:100px!important;object-fit:contain}.speech-cards-screen .language-card-grid .language-card{transition:transform .2s ease,box-shadow .2s ease!important;cursor:pointer}.speech-cards-screen .language-card-grid .language-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 16px 32px #2f26442e!important}.speech-cards-screen .language-card-grid .language-card:active{transform:translateY(-2px) scale(.98)!important;box-shadow:0 8px 16px #2f26441f!important}.speech-cards-screen .action-game__skip,.action-game .action-game__skip{padding:16px 36px;font-size:18px;font-weight:600;margin-top:24px}@media (max-width: 767px){.speech-cards-screen .language-card-grid .language-card-icon,.speech-cards-screen .language-card-grid .language-card-icon img{width:80px!important;height:80px!important}.speech-cards-screen .action-game__skip,.action-game .action-game__skip{padding:14px 32px;font-size:17px}}.action-game__scaffolding-indicator{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;margin-bottom:16px;box-shadow:0 2px 8px #2196f326}.action-game__scaffolding-dots{display:flex;gap:8px;margin-bottom:8px}.action-game__scaffolding-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.action-game__scaffolding-dot.active{background:linear-gradient(135deg,#2196f3,#1976d2);transform:scale(1.1);box-shadow:0 2px 6px #2196f366}.action-game__scaffolding-hint{font-size:14px;color:#1976d2;margin:0;font-weight:500}.action-game__ai-speaking{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:24px;color:#e65100;font-weight:600;font-size:16px;box-shadow:0 4px 12px #ff980040;margin-bottom:12px}.action-game__ai-speaking svg{font-size:22px;animation:pulse-icon 1s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.action-game__mic-button.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#e0e0e0,#bdbdbd)!important;pointer-events:none}@media (max-width: 480px){.action-game__scaffolding-indicator{padding:10px 16px}.action-game__scaffolding-dot{width:10px;height:10px}.action-game__scaffolding-hint{font-size:13px}.action-game__ai-speaking{padding:12px 20px;font-size:14px}.action-game__ai-speaking svg{font-size:18px}}.action-game__star-trail{display:flex;align-items:center;justify-content:center;gap:0;padding:8px 4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.action-game__star-trail::-webkit-scrollbar{display:none}.action-game__trail-stone{width:clamp(30px,7vw,38px);height:clamp(30px,7vw,38px);border-radius:50%;background:#f6d6ce59;border:2.5px solid rgba(246,204,212,.3);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.action-game__trail-stone.is-completed{background:linear-gradient(135deg,gold,#ffb347);border-color:#ffc107;box-shadow:0 2px 10px #ffc10766}.action-game__trail-stone.is-current{background:linear-gradient(135deg,var(--rose),var(--peach));border-color:var(--rose);box-shadow:0 0 0 4px #f6ccd44d,0 4px 12px #f6ccd466}.action-game__trail-connector{width:clamp(14px,3vw,22px);height:3px;background:#f6d6ce4d;border-radius:999px;flex-shrink:0;transition:background .4s ease}.action-game__trail-connector.is-filled{background:linear-gradient(90deg,gold,#ffb347)}.action-game__trail-star{font-size:clamp(14px,3.5vw,18px);line-height:1;filter:drop-shadow(0 1px 2px rgba(255,193,7,.5))}.action-game__trail-progress-mini{font-size:clamp(9px,2vw,11px);font-weight:700;color:var(--text-dark);opacity:.6}.action-game__trail-stone.is-current .action-game__trail-progress-mini{color:#fff;opacity:1;font-size:clamp(10px,2.2vw,12px)}.action-game__question-panel--playful{background:#ffffffbf;border-radius:20px;padding:clamp(12px,3vw,16px);border:none;gap:clamp(10px,2.5vw,14px);box-shadow:0 2px 12px #2c24420a}.action-game__panel-top--playful{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-game__card-badge{display:inline-flex;align-items:baseline;gap:2px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--rose),var(--peach));box-shadow:0 4px 12px #f6ccd466}.action-game__card-badge-number{font-size:clamp(20px,5vw,26px);font-weight:800;color:#fff;line-height:1}.action-game__card-badge-total{font-size:clamp(12px,3vw,14px);font-weight:600;color:#ffffffbf;line-height:1}.action-game__panel-speaker--playful{width:auto;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#a8e6cf,#88d8a8);color:#fff;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 4px 14px #a8e6cf66;transition:transform .2s ease}.action-game__panel-speaker--playful:active{transform:scale(.93)}.action-game__speaker-label{font-size:clamp(13px,3vw,15px);font-weight:700;letter-spacing:.02em}.action-game__speech-bubble{position:relative;background:#fff;border-radius:18px;padding:clamp(14px,3vw,18px) clamp(16px,4vw,22px);border:2px solid rgba(246,204,212,.35);box-shadow:0 4px 16px #2c24420f;text-align:center}.action-game__speech-bubble-tail{position:absolute;bottom:-10px;left:30px;width:20px;height:20px;background:#fff;border-right:2px solid rgba(246,204,212,.35);border-bottom:2px solid rgba(246,204,212,.35);transform:rotate(45deg);z-index:0}.action-game__question-text--playful{font-size:clamp(18px,4.5vw,24px);font-weight:700;color:var(--text-dark);margin:0;line-height:1.4;text-align:center}.action-game__mascot-row{display:flex;align-items:center;gap:clamp(10px,2.5vw,14px);padding:0 4px}.action-game__mascot-icon{width:clamp(40px,10vw,52px);height:clamp(40px,10vw,52px);flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(44,36,66,.12))}.action-game__progress-fun{flex:1;position:relative;display:flex;align-items:center;min-width:0;padding:6px 0}.action-game__progress-fun-track{width:100%;height:clamp(12px,3vw,16px);border-radius:999px;background:#f6d6ce59;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.action-game__progress-fun-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f6ccd4,#f8e0d7,gold,#a8e6cf);background-size:200% 100%;box-shadow:0 2px 8px #f6ccd466;min-width:4px}.action-game__progress-fun-star{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:clamp(24px,7vw,32px);line-height:1;filter:drop-shadow(0 2px 4px rgba(255,193,7,.5));z-index:3;pointer-events:none}.action-game__options--playful{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:clamp(10px,2.5vw,14px)!important;padding:8px 8px 10px}.action-game__option--playful{width:100%;min-height:clamp(140px,35vw,180px);border-radius:20px;border:3px solid rgba(246,214,206,.4);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 6px 18px #2c24420f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.action-game__option-wrapper--color-1 .action-game__option--playful{border-color:#f6ccd4a6}.action-game__option-wrapper--color-2 .action-game__option--playful{border-color:#d4f0e7bf}.action-game__option-wrapper--color-3 .action-game__option--playful{border-color:#f8e0d7bf}.action-game__option-wrapper--color-4 .action-game__option--playful{border-color:#d4e4f7bf}.action-game__options--playful .action-game__option-wrapper:nth-child(1){transform:rotate(-1.2deg)}.action-game__options--playful .action-game__option-wrapper:nth-child(2){transform:rotate(.8deg)}.action-game__options--playful .action-game__option-wrapper:nth-child(3){transform:rotate(.6deg)}.action-game__options--playful .action-game__option-wrapper:nth-child(4){transform:rotate(-.9deg)}.action-game__option--playful.is-hoverable:active{transform:scale(.96);box-shadow:0 2px 8px #2c24421a}.action-game__option-letter{position:absolute;top:8px;left:8px;width:clamp(28px,6vw,34px);height:clamp(28px,6vw,34px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3vw,16px);font-weight:800;color:#fff;z-index:2;box-shadow:0 2px 8px #0000001f}.action-game__option-letter--color-1{background:linear-gradient(135deg,#f6a5b8,#f78da7)}.action-game__option-letter--color-2{background:linear-gradient(135deg,#88d8a8,#66bb6a)}.action-game__option-letter--color-3{background:linear-gradient(135deg,#f7c87b,#f7a07b)}.action-game__option-letter--color-4{background:linear-gradient(135deg,#7db8f0,#5a9de0)}.action-game__option--correct-playful{border-color:#66bb6a!important;box-shadow:0 0 0 3px #66bb6a40,0 8px 24px #66bb6a33!important;animation:correctBounce .5s ease}.action-game__option--wrong-playful{border-color:#ef5350!important;box-shadow:0 0 0 3px #ef535033,0 8px 24px #ef535026!important;animation:wrongShake .4s ease}@keyframes correctBounce{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.action-game__icon-overlay--correct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:18px;pointer-events:none;z-index:3;background:#66bb6a2e}.action-game__icon-overlay--wrong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:18px;pointer-events:none;z-index:3;background:#ef53502e}.action-game__icon-overlay--correct .action-game__check-icon,.action-game__icon-overlay--wrong .action-game__x-icon{width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px);padding:8px;border-radius:50%;box-shadow:0 4px 14px #00000026}.action-game__icon-overlay--correct .action-game__check-icon{background:#66bb6a;color:#fff}.action-game__icon-overlay--wrong .action-game__x-icon{background:#ef5350;color:#fff}.action-game__skip--playful{align-self:center;margin-top:clamp(12px,3vw,20px);margin-bottom:16px;border:none;border-radius:999px;background:linear-gradient(135deg,#f8c8d8,#f7a8c0);color:#fff;font-weight:700;font-size:clamp(15px,3.8vw,17px);display:inline-flex;align-items:center;gap:8px;padding:clamp(12px,3vw,16px) clamp(24px,6vw,32px);cursor:pointer;box-shadow:0 6px 18px #f7a8c059;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.02em}.action-game__skip--playful:active{transform:scale(.95);box-shadow:0 3px 10px #f7a8c04d}.action-game__skip--playful:disabled{opacity:.35;cursor:not-allowed}.action-game__skip-arrow{display:inline-flex;align-items:center}.action-game__skip-arrow svg{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px)}.action-game__feedback-toast{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;align-self:center;box-shadow:0 8px 24px #0000001a;z-index:10}.action-game__feedback-toast--correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid rgba(102,187,106,.4)}.action-game__feedback-toast--wrong{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid rgba(255,183,77,.4)}.action-game__feedback-toast-emoji{font-size:clamp(22px,6vw,28px);line-height:1}.action-game__feedback-toast-title{margin:0;font-size:clamp(15px,4vw,18px);font-weight:700;color:var(--text-dark)}@media (max-width: 768px){.action-game__question-panel--playful{padding:12px;border-radius:18px;margin:0}.action-game__card-badge{padding:6px 14px}.action-game__panel-speaker--playful{padding:8px 14px}.action-game__speech-bubble{padding:12px 16px}.action-game__speech-bubble-tail{width:16px;height:16px;bottom:-8px;left:24px}.action-game__mascot-icon{width:40px;height:40px}}@media (max-width: 480px){.action-game__option-letter{width:26px;height:26px;font-size:12px;top:6px;left:6px}.action-game__card-badge{padding:5px 12px}.action-game__card-badge-number{font-size:18px}.action-game__panel-speaker--playful{padding:7px 12px;gap:6px}.action-game__speaker-label{font-size:12px}.action-game__mascot-icon{width:36px;height:36px}.action-game__progress-fun-star{font-size:22px}}@keyframes game-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes game-correct-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(.96)}75%{transform:scale(1.04)}}@keyframes game-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes game-celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes game-star-spin{0%{transform:rotate(0) scale(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes game-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes game-glow-pulse{0%,to{box-shadow:0 0 20px #667eea33}50%{box-shadow:0 0 30px #667eea66}}.oddone-story-card{display:flex;flex-direction:row;align-items:center;gap:clamp(14px,3vw,22px);padding:clamp(14px,3vw,22px);background:#fffdfc;border-radius:18px;border:2px solid rgba(246,214,206,.4);box-shadow:0 6px 16px #2c24420f;margin-top:clamp(4px,1vw,8px);margin-bottom:clamp(8px,1.5vw,12px)}.oddone-story-image{flex-shrink:0;width:clamp(75px,20vw,110px);height:clamp(75px,20vw,110px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#f6d6ce1a}.oddone-story-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}.oddone-story-text{font-size:clamp(15px,3.5vw,19px);color:var(--text-dark, #2c2442);line-height:1.4;text-align:left;margin:0}.oddone-option-content{flex-direction:column;gap:clamp(4px,1vw,6px);padding:clamp(6px,1.5vw,10px)!important}.oddone-option-icon{width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px);object-fit:contain;border-radius:10px;transition:transform .2s ease}.oddone-option-content.is-hoverable:hover .oddone-option-icon{transform:scale(1.05)}.oddone-option-text{font-size:clamp(11px,2.8vw,14px);font-weight:700;color:var(--text-dark, #2c2442);text-align:center;line-height:1.2;word-break:break-word}.emotions-oddone-game .action-game__option--playful.oddone-option-content{min-height:clamp(110px,22vw,150px)}.speech-game__frame{width:100%;max-width:850px;margin:0 auto}.speech-game__layout{display:flex;flex-direction:column;gap:18px}.speech-game__board{background:#fffefd;border-radius:20px;padding:clamp(12px,3vw,20px);box-shadow:0 10px 22px #2c24420d;border:1px solid rgba(246,214,206,.4)}.speech-game__card-display{background:#fffdfc;border-radius:18px;border:2px solid rgba(246,214,206,.4);padding:clamp(16px,4vw,28px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 16px #2c24420f}.action-game.emotions-recognition-game,.action-game.emotions-oddone-game,.action-game.learn-emotions-game{background:transparent}.emotion-display-card{display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,14px);min-height:clamp(140px,28vh,220px)}.emotion-display-card__img{max-height:clamp(120px,24vh,200px);max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.emotion-text-option{font-size:clamp(.85rem,2.8vw,1.05rem);font-weight:700;color:var(--text-dark, #2c2442);text-align:center;padding:8px 4px}.emotions-recognition-game .action-game__option--playful.emotion-text-option-btn{min-height:clamp(55px,10vw,70px)}.emotion-highlight-pulse{animation:emotionHighlightPulse 1.2s ease-in-out infinite}@keyframes emotionHighlightPulse{0%,to{box-shadow:0 6px 18px #2c24420f}50%{box-shadow:0 0 0 3px #66bb6a66,0 6px 18px #66bb6a33}}.emotion-complete-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 40px;background:transparent;position:relative}.emotion-complete-screen .emotion-complete-content{position:relative;z-index:1}.emotion-complete-content{text-align:center;max-width:400px;width:100%}.emotion-complete-badge{background:#fffdfc;border-radius:24px;padding:clamp(24px,6vw,40px);box-shadow:0 12px 40px #2c24421a;margin-bottom:24px}.emotion-complete-trophy{font-size:clamp(50px,12vw,80px);margin-bottom:16px}.emotion-complete-badge h2{font-size:clamp(24px,6vw,32px);font-weight:800;color:var(--text-dark, #2c2442);margin:0 0 12px}.emotion-complete-score{font-size:clamp(16px,4vw,20px);color:var(--text-muted, rgba(44, 36, 66, .6));margin:0 0 20px}.emotion-complete-stars{display:flex;justify-content:center;gap:12px}.emotion-star{font-size:clamp(28px,7vw,40px);opacity:.3;filter:grayscale(1);transition:all .3s ease}.emotion-star.filled{opacity:1;filter:grayscale(0);animation:starPop .5s ease}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.emotion-complete-actions{display:flex;flex-direction:column;gap:12px}.emotion-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:999px;font-size:clamp(14px,3.5vw,17px);font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.emotion-action-btn.primary{background:linear-gradient(135deg,#f78da7,#f7c87b);color:#fff;box-shadow:0 8px 24px #f78da74d}.emotion-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f78da766}.emotion-action-btn.secondary{background:#fff;color:var(--text-dark, #2c2442);border:2px solid rgba(246,214,206,.5);box-shadow:0 4px 12px #0000000d}.emotion-action-btn.secondary:hover{background:#fff9f6;border-color:var(--rose, #f6ccd4)}.learn-emotion-display{display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,20px);min-height:clamp(200px,36vh,320px)}.learn-emotion-display__img{max-height:clamp(180px,32vh,280px);max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}.learn-emotions-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(8px,2vw,16px)}.learn-emotions-mic{min-width:200px}.learn-emotions-mic--listening{background:linear-gradient(135deg,#22c55e,#16a34a)!important;animation:listenPulse 1s ease-in-out infinite}@keyframes listenPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 12px #22c55e00}}.learn-emotions-next{min-width:200px}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.processing-card{background:#fff;border-radius:20px;padding:24px 32px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #0003}.processing-card span{font-size:18px;color:#333;font-weight:500}.processing-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#f78da7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.supermarket-game{max-width:900px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 120px)}.game-header{text-align:center;margin-bottom:2rem;position:relative}.game-header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.game-header h2{font-size:1.5rem;color:#667eea}.game-header p{color:#666;font-size:1.1rem}.back-button{position:absolute;left:0;top:0;background:#f0f0f0;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:#e0e0e0;transform:translate(-2px)}.score{position:absolute;right:0;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.role-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;box-shadow:0 4px 15px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.role-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.role-card:hover:before{transform:scaleX(1)}.role-emoji{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.role-card h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.role-card p{color:#666;font-size:.95rem;margin-bottom:1rem}.role-icon{width:24px;height:24px;color:#667eea;margin:0 auto}.supermarket-game.active{display:flex;flex-direction:column;height:calc(100vh - 120px)}.scenario-info{background:#f8f9fa;padding:1rem;border-radius:12px;margin-bottom:1rem;text-align:center}.scenario-info p{margin:0;color:#555;font-size:1.1rem;font-weight:500}.chat-container{flex:1;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 15px #00000014;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.message{display:flex;margin-bottom:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message.hint{justify-content:center}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 .5rem;background:#f0f0f0}.message.user .avatar{background:#667eea}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:18px;background:#f0f0f0;color:#333;font-size:1rem;line-height:1.4}.message.user .message-bubble{background:#667eea;color:#fff}.message.ai .message-bubble{background:#e8f4fd}.hint-bubble{background:#fff4e6;color:#ff9800;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-style:italic}.message-bubble.typing{display:flex;align-items:center;padding:1rem}.message-bubble.typing span{width:8px;height:8px;background:#666;border-radius:50%;margin:0 2px;animation:typing 1.4s infinite}.message-bubble.typing span:nth-child(2){animation-delay:.2s}.message-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.input-container{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.message-input{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease}.message-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.send-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.send-button:active{transform:translateY(0)}.supermarket-complete{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.completion-card{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 40px #0000001a;max-width:500px}.trophy{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.completion-card h2{font-size:1.8rem;color:#333;margin-bottom:1rem}.score-display{font-size:1.3rem;color:#667eea;font-weight:600;margin-bottom:1rem}.stars{display:flex;justify-content:center;gap:.5rem;font-size:2rem;margin-bottom:2rem}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.play-again-btn,.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn{background:#f0f0f0;color:#333}.back-btn:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width: 768px){.roles-grid{grid-template-columns:1fr}.message-bubble{max-width:85%}.game-header h1{font-size:1.5rem}.back-button,.score{position:static;margin-bottom:1rem}}.speech-game__back-btn{position:fixed;top:20px;left:20px;background:#fffc;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:9999;color:#2c2442;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.speech-game__back-btn:hover{background:#0000001a;transform:scale(1.1)}.differences-game{min-height:100vh;padding:clamp(12px,2vw,16px);font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),#fdf4f1}.game-stats{display:flex;gap:clamp(12px,3vw,20px);align-items:center;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:8px 12px;border-radius:20px;font-size:clamp(12px,2.5vw,14px);font-weight:600;color:#475569;border:1px solid #e2e8f0}.stat svg{font-size:16px;color:#4fc3f7}.stat span{font-weight:600;color:#475569}.images-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding-top:clamp(80px,12vw,100px)}.image-panel{border-radius:20px;padding:1.5rem}.image-panel h3{text-align:center;color:#555;margin-bottom:1rem;font-size:1.1rem}.image-area{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-area.clickable{cursor:crosshair}.scene-emoji{font-size:8rem;opacity:.3;-webkit-user-select:none;user-select:none}.difference-marker{position:absolute;pointer-events:none}.difference-marker.original .diff-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.difference-area{position:absolute;border:2px dashed transparent;border-radius:50%;cursor:pointer;transition:all .3s ease}.difference-area:hover:not(.found){border-color:#667eea80;background:#667eea1a}.difference-area.hint{animation:pulse 1s infinite;border-color:#ff980080;background:#ff98001a}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.difference-area.found{pointer-events:none;background:#4caf504d;border-color:#4caf50}.differences-list{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 2px 10px #00000014}.differences-list h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.found-items{display:flex;flex-wrap:wrap;gap:.75rem}.found-item{background:#e8f5e9;color:#2e7d32;padding:.5rem 1rem;border-radius:20px;font-weight:500;font-size:.95rem}.level-complete-message{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff;padding:clamp(1.5rem,5vw,3rem);border-radius:20px;box-shadow:0 10px 40px #0003;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;color:#4caf50;z-index:10001;text-align:center;max-width:90vw}.differences-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.completion-badge{text-align:center;margin-bottom:2rem}.trophy{font-size:6rem;margin-bottom:1rem;animation:rotate 2s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.completion-badge h2{font-size:2rem;color:#333;margin-bottom:1rem}.final-score,.final-time{font-size:1.2rem;color:#666;margin-bottom:.5rem}.final-score{color:#667eea;font-weight:600}.stars{display:flex;gap:.5rem;justify-content:center;font-size:2rem;margin-top:1rem}.star{filter:grayscale(1);opacity:.3}.star.filled{filter:grayscale(0);opacity:1;animation:starPop .3s ease}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.completion-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.play-again-btn,.back-home-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.play-again-btn{background:#667eea;color:#fff}.play-again-btn:hover{background:#5a67d8;transform:translateY(-2px)}.back-home-btn{background:#f0f0f0;color:#333}.back-home-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.svg-scene{width:100%;height:350px;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.svg-scene.clickable{cursor:crosshair}.svg-scene svg{width:100%;height:100%}.click-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hint-circle{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;padding:20px;position:relative}.grid-item{position:relative;aspect-ratio:1;background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.grid-item.clickable{cursor:pointer}.grid-item.clickable:hover:not(.found):not(.removed){transform:scale(1.05);box-shadow:0 4px 16px #4fc3f74d;border:2px solid #4FC3F7}.grid-item.found{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10B981}.grid-item.removed{background:#fee;border:2px dashed #ef4444;opacity:.5}.grid-item img{max-width:100%;max-height:100%;object-fit:contain}.grid-item-name{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:11px;font-weight:600;color:#374151;background:#ffffffe6;padding:2px;border-radius:0 0 12px 12px}.grid-item.found .grid-item-name{color:#fff}@media (max-width: 992px){.images-container{grid-template-columns:1fr}.image-area{height:300px}.image-grid{gap:12px;padding:16px}}@media (max-width: 768px){.differences-game,.memory-game-header{padding:clamp(8px,2vw,12px)}.game-stats{gap:12px}.game-stats .stat{padding:6px 10px;font-size:12px}.images-container{gap:.75rem;margin-bottom:1rem;padding-top:clamp(70px,10vw,85px)}.image-panel{padding:.75rem}.image-panel h3{font-size:clamp(13px,3.2vw,15px);margin-bottom:.5rem}.image-grid{gap:8px;padding:12px}.grid-item{padding:8px;border-radius:8px}.grid-item-name{font-size:10px}.image-area{height:200px}.scene-emoji{font-size:6rem}.differences-list{padding:1rem}.differences-list h4{font-size:clamp(14px,3.5vw,16px);margin-bottom:.5rem}.found-items{gap:.5rem}.found-item{padding:.4rem .8rem;font-size:clamp(12px,3vw,14px)}.level-complete-message{font-size:1.2rem;padding:1.5rem 2rem}}.speech-game__category-feedback{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:clamp(20px,5vw,32px) clamp(28px,7vw,44px);border-radius:clamp(18px,4.5vw,24px);font-size:clamp(20px,5vw,28px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;z-index:10000;box-shadow:0 18px 44px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speech-game__category-feedback.correct{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.speech-game__category-feedback.wrong{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.speech-game__category-feedback-icon{font-size:clamp(28px,7vw,42px);line-height:1}.differences-confetti{pointer-events:none}.confetti-piece{border-radius:50%}.image-wrapper{width:100%;border-radius:15px;overflow:hidden;position:relative;background:#f0f4f8;display:inline-block;line-height:0}.image-wrapper.clickable{cursor:crosshair}.difference-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.found-marker{box-sizing:border-box;animation:foundPulse .5s ease-out}@keyframes foundPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.hint-marker{box-sizing:border-box}.hint-button{font-family:inherit;transition:all .3s ease}.hint-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.hint-button:active{transform:translateY(0)}.language-card-icon img{transition:transform .3s ease}.language-card:hover .language-card-icon img{transform:scale(1.05)}.word-search-game{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0003}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:15px}.game-header h2{font-size:28px;color:#2d3748;margin:0;font-weight:700}.game-stats{display:flex;gap:30px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;color:#718096;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-content{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}.grid-container{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.word-grid{display:inline-block;-webkit-user-select:none;user-select:none;cursor:pointer;border:2px solid #E2E8F0;border-radius:10px;padding:10px}.grid-row{display:flex}.grid-cell{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;font-size:18px;font-weight:600;color:#2d3748;background:#fff;position:relative}.grid-cell:hover{background:#f7fafc}.grid-cell.selected{background:#fed7aa;color:#9c4221;border-color:#fb923c}.grid-cell.found{background:#bbf7d0;color:#14532d;border-color:#4ade80}.words-panel{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-height:600px;overflow-y:auto}.words-panel h3{font-size:20px;color:#2d3748;margin-bottom:15px;font-weight:700}.category-filter{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.category-filter button{padding:8px 16px;border:none;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.category-filter button:hover{background:#e5e7eb}.category-filter button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.words-list{display:flex;flex-direction:column;gap:20px}.word-category{background:#f9fafb;padding:15px;border-radius:10px}.word-category h4{font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.category-words{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-item{padding:8px 12px;background:#fff;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563;display:flex;justify-content:space-between;align-items:center}.word-item.found{background:#d1fae5;border-color:#10b981;color:#065f46;text-decoration:line-through;opacity:.7}.checkmark{color:#10b981;font-size:18px;font-weight:700}.victory-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;z-index:1000}.victory-message h2{font-size:36px;color:#2d3748;margin-bottom:10px}.victory-message p{font-size:18px;color:#6b7280;margin-bottom:10px}.final-score{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.words-panel::-webkit-scrollbar{width:6px}.words-panel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.words-panel::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.words-panel::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 1024px){.game-content{grid-template-columns:1fr}.words-panel{max-height:400px}.grid-cell{width:30px;height:30px;font-size:16px}}@media (max-width: 768px){.word-search-game{padding:15px}.game-header{flex-direction:column;gap:15px}.grid-cell{width:25px;height:25px;font-size:14px}.category-words{grid-template-columns:1fr}}.speech-cards-screen{padding:80px 24px 48px!important}.spelling-game-screen{height:100vh;padding:40px 8px 0;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6);background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),var(--cream);display:block;overflow-y:auto;position:fixed;width:100vw;top:0;left:0;font-family:Noto Sans Rounded,Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.spelling-game-screen .speech-cards-header{text-align:center;margin-top:0;padding-top:0;margin-bottom:clamp(16px,4vw,24px);width:100%;max-width:960px;flex-shrink:0;margin-left:auto;margin-right:auto}.spelling-game-screen .speech-cards-header .header-content h1{font-size:32px;font-weight:700;color:#2d3748;margin:0 0 10px;line-height:1.2}.spelling-game-screen .speech-cards-header .header-content p{font-size:16px;color:#718096;margin:0;line-height:1.4}.spelling-game-container{max-width:800px;width:100%;margin:0 auto;padding:0 20px 80px;display:block;overflow:visible}.category-selector{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;flex-wrap:wrap}.category-slider{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-slider::-webkit-scrollbar{display:none}.category-icon{flex-shrink:0;min-width:70px;height:70px;border-radius:20px;background:#fff;border:2px solid rgba(246,214,206,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;outline:none}.category-icon:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f6ccd44d;border-color:#f6d6cecc;background:#fff9f6}.category-icon:active{transform:translateY(0)}.category-icon.active{background:linear-gradient(135deg,var(--rose) 0%,var(--peach) 100%);border-color:var(--rose);box-shadow:0 4px 16px #f6ccd466}.category-icon.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f6ccd480}.category-letters{font-size:20px;font-weight:700;color:var(--text-dark);font-family:Noto Sans Rounded,Fredoka,system-ui,sans-serif;letter-spacing:.5px}.category-icon.active .category-letters{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.category-letters .separator{opacity:.5;margin:0 2px;font-size:16px}.category-icon.active .category-letters .separator{opacity:.8}.category-selector select{display:none;transform:translateY(-2px);box-shadow:0 4px 12px #f6d6ce4d}.reset-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--rose),var(--peach));color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f6d6ce4d}.reset-btn svg{width:32px!important;height:32px!important;min-width:32px;min-height:32px}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6d6ce66}.content-wrapper{display:flex;gap:20px;width:100%;max-width:1200px;margin:0 auto;align-items:flex-start}.card-section{flex:1;display:flex;justify-content:center;width:100%}.spelling-card{background:#fffefd;border-radius:20px;padding:30px;box-shadow:0 10px 22px #2c24420d;border:1px solid rgba(246,214,206,.4);width:100%;max-width:100%}.word-section-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:#fff9f6;border-radius:18px;margin-bottom:20px;border:2px solid rgba(246,214,206,.4)}.word-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;margin:0 auto;padding:12px 0}.word-image{width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014;margin:0 auto 20px}.emoji-icon{font-size:clamp(120px,16vw,160px)!important;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.word-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.word-group{flex:1}.word-display{font-size:clamp(52px,9vw,80px)!important;color:var(--text-dark);margin:0 0 36px!important;letter-spacing:2px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-align:center!important;flex-wrap:nowrap!important}.drop-zone{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:auto!important;min-height:0!important;max-height:40px!important;padding:2px 12px;margin:0 6px;border:3px dashed var(--rose);border-radius:12px;background:#fff;transition:all .2s ease;vertical-align:middle;text-align:center;font-size:26px;font-weight:700;cursor:pointer;line-height:1.2}.drop-zone.drag-over{background:#f6ccd41a;border-color:var(--rose);border-style:solid;transform:scale(1.05);box-shadow:0 0 20px #f6ccd44d}.drop-zone.filled{border-style:solid;border-color:var(--rose);background:#f6ccd40d}.drop-zone.correct{color:#48bb78;border-color:#48bb78;background:#48bb781a;animation:successPulse .5s ease}.drop-zone.wrong{color:#f56565;border-color:#f56565;background:#f565651a;animation:errorShake .5s ease}.drop-zone.clickable{cursor:pointer;animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #f6ccd44d}50%{box-shadow:0 0 20px #f6ccd499}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.available-letters{display:flex!important;flex-direction:row!important;gap:16px!important;flex-shrink:0;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:16px!important}.letter-card{flex-shrink:0;width:70px!important;min-width:70px!important;max-width:70px!important;height:70px!important;border-radius:20px!important;background:#fff;border:2px solid rgba(246,214,206,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;outline:none;font-size:35px;font-weight:350;color:var(--text-dark);font-family:Noto Sans Rounded,Fredoka,system-ui,sans-serif;letter-spacing:normal;-webkit-user-select:none;user-select:none;touch-action:none;padding:0!important}.letter-card:active{cursor:grabbing}.letter-card:hover:not(.used){transform:translateY(-3px) scale(1.05);border-color:var(--rose);background:linear-gradient(135deg,#f6ccd41a,#f8e0d71a);box-shadow:0 6px 20px #f6ccd44d}.letter-card.used{opacity:.7;cursor:not-allowed}.letter-card.dragging{opacity:.4;transform:scale(.95);cursor:grabbing}.letter-card.selected{transform:scale(1.08);box-shadow:0 8px 24px #f6ccd480;border-color:var(--rose);border-width:3px;background:linear-gradient(135deg,#f6ccd433,#f8e0d733);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.08)}}.spelling-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.spelling-feedback-popup{padding:clamp(20px,5vw,32px) clamp(30px,8vw,50px);border-radius:20px;text-align:center;box-shadow:0 12px 40px #0003;max-width:90%}.spelling-feedback-popup.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.spelling-feedback-popup.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.spelling-feedback-icon{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px}.spelling-feedback-text{font-size:clamp(16px,4vw,20px);font-weight:700;margin:0;line-height:1.4}.navigation-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:20px;width:100%}.nav-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#ffa94d,#ff6fbf);color:#fff;font-weight:600;font-size:clamp(13px,3vw,15px);cursor:pointer;box-shadow:0 12px 20px #ffab9e40;transition:transform .2s ease,box-shadow .2s ease;line-height:1}.nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 32px #ffab9e52}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn svg{width:16px;height:16px}.card-thumbnail-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(12px,3vw,20px);padding:0 clamp(8px,2vw,16px)}.card-thumbnail-btn{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;min-width:120px}.card-thumbnail-btn:hover{border-color:#f78da7;box-shadow:0 8px 20px #f78da740;transform:translateY(-2px)}.card-thumbnail-btn:active{transform:translateY(0)}.card-thumbnail-btn:disabled{opacity:.5;cursor:not-allowed}.card-thumbnail-btn--prev{margin-right:auto}.card-thumbnail-btn--next{margin-left:auto}.card-thumbnail-emoji{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f9fafb}.emoji-preview{font-size:60px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-thumbnail-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#f78da7,#f7c87b);border-radius:50%;color:#fff;flex-shrink:0}.card-thumbnail-btn--prev .card-thumbnail-arrow{order:-1}.card-thumbnail-btn--next .card-thumbnail-arrow{order:1}@media (max-width: 1024px){.content-wrapper{flex-direction:column;align-items:center}.letters-section{width:100%;max-width:600px}.available-letters{flex-direction:row;flex-wrap:wrap;justify-content:center;position:static}.letter-card{width:70px!important;min-width:70px!important;max-width:70px!important;height:70px!important;border-radius:20px!important;padding:0!important;font-size:35px;font-weight:350}}@media (max-width: 768px){.speech-cards-screen{padding:70px 12px 2.5vh!important}.spelling-game-screen{padding:40px 6px 1vh;display:flex;flex-direction:column}.spelling-game-container{padding:0 8px 2vh;flex:1;display:flex;flex-direction:column}.game-container,.content-wrapper{flex:1;display:flex;flex-direction:column}.card-section,.spelling-card{flex:none;display:flex;flex-direction:column}.word-section-wrapper{flex:none;display:flex;flex-direction:column;min-height:280px}.category-selector{padding:1.2vh 1.5vw;gap:1.2vh}.category-slider{gap:1.2vh;padding:.8vh .4vw}.category-icon{min-width:6vh;height:6vh;border-radius:1.8vh}.category-letters{font-size:1.9vh}.reset-btn{padding:1vh 1.8vw;font-size:1.6vh}.reset-btn svg{width:3.2vh!important;height:3.2vh!important;min-width:3.2vh;min-height:3.2vh}.stats-row{padding:.8vh 1.8vw;gap:1.8vw;margin-bottom:.8vh}.stat-item{padding:.8vh 2.2vw;font-size:1.6vh;border-radius:2.2vh}.spelling-card{padding:1.8vh;border-radius:2.2vh}.word-section-wrapper{flex-direction:column;flex-wrap:nowrap;padding:2vh;gap:1.2vh;margin-bottom:1.5vh;border-radius:1.8vh}.word-section{flex-direction:column;text-align:center;gap:1.2vh;padding:1vh 0}.word-image{width:9vh;height:9vh;margin-bottom:1.2vh}.emoji-icon{font-size:7.5vh!important}.word-display{font-size:4vh;justify-content:center;margin:0!important;margin-bottom:1.2vh!important;gap:1.2vh!important}.drop-zone{min-width:5vh;height:auto;font-size:2.8vh;padding:.3vh .9vh;line-height:1.2;border-radius:1.2vh}.letter-card{width:6.5vh!important;height:6.5vh!important;min-width:6.5vh!important;max-width:6.5vh!important;border-radius:1.8vh!important;padding:0!important;font-size:3.2vh;font-weight:350;border-width:2px}.available-letters{gap:1.2vh!important;margin-left:0;margin-top:1.5vh!important}.navigation-buttons{flex-direction:row;margin-top:1.2vh;gap:1.2vh}.nav-btn{padding:1.2vh 2.2vw;font-size:1.8vh}.nav-btn svg{width:2vh;height:2vh}.card-thumbnail-nav{gap:.8vh;margin-top:1.2vh;padding:0 .8vw}.card-thumbnail-btn{min-width:14vw;padding:.7vh;gap:.7vh;border-radius:1.5vh}.card-thumbnail-emoji{width:5.5vh;height:5.5vh;border-radius:1.2vh}.emoji-preview{font-size:4vh}.card-thumbnail-arrow{width:3.2vh;height:3.2vh}.card-thumbnail-arrow svg{width:1.8vh;height:1.8vh}}.game-title-section,.title-with-back,.back-btn-inline{border-radius:0!important}.montessori-game .letter-card,.montessori-game .image-card,.montessori-game .carousel-category{border-radius:50%!important}.montessori-game{height:100vh;background:#fef7f4;display:flex;flex-direction:column;padding:20px 0 0;margin:0;position:relative;overflow-x:hidden;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.montessori-game.mg-game-header-content-spacing{height:100dvh!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.montessori-game.mg-game-header-content-spacing .game-main{padding-top:5px!important;padding-bottom:calc(var(--safe-area-bottom, 0px) + 10px)!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}@media (max-width: 767px){.montessori-game.mg-game-header-content-spacing .game-main{padding-top:2px!important;padding-bottom:calc(var(--safe-area-bottom, 0px) + 8px)!important}}@media (min-width: 768px) and (max-width: 1366px){.montessori-game.mg-game-header-content-spacing .game-main{padding-top:8px!important;padding-bottom:calc(var(--safe-area-bottom, 0px) + 15px)!important}}@media (min-width: 1024px){.montessori-game.mg-game-header-content-spacing .game-main{padding-top:10px!important;padding-bottom:20px!important}}.montessori-game .language-card,.speech-cards-screen .language-card{cursor:pointer;pointer-events:auto;position:relative;z-index:10}@media (min-width: 768px){div.speech-cards-screen div.language-layout div.language-card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;max-width:100%!important}}@media (min-width: 1200px){div.speech-cards-screen div.language-layout div.language-card-grid{gap:32px!important}}.montessori-game .language-card.selected,.speech-cards-screen .language-card.selected{border-color:var(--language-card-accent);box-shadow:0 24px 48px #4fd69a40;transform:translateY(-2px)}.montessori-game--intro{position:relative;align-items:center;justify-content:center;padding:clamp(24px,6vw,52px);background:#fef7f4;overflow-x:hidden}.montessori-game__intro-exit{position:absolute;top:clamp(20px,4vw,32px);left:clamp(20px,4vw,32px);width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);border-radius:50%;background:#ffffffe6;border:1px solid rgba(255,167,38,.3);display:flex;align-items:center;justify-content:center;font-size:18px;color:#e65100;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #ffa72633;z-index:10}.montessori-game__intro-exit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ffa72640}.montessori-game__intro-exit:active{transform:translateY(0)}.montessori-game__intro-card{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(22px,5vw,48px);background:#fffffff2;border-radius:clamp(24px,6vw,34px);padding:clamp(28px,6vw,48px);box-shadow:0 28px 60px #2d37482e;border:1px solid rgba(255,167,38,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.montessori-game__intro-hero{display:flex;align-items:center;justify-content:center}.montessori-game__intro-art{position:relative;width:clamp(240px,40vw,360px);aspect-ratio:4 / 3;border-radius:clamp(30px,7vw,42px);background:linear-gradient(175deg,#fdf6f0e6,#ffffffeb 70%);overflow:visible;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,26px);box-shadow:0 28px 48px #ffa72640}.montessori-game__intro-art:after{content:"";position:absolute;bottom:-32%;left:-8%;width:120%;height:70%;border-radius:50%;background:radial-gradient(60% 80% at 50% 20%,#ffffffc7,#fff0 70%);pointer-events:none}.montessori-game__intro-bubble{position:absolute;border-radius:50%;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.montessori-game__intro-bubble.is-one{width:clamp(58px,9vw,86px);height:clamp(58px,9vw,86px);top:clamp(16px,4vw,28px);left:clamp(18px,4vw,32px)}.montessori-game__intro-bubble.is-two{width:clamp(88px,14vw,118px);height:clamp(88px,14vw,118px);bottom:clamp(14px,5vw,30px);right:clamp(18px,4vw,32px)}.montessori-game__intro-stack{position:relative;display:grid;gap:clamp(14px,3vw,20px);transform:translateY(10px)}.montessori-game__intro-stack img{width:clamp(130px,24vw,190px);border-radius:clamp(20px,5vw,26px);box-shadow:0 18px 36px #2d374829;border:4px solid rgba(255,255,255,.94);background:#fff}.montessori-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-26px,4px)}.montessori-game__intro-stack img:last-child{transform:translate(30px,-14px) rotate(9deg)}.montessori-game__intro-body{display:flex;flex-direction:column;gap:clamp(14px,3vw,22px);color:#2d3748}.montessori-game__intro-label{font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2d3748ad}.montessori-game__intro-title{font-size:18px;font-weight:800;margin:0;color:#2d3748}.montessori-game__intro-subtitle{margin:0;font-size:18px;color:#2d3748bf;line-height:1.6}.montessori-game__intro-list{margin:0;padding:0;list-style:none;display:grid;gap:clamp(10px,2vw,14px)}.montessori-game__intro-list li{display:flex;align-items:flex-start;gap:10px;font-size:18px;color:#2d3748cc}.montessori-game__intro-list li:before{content:"";width:8px;height:8px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,#ffa726,#9575cd)}.montessori-game__intro-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start;padding:14px 26px;border-radius:999px;border:none;background:linear-gradient(135deg,#ffa726,#9575cd);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 20px 36px #ffa7264d;transition:transform .2s ease,box-shadow .2s ease}.montessori-game__intro-start:hover{transform:translateY(-2px);box-shadow:0 26px 40px #ffa72659}.montessori-game__intro-start:focus{outline:3px solid rgba(255,167,38,.3);outline-offset:4px}.montessori-game__intro-start-icon{width:18px;height:18px}@media (max-width: 960px){.montessori-game__intro-card{grid-template-columns:minmax(0,1fr);text-align:center}.montessori-game__intro-hero{order:-1}.montessori-game__intro-body{align-items:center}.montessori-game__intro-start{align-self:center}}.title-with-back{display:flex;align-items:center;gap:15px}.back-btn-inline{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#2d3748;transition:opacity .2s;border-radius:8px}.reset-btn-header{background:transparent;border:none;cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center;color:#000;transition:all .2s;margin-bottom:20px;position:fixed;top:80px;right:20px;z-index:15}.back-btn-inline:hover{opacity:.7;background:#2d37481a}.reset-btn-header:hover{opacity:.7;transform:rotate(180deg)}.back-btn-inline svg{width:24px;height:24px}.reset-btn-header svg{width:32px;height:32px}.game-main{flex:1;display:flex;flex-direction:column;padding:0 30px 30px;width:100%;margin:0}@media (min-width: 1024px){.game-main{padding:0 40px 10px!important}.game-title-section{margin-bottom:15px!important;margin-top:0!important;overflow:visible!important;padding-bottom:10px!important}.categories-carousel-compact{margin:0!important;overflow:visible!important}.carousel-container-montessori{padding:.5rem .2rem 1.5rem!important;overflow:visible!important}.carousel-category{width:85px!important;height:85px!important}.reset-btn-header{top:10px!important}}@media (min-width: 1367px){.game-main{height:calc(100vh - 30px);overflow-x:hidden;overflow-y:visible}.game-content{height:calc(100vh - 90px);overflow-x:hidden;overflow-y:visible}.game-title-section{overflow:visible!important;margin-bottom:20px!important;padding-bottom:15px!important}.game-title-section h1{font-size:18px;margin:0 0 3px}.game-instruction{font-size:18px}.categories-carousel-compact{overflow:visible!important}.carousel-container-montessori{overflow:visible!important;padding-bottom:20px!important}.carousel-category{width:90px!important;height:90px!important}}@media (min-width: 1600px){.game-main{padding:10px 60px}.game-content{height:calc(100vh - 130px)}}@media (min-width: 1920px){.game-main{padding:15px 80px;max-width:1800px;margin:0 auto}.outlines-section{margin-right:380px}.shapes-section{width:380px}.shape-outline{width:calc((100vh - 120px) / 3.5);height:calc((100vh - 120px) / 3.5);max-width:200px;max-height:200px}.shape-item{width:130px;height:130px}}.game-title-section{margin:0;padding-top:15px;width:100%;max-width:100%;overflow:visible}.game-title-section h1{font-size:18px;font-weight:600;color:#2d3748;margin:0;letter-spacing:-.5px}.game-instruction{color:#718096;font-size:18px;margin:0 0 0 20px;white-space:nowrap}.game-mode-tabs{display:flex;gap:12px;margin-top:16px;justify-content:center}.game-mode-tabs.intro-tabs{margin:30px auto;max-width:600px}.mode-tab{padding:10px 20px;border:2px solid #E2E8F0;background:#fff;border-radius:12px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s ease}.mode-tab:hover{border-color:#cbd5e0;background:#f7fafc}.mode-tab.active{border-color:#4fd69a;background:#f0fdf8;color:#2d3748;box-shadow:0 2px 8px #4fd69a26}.game-content{flex:1;display:flex;align-items:stretch;position:relative;overflow:hidden}.outlines-section{flex:1;position:relative;padding:20px;margin-right:350px;margin-left:20px;background:transparent;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;place-items:stretch;align-content:stretch;border-radius:16px;overflow:visible}@media (min-width: 760px) and (max-width: 1366px){.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){margin:20px 20px 0;padding:12px 12px 180px;overflow:visible;height:calc(100vh - 260px);position:relative;display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:12px!important;place-items:stretch!important;align-content:stretch!important;border-radius:16px;background:transparent!important}.outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,1fr)!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:100%!important;border-radius:clamp(14px,3vw,20px)!important;margin:0!important;background:#ffffffd9!important;border:2px dashed rgba(47,38,68,.2)!important;box-shadow:0 4px 12px #0000000f!important;overflow:hidden!important}.outlines-section[data-category=koritsaki],.outlines-section[data-category=agoraki]{display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;background:transparent!important;border:none!important}.outlines-section[data-category=koritsaki] .shape-outline,.outlines-section[data-category=agoraki] .shape-outline{box-shadow:none!important}.game-content{height:calc(100vh - 120px);overflow:hidden}.pazl-image-row{max-width:400px}.pazl-cell-label{font-size:15px}}@media (min-width: 600px) and (max-height: 500px) and (orientation: landscape){.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:1fr!important;gap:10px!important;place-items:center!important;align-content:center!important;padding:5px 15px 140px!important;height:calc(100vh - 160px)!important}.outlines-section[data-category=sximata]{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,1fr)!important}.outlines-section[data-category=koritsaki],.outlines-section[data-category=agoraki]{display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;background:transparent!important;border:none!important}.outlines-section[data-category=koritsaki] .shape-outline,.outlines-section[data-category=agoraki] .shape-outline{background:#ffffff80!important;border:3px solid rgb(79,214,154)!important;border-radius:10px!important;position:absolute!important;width:28%!important;height:20%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}.card-deck{width:65px!important;height:50px!important;bottom:50px!important}.deck-card .shape-image{width:60%!important;height:60%!important}.deck-card .shape-label{font-size:9px!important}}@media (min-width: 760px) and (max-width: 1366px){.shape-outline{width:calc((100vh - 380px)/4);height:calc((100vh - 380px)/4);max-width:120px;max-height:120px}.outlines-section[data-category=sximata] .shape-outline,.outlines-section[data-category=arithmoi] .shape-outline,.outlines-section[data-category=xrwmata] .shape-outline{width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important}.outlines-section[data-category=pagota] .shape-outline{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.outlines-section[data-category=epaggelmata] .shape-outline{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important}.outlines-section[data-category=rouxa] .shape-outline{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.outlines-section[data-category=zwa] .shape-outline{width:140px!important;height:140px!important;max-width:140px!important;max-height:140px!important}.outlines-section[data-category=pazl] .shape-outline{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important}.outlines-section[data-category=synaisthimata] .shape-outline{width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important}}@media (min-width: 1367px){.outlines-section{min-height:auto;height:100%;padding:10px 30px;margin-right:320px;margin-bottom:0;position:relative;overflow:visible}}@media (min-width: 1600px){.outlines-section{margin-right:350px;padding:10px 40px}}.shape-outline{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fff9;border:2px solid rgba(150,150,150,.7);border-radius:0;margin:0;padding:0;transition:all .3s ease;cursor:pointer}@media (min-width: 1367px){.shape-outline{width:100%;height:100%}}.shape-outline:nth-child(1),.shape-outline:nth-child(2),.shape-outline:nth-child(3),.shape-outline:nth-child(4),.shape-outline:nth-child(5),.shape-outline:nth-child(6){position:relative;top:auto;left:auto;right:auto;bottom:auto}.shape-outline.drag-over{transform:scale(1.04)!important;background:#4ecdc41a!important;border:2px dashed rgba(78,205,196,.7)!important;box-shadow:inset 0 0 0 2px #4ecdc426,0 0 12px #4ecdc440;transition:all .15s ease!important}.shape-outline.filled{background:#ffffffe6}.shape-outline.filled.completed{background:#4caf5014!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:0 0 8px #4caf5033;position:relative}.shape-outline.filled.completed:after{content:"✓";position:absolute;top:4px;right:4px;width:22px;height:22px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;z-index:10;box-shadow:0 1px 3px #0003;animation:checkmarkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.outline-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.outline-placeholder .shape-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.shape-outline.filled .shape-svg{animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.shape-outline.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shapes-section{flex:.5;display:grid;grid-template-columns:1fr;gap:20px;background:#fff;padding:80px 20px 30px;border-radius:0;box-shadow:-4px 0 12px #00000014;align-items:center;justify-content:center;place-items:center;position:fixed;right:0;top:0;bottom:0;width:350px;z-index:10}@media (min-width: 760px) and (max-width: 1366px){.shapes-section{width:100%;height:auto;min-height:fit-content;top:auto;bottom:0;left:0;right:0;flex-direction:row;flex-wrap:nowrap;padding:25px 30px 40px;gap:40px;justify-content:center;align-items:center;box-shadow:0 -4px 12px #00000014}}@media (min-width: 1367px){.shapes-section{width:320px;height:auto;top:0;bottom:0;left:auto;right:0;flex-direction:column;flex-wrap:nowrap;padding:70px 20px 20px;gap:15px;position:fixed}}@media (min-width: 1600px){.shapes-section{width:350px;padding:70px 25px 20px;gap:20px}}.shape-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:grab;transition:transform .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a}@media (min-width: 760px) and (max-width: 1366px){.shape-item{padding:10px;gap:8px;justify-content:center;min-height:auto;height:auto}.shape-item img{max-width:180px;max-height:180px;width:auto;height:auto;object-fit:contain}}@media (min-width: 760px) and (max-width: 1366px){[data-category=arithmoi] .shape-item img,[data-category=arithmoi] .shape-image{min-width:160px!important;min-height:160px!important;max-width:220px!important;max-height:220px!important}}.shape-label{font-size:14px;font-weight:600;color:#4a5568;text-align:center;margin-top:4px;max-width:100px;line-height:1.2}@media (min-width: 760px) and (max-width: 1366px){.shape-label{font-size:12px;max-width:100px;font-weight:600;line-height:1.2}.deck-card .shape-label{font-size:10px!important;max-width:100px!important}}.shape-item:active{cursor:grabbing}.shape-item.dragging{opacity:.5}.shape-visual{width:130px;height:130px;display:flex;align-items:center;justify-content:center}@media (min-width: 760px) and (max-width: 1366px){.shape-visual{width:200px;height:200px}}@media (min-width: 1367px){.shape-visual{width:120px;height:120px}}.shape-svg{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}.placed-shape-container{width:130px;height:130px;display:flex;align-items:center;justify-content:center}@media (min-width: 1367px){.placed-shape-container{width:120px;height:120px}}.placed-shape-container .shape-svg{width:100%;height:100%}.shape-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.shape-name{font-size:14px;font-weight:600;color:#2d3748}@media (min-width: 1367px){.shape-name{font-size:18px}}.shape-name-gr{font-size:18px;color:#a0aec0}@media (min-width: 1367px){.shape-name-gr{font-size:18px}}.montessori-complete{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#ffa726,#9575cd,#42a5f5)}@media (min-width: 1367px){.montessori-complete{height:100vh;overflow:hidden}}.complete-card{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:450px;width:100%;box-shadow:0 20px 40px #0000001a}.complete-card h1{font-size:18px;color:#2d3748;margin:0 0 10px;font-weight:600}.complete-card p{font-size:18px;color:#718096;margin:0 0 30px}.complete-shapes{display:flex;justify-content:center;gap:15px;margin:30px 0}.complete-shape{width:60px;height:60px}.complete-shape .shape-svg{width:100%;height:100%}.play-again-btn{padding:12px 28px;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #66bb6a4d}.play-again-btn svg{width:18px;height:18px}@media (max-width: 759px){.reset-btn-header{top:100px;right:15px}.game-main{padding:0 15px 20px}.game-title-section{width:calc(100% - 300px)}.game-title-section h1,.game-instruction{font-size:18px}.game-content{flex-direction:row;gap:20px;align-items:stretch;min-height:450px}.outlines-section{flex:1.2;position:relative;min-height:500px;padding:0;margin:15px;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:0!important;place-items:stretch!important;border-radius:16px;overflow:visible}.outlines-section[data-category=sximata]{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.outlines-section[data-category=grammata],.outlines-section[data-category=opws]{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;min-height:400px!important;max-height:500px!important;overflow:hidden!important}.outlines-section[data-category=grammata] .shape-outline,.outlines-section[data-category=opws] .shape-outline{min-height:70px!important}.shape-outline{width:100%!important;height:100%!important;min-height:100px;background:#fff9!important;border:2px solid rgba(150,150,150,.7)!important;border-radius:0!important;position:relative;margin:0!important}.outlines-section[data-category=koritsaki] .shape-outline,.outlines-section[data-category=agoraki] .shape-outline{background:#ffffff80!important;border:3px solid rgb(79,214,154)!important;border-radius:10px!important;width:28%!important;height:20%!important;min-height:0!important;position:absolute!important}.shapes-section{width:280px;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:0;align-items:center;justify-content:center;padding:70px 15px 20px;z-index:10}.outlines-section{margin-right:280px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;place-items:center}.shape-item{flex-direction:column;align-items:center;width:auto}.shape-visual{width:75px;height:75px}.placed-shape-container{width:120px;height:120px}.shape-outline{width:130px;height:130px;border-radius:50%}.shape-name,.shape-name-gr{font-size:18px}}@media (max-width: 480px){.montessori-game{padding:70px 0 0}.reset-btn-header{top:34px;right:10px}.game-main{padding:0 10px 15px}.game-title-section{width:calc(100% - 120px)}.game-title-section h1{font-size:18px}.game-instruction{font-size:18px;margin-bottom:15px}.game-content{flex-direction:row;gap:15px;align-items:stretch;min-height:350px}.outlines-section{flex:1;position:relative;min-height:520px;padding:5px 10px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;place-items:center}.outlines-section[data-category=sximata]{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.shape-outline{width:100px;height:100px;border-radius:50%;background:transparent;position:relative}.shapes-section{width:90px;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:0;align-items:center;justify-content:center;padding:0 5px;z-index:10}.outlines-section{margin-right:90px}.shape-item{flex-direction:column;align-items:center;gap:3px}.shape-visual{width:42px;height:42px}.shape-item img{max-width:58px!important;max-height:58px!important}.placed-shape-container,.shape-outline{width:100px;height:100px}.shape-name{font-size:18px;font-weight:500}.shape-name-gr{font-size:18px}}.shape-image{max-width:85%;max-height:85%;width:auto;height:auto;object-fit:contain;transition:filter .5s ease}@media (min-width: 760px) and (max-width: 1366px){.shape-image{max-width:180px;max-height:180px;width:auto;height:auto}}.outline-placeholder .shape-image{max-width:150%;max-height:150%;width:146%;height:113%}@media (max-width: 767px){.outlines-section[data-category=arithmoi] .shape-outline{width:100px!important;height:100px!important}.outlines-section[data-category=arithmoi] .outline-placeholder .shape-image{max-width:190%!important;max-height:190%!important;width:180%!important;height:160%!important}.shapes-section[data-category=arithmoi] .shape-item img{max-width:70px!important;max-height:70px!important}}@media (min-width: 1024px){.outlines-section[data-category=arithmoi] .outline-placeholder .shape-image{max-width:250%!important;max-height:250%!important;width:230%!important;height:200%!important}}@media (min-width: 1024px){.outlines-section[data-category=pazl] .shape-outline{width:200px!important;height:200px!important;max-width:200px!important;max-height:200px!important}.outlines-section[data-category=pazl] .outline-placeholder .shape-image{max-width:180%!important;max-height:180%!important;width:160%!important;height:140%!important}.shapes-section[data-category=pazl] .shape-item{width:150px!important;height:150px!important}.shapes-section[data-category=pazl] .shape-item img{max-width:140px!important;max-height:140px!important}}@media (max-width: 767px){.shapes-section[data-category=pazl]{margin-top:0!important;padding-top:60px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.shapes-section[data-category=pazl] .shape-item{width:85px!important;height:85px!important;margin:15px!important}.shapes-section[data-category=pazl] .shape-item img{max-width:75px!important;max-height:75px!important}}@media (max-width: 767px){.outlines-section[data-category=foraw] .shape-outline{width:120px!important;height:120px!important}}@media (min-width: 1024px){.outlines-section[data-category=foraw] .shape-outline{width:200px!important;height:200px!important;max-width:200px!important;max-height:200px!important}.outlines-section[data-category=foraw] .outline-placeholder .shape-image{max-width:200%!important;max-height:200%!important;width:180%!important;height:160%!important}}@media (max-width: 767px){.outlines-section[data-category=epaggelmata] .shape-outline{width:90px!important;height:90px!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(1){top:calc(50% - 215px)!important;left:0!important;right:auto!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(2){top:calc(50% - 160px)!important;left:auto!important;right:0!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(3){top:calc(50% - 105px)!important;left:0!important;right:auto!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(4){top:calc(50% - 50px)!important;left:auto!important;right:0!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(5){top:calc(50% + 5px)!important;left:0!important;right:auto!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(6){top:calc(50% + 60px)!important;left:auto!important;right:0!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(7){top:calc(50% + 115px)!important;left:0!important;right:auto!important}}@media (min-width: 1024px){.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(1){top:5%!important;left:15%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(2){top:5%!important;left:50%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(3){top:5%!important;left:85%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(4){top:38%!important;left:30%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(5){top:38%!important;left:70%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(6){top:70%!important;left:15%!important}.outlines-section[data-category=epaggelmata] .shape-outline:nth-child(7){top:70%!important;left:50%!important}}@media (max-width: 767px){.outlines-section[data-category=rouxa] .shape-outline{width:85px!important;height:85px!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(1){top:calc(50% - 255px)!important;left:0!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(2){top:calc(50% - 170px)!important;left:auto!important;right:0!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(3){top:calc(50% - 85px)!important;left:0!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(4){top:50%!important;left:auto!important;right:0!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(5){top:calc(50% + 85px)!important;left:0!important}.outlines-section[data-category=rouxa] .shape-outline:nth-child(6){top:calc(50% + 170px)!important;left:auto!important;right:0!important}}@media (max-width: 767px){.outlines-section[data-category=xrwmata] .shape-outline{width:85px!important;height:85px!important}.outlines-section[data-category=xrwmata] .shape-outline:nth-child(1){top:calc(50% - 212px)!important;left:0!important}.outlines-section[data-category=xrwmata] .shape-outline:nth-child(2){top:calc(50% - 127px)!important;left:auto!important;right:0!important}.outlines-section[data-category=xrwmata] .shape-outline:nth-child(3){top:calc(50% - 42px)!important;left:0!important}.outlines-section[data-category=xrwmata] .shape-outline:nth-child(4){top:calc(50% + 43px)!important;left:auto!important;right:0!important}.outlines-section[data-category=xrwmata] .shape-outline:nth-child(5){top:calc(50% + 128px)!important;left:0!important}}@media (max-width: 767px){.outlines-section[data-category=synaisthimata] .shape-outline{width:85px!important;height:85px!important}.shapes-section[data-category=synaisthimata] .shape-item{font-size:15px!important}.outlines-section[data-category=synaisthimata] .shape-outline:nth-child(1){top:calc(50% - 212px)!important;left:0!important}.outlines-section[data-category=synaisthimata] .shape-outline:nth-child(2){top:calc(50% - 127px)!important;left:auto!important;right:0!important}.outlines-section[data-category=synaisthimata] .shape-outline:nth-child(3){top:calc(50% - 42px)!important;left:0!important}.outlines-section[data-category=synaisthimata] .shape-outline:nth-child(4){top:calc(50% + 43px)!important;left:auto!important;right:0!important}.outlines-section[data-category=synaisthimata] .shape-outline:nth-child(5){top:calc(50% + 128px)!important;left:0!important}}@media (max-width: 767px){.outlines-section[data-category=zwa] .shape-outline{width:115px!important;height:115px!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(1){top:calc(50% - 250px)!important;left:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(2){top:calc(50% - 125px)!important;left:auto!important;right:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(3){top:calc(50% + -0px)!important;left:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(4){top:calc(50% + 125px)!important;left:auto!important;right:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(5){top:calc(50% + 250px)!important;left:0!important}}@media (max-width: 767px){.outlines-section[data-category=pazl] .shape-outline{width:110px!important;height:110px!important}.outlines-section[data-category=pazl] .shape-outline:nth-child(1){top:calc(50% - 220px)!important;left:0!important}.outlines-section[data-category=pazl] .shape-outline:nth-child(2){top:calc(50% - 110px)!important;left:auto!important;right:0!important}.outlines-section[data-category=pazl] .shape-outline:nth-child(3){top:50%!important;left:0!important}.outlines-section[data-category=pazl] .shape-outline:nth-child(4){top:calc(50% + 110px)!important;left:auto!important;right:0!important}}.outlines-section[data-category=pagota] .outline-placeholder .shape-image{max-width:150%;max-height:150%;width:140%;height:120%;object-fit:contain}@media (max-width: 767px){.outlines-section[data-category=pagota] .shape-outline{width:90px!important;height:90px!important}.outlines-section[data-category=pagota] .shape-outline:nth-child(1){top:calc(50% - 225px)!important;left:0!important;right:auto!important}.outlines-section[data-category=pagota] .shape-outline:nth-child(2){top:calc(50% - 135px)!important;left:auto!important;right:0!important}.outlines-section[data-category=pagota] .shape-outline:nth-child(3){top:calc(50% - 45px)!important;left:0!important;right:auto!important}.outlines-section[data-category=pagota] .shape-outline:nth-child(4){top:calc(50% + 45px)!important;left:auto!important;right:0!important}.outlines-section[data-category=pagota] .shape-outline:nth-child(5){top:calc(50% + 135px)!important;left:0!important;right:auto!important}.outlines-section[data-category=pagota] .outline-placeholder .shape-image{max-width:100%!important;max-height:100%!important;width:95%!important;height:95%!important}.shapes-section[data-category=pagota] .shape-item img{max-width:75px!important;max-height:75px!important}}@media (min-width: 1024px){.outlines-section[data-category=pagota] .outline-placeholder .shape-image{max-width:150%!important;max-height:150%!important;width:130%!important;height:110%!important;object-fit:contain}}.shape-outline-image{width:60px;height:60px;object-fit:contain;opacity:.6;filter:grayscale(100%) brightness(.9) sepia(.15);margin:0}.outlines-section[data-category=rouxa] .shape-outline-image{width:45px;height:45px}.placed-shape-img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;filter:none;opacity:1}.outlines-section[data-category=rouxa] .placed-shape-img{max-width:65%;max-height:65%}.shape-outline.filled .shape-image{filter:grayscale(100%) brightness(.7)!important;opacity:.5!important;transform:scale(.6)!important;transition:all .4s ease!important}.outlines-section[data-category=sximata] .shape-outline.filled .shape-image,.outlines-section[data-category=pagota] .shape-outline.filled .shape-image,.outlines-section[data-category=epaggelmata] .shape-outline.filled .shape-image,.outlines-section[data-category=rouxa] .shape-outline.filled .shape-image,.outlines-section[data-category=zwa] .shape-outline.filled .shape-image,.outlines-section[data-category=arithmoi] .shape-outline.filled .shape-image{filter:none!important;opacity:1!important;transform:scale(1)!important}.complete-shape img{width:100%;height:100%;object-fit:contain}.categories-carousel-compact{margin:0;display:flex;align-items:center;width:100%;overflow:visible}@media (min-width: 760px) and (max-width: 1366px){.game-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.title-with-back{display:flex;align-items:center;gap:1rem}.title-with-back h1{margin:0}.game-instruction{margin:0;padding:0}.categories-carousel-compact{width:100%;max-width:100%;margin:0}.carousel-category{width:100px;height:100px;padding:.5rem}.carousel-container-montessori{gap:1.5rem;padding-left:max(.5rem,calc((100% - (700px + 9rem))/2));padding-right:max(.5rem,calc((100% - (700px + 9rem))/2))}}.carousel-container-montessori{display:flex;gap:.5rem;overflow-x:auto;overflow-y:visible;padding:.5rem .3rem 1rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel-container-montessori::-webkit-scrollbar{height:4px}.carousel-container-montessori::-webkit-scrollbar-track{background:transparent}.carousel-container-montessori::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.carousel-category{background:#fff;border:3px solid #42a5f5;border-radius:50%;padding:.15rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;width:110px;height:110px;flex-shrink:0;box-shadow:0 2px 8px #42a5f540;position:relative;overflow:hidden}.carousel-category:hover{border-color:#1e88e5;transform:scale(1.05);box-shadow:0 4px 12px #42a5f559}.carousel-category.selected{border-color:#ffc107;border-width:4px;background:#fff;transform:scale(1.04);animation:goldBorderSpin 8s linear infinite}@keyframes goldBorderSpin{0%{border-color:#ffd54f;box-shadow:0 3px 12px #ffc1074d}17%{border-color:#ffb300;box-shadow:0 3px 14px #ffb30066}33%{border-color:#fff176;box-shadow:0 3px 16px #fff17666}50%{border-color:#ffc107;box-shadow:0 3px 18px #ffc10780}67%{border-color:#ff8f00;box-shadow:0 3px 16px #ff8f0066}83%{border-color:#ffe082;box-shadow:0 3px 14px #ffe08266}to{border-color:#ffd54f;box-shadow:0 3px 12px #ffc1074d}}.category-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.category-emoji{font-size:18px;line-height:1}.category-label{display:none}.shape-item{width:120px;height:120px}.shape-item img{max-width:100px;max-height:100px;width:auto;height:auto;object-fit:contain}@media (min-width: 1600px){.shape-item{width:120px;height:120px}}@media (max-width: 759px){.shape-item{width:auto;height:auto}.shape-item img{max-width:100%;max-height:100%}.shape-outline{border-radius:50%}.carousel-container-montessori{padding-left:.5rem;padding-right:.5rem}.carousel-category{width:75px;height:75px;padding:.2rem}}@media (max-width: 480px){.game-title-section{padding-top:40px}.categories-carousel-compact{margin-top:10px;width:100%}.carousel-container-montessori{gap:.4rem;padding:.3rem .5rem;justify-content:flex-start}.carousel-category{width:70px!important;height:70px!important;padding:.15rem!important;scroll-snap-align:center}.title-with-back{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;width:100%}.title-content{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.title-content h1{font-size:1.1rem;line-height:1.3;margin:0;width:100%}.game-instruction{font-size:.75rem;line-height:1.2;margin:0;opacity:.8;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:normal}}.shake-animation{animation:shakeReturn .5s ease-out}@keyframes shakeReturn{0%{transform:scale(.8) translate(0)}15%{transform:scale(.85) translate(-10px)}30%{transform:scale(.9) translate(10px)}45%{transform:scale(.95) translate(-10px)}60%{transform:scale(.97) translate(10px)}75%{transform:scale(.99) translate(-5px)}90%{transform:scale(1) translate(5px)}to{transform:scale(1) translate(0)}}.pattern-completion-game{width:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;background:#fef7f4}.pattern-navigation{display:flex;align-items:center;gap:20px;margin-bottom:30px;z-index:10}.pattern-nav-btn{width:50px;height:50px;border-radius:50%;border:2px solid #E2E8F0;background:#fff;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#2d3748}.pattern-nav-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:scale(1.05)}.pattern-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pattern-counter{font-size:18px;font-weight:600;color:#2d3748;min-width:80px;text-align:center}.pattern-content-wrapper{width:100%;max-width:1100px;display:flex;gap:30px;align-items:stretch}.pattern-image-side{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:24px;padding:30px;box-shadow:0 8px 24px #00000014}.pattern-image{max-width:100%;max-height:500px;height:auto;object-fit:contain}.pattern-answer-side{flex:0 0 300px;display:flex;align-items:center}.pattern-answer-box{width:100%;background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:20px;border:3px dashed #E2E8F0}.pattern-question{font-size:18px;font-weight:600;color:#2d3748;text-align:center;margin:0}.pattern-input{width:100%;height:80px;border:3px solid #E2E8F0;border-radius:16px;font-size:48px;font-weight:700;text-align:center;color:#2d3748;transition:all .2s ease}.pattern-input:focus{outline:none;border-color:#4fd69a;box-shadow:0 0 0 3px #4fd69a1a}.pattern-input.correct{border-color:#4fd69a;background:#f0fdf8}.pattern-input.incorrect{border-color:#f56565;background:#fff5f5}.pattern-submit-btn{width:100%;padding:16px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.pattern-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.pattern-submit-btn:disabled{opacity:.5;cursor:not-allowed}.pattern-feedback{font-size:18px;font-weight:600;text-align:center;margin:0;padding:12px;border-radius:12px}.pattern-feedback.correct{color:#22543d;background:#c6f6d5}.pattern-feedback.incorrect{color:#742a2a;background:#fed7d7}@media (max-width: 900px){.pattern-content-wrapper{flex-direction:column;gap:20px}.pattern-answer-side{flex:1}.pattern-image{max-height:286px}}@media (max-width: 768px){.pattern-completion-game{padding:20px 10px;min-height:400px}.pattern-image-side{padding:20px}.pattern-answer-box{padding:30px 20px}.pattern-nav-btn{width:40px;height:40px;font-size:20px}.pattern-counter{font-size:16px;min-width:60px}.pattern-input{height:70px;font-size:36px}.pattern-question{font-size:16px}.pattern-submit-btn{font-size:16px;padding:14px}.pattern-feedback{font-size:16px}}.color-inputs-container{width:100%;display:flex;flex-direction:column;gap:10px}.pattern-image{max-height:286px}} .professions-game-content{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.professions-objects-top{margin-bottom:48px;text-align:center}.professions-section-title{font-size:28px;color:#667eea;margin:0 0 32px}.objects-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.profession-object-draggable{width:140px;height:140px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 24px #f093fb4d;border:3px solid rgba(240,147,251,.5);cursor:grab;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.profession-object-draggable:active{cursor:grabbing}.profession-object-draggable:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f093fb66}.profession-object-draggable img{width:100%;height:100%;object-fit:contain}.professions-pairs-grid{display:flex;flex-direction:column;gap:32px}.profession-pair-row{display:grid;grid-template-columns:180px 100px 300px;align-items:center;gap:20px;padding:20px;background:#ffffff80;border-radius:24px}.profession-person{width:180px;height:180px;background:#fff;border-radius:50%;padding:20px;box-shadow:0 8px 24px #667eea33;border:3px solid rgba(102,126,234,.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.profession-person img{width:100%;height:100%;object-fit:contain}.profession-arrow{display:flex;align-items:center;justify-content:center}.profession-dropzone{width:100%;height:200px;background:#fff;border-radius:24px;border:4px dashed rgba(102,126,234,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.profession-dropzone.drag-over{border-color:#667eea;background:#667eea1a;transform:scale(1.02)}.profession-dropzone.matched{border-color:#4fd69a;background:#4fd69a0d;border-style:solid}.dropzone-hint{font-size:18px;color:#667eea80;font-weight:500}.profession-matched-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.profession-matched-item img{max-width:80%;max-height:80%;object-fit:contain}.profession-checkmark-small{position:absolute;top:10px;right:10px;font-size:36px;color:#4fd69a;text-shadow:0 2px 8px rgba(79,214,154,.5)}@media (max-width: 1024px){.profession-pair-row{grid-template-columns:140px 80px 250px;gap:16px}.profession-person{width:140px;height:140px}.profession-dropzone{height:160px}}@media (max-width: 768px){.profession-pair-row{grid-template-columns:1fr;text-align:center}.profession-person{margin:0 auto}.profession-arrow svg{transform:rotate(90deg)}.profession-object-draggable{width:70px;height:70px}.objects-grid{gap:10px;max-width:100%}.professions-section-title{font-size:24px}}.montessori-instructions-wrapper{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(8px,2vw,10px) clamp(10px,3vw,20px)!important;grid-auto-flow:row!important}@media (max-width: 767px){.montessori-instructions-wrapper{grid-template-columns:1fr!important;gap:clamp(8px,2vw,10px)!important}}@media (max-width: 767px){.koritsaki-agoraki-container{width:100%!important;max-width:none!important;transform:scale(1.15)!important;transform-origin:top center!important;margin-top:20px!important}}@media (max-width: 767px){.montessori-v2.montessori-game{height:100svh!important;overflow:hidden!important}.montessori-v2 .game-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;position:relative!important}.montessori-v2 .outlines-section{margin:0!important;padding:5px!important;width:100%!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:clamp(6px,1.5vw,10px)!important;place-items:stretch!important;justify-content:stretch!important;padding:0!important;margin:5px!important;flex:none!important;overflow:visible!important;width:calc(100% - 10px)!important;height:calc(100svh - 200px - 18vh)!important;min-height:0!important;max-height:calc(100svh - 200px - 18vh)!important;background:transparent!important;border-radius:16px!important;border:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.montessori-v2 .outlines-section[data-category=grammata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.montessori-v2 .outlines-section[data-category=opws]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.montessori-v2 .outlines-section[data-category=grammata] .shape-outline-image,.montessori-v2 .outlines-section[data-category=opws] .shape-outline-image{width:80%!important;height:80%!important;max-width:none!important;max-height:none!important;opacity:1!important;filter:none!important;border-radius:50%!important;object-fit:contain!important}.montessori-v2 .outlines-section[data-category=pagota]:not([data-category=koritsaki]):not([data-category=agoraki]),.montessori-v2 .outlines-section[data-category=epaggelmata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,minmax(0,clamp(140px,22vw,190px)))!important;height:auto!important;max-height:none!important}.montessori-v2 .outlines-section[data-category=rouxa]:not([data-category=koritsaki]):not([data-category=agoraki]),.montessori-v2 .outlines-section[data-category=synaisthimata]:not([data-category=koritsaki]):not([data-category=agoraki]),.montessori-v2 .outlines-section[data-category=zwa]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important}.montessori-v2 .outlines-section[data-category=pazl]:not([data-category=koritsaki]):not([data-category=agoraki]),.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important}.montessori-v2 .outlines-section[data-category=athlimata]:not([data-category=koritsaki]):not([data-category=agoraki]),.montessori-v2 .outlines-section[data-category=oximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,1fr)!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:#ffffffd9!important;border:2px dashed rgba(47,38,68,.2)!important;border-radius:clamp(14px,3vw,20px)!important;box-shadow:0 4px 12px #0000000f!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .shape-svg,.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:auto!important;padding:0!important;position:static!important;border-radius:0!important;transform:scale(1)!important}.montessori-v2:not(.letter-matching-v2) .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2:not(.letter-matching-v2) .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .shape-svg,.montessori-v2:not(.letter-matching-v2) .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:scale(1.35)!important}.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:scale(1.1)!important}.montessori-v2 .outlines-section[data-category=pazl]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=pazl]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:scale(.9)!important;border-radius:0!important}.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .shape-svg,.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:none!important}.montessori-v2 .outlines-section[data-category=xrwmata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=xrwmata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:none!important}.montessori-v2 .outlines-section[data-category=rouxa]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=rouxa]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:none!important}.montessori-v2 .outlines-section[data-category=synaisthimata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=synaisthimata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{transform:none!important}.montessori-v2 .outlines-section[data-category=pagota] .shape-outline .shape-image,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline .shape-image,.montessori-v2 .outlines-section[data-category=pagota] .shape-outline img,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline img,.montessori-v2 .outlines-section[data-category=zwa] .shape-outline img{width:80%!important;height:80%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;border-radius:50%!important;transform:none!important}.montessori-v2 .outlines-section[data-category=koritsaki],.montessori-v2 .outlines-section[data-category=agoraki]{display:flex!important;justify-content:center!important;align-items:center!important;overflow:visible!important;padding:0!important;flex:1!important;width:100%!important;margin:0!important;transform:scale(.65)!important;transform-origin:center top!important;max-height:calc(100svh - 190px)!important;background:transparent!important;border:none!important;border-radius:0!important;height:auto!important;min-height:auto!important;max-height:none!important}.montessori-v2 .outlines-section[data-category=koritsaki] .shape-outline,.montessori-v2 .outlines-section[data-category=agoraki] .shape-outline{box-shadow:none!important}.montessori-v2 .outlines-section[data-category=pazl] .shape-outline,.montessori-v2 .outlines-section[data-category=foraw] .shape-outline{overflow:hidden!important;min-width:0!important;min-height:0!important}.pazl-cell-wrapper{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;align-items:center;justify-content:center}.pazl-image-row{display:flex;width:100%;height:90%;max-width:300px;align-items:center;justify-content:center;transition:transform .3s ease}.pazl-image-row img{width:50%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}.pazl-cell-label{height:10%;font-size:13px;font-weight:700;color:#2f2644;text-align:center;padding:2px 6px;background:#fffc;border-radius:6px;display:flex;align-items:center;justify-content:center}.montessori-v2 .shapes-section{display:none!important}.montessori-v2 .game-title-section{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important}.montessori-v2 .title-with-back{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important}.montessori-v2 .game-title-section h1{text-align:center!important;margin:0 0 2px!important;font-size:18px!important}.montessori-v2 .categories-carousel-compact,.montessori-v2 .categories-carousel{width:100%!important;max-width:100vw!important;margin-bottom:2px!important;overflow:visible!important}.montessori-v2 .carousel-category{width:19vw!important;height:19vw!important}.montessori-v2 .carousel-container-montessori{padding:.5vw .3rem 1vw .3rem!important;gap:1vw!important;overflow-y:visible!important}.montessori-v2 .deck-card{width:26vw!important;height:auto!important;aspect-ratio:5 / 7!important;padding:2.5vw 2vw!important}.montessori-v2 .deck-card .shape-image{width:15vw!important;height:15vw!important}.montessori-v2 .deck-card__skip-badge,.montessori-v2 .card-deck .deck-card__skip-badge,.montessori-v2 button.deck-card__skip-badge{position:fixed!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important;width:50px!important;height:50px!important;min-width:unset!important;min-height:unset!important;max-width:none!important;max-height:none!important;font-size:24px!important;padding:0!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.montessori-v2 .deck-card .shape-label{font-size:2.5vw!important;line-height:1.2!important;max-width:20vw!important;white-space:normal!important;text-align:center!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:unset!important;display:block!important;margin-top:1vw!important}.montessori-v2 .card-deck[data-category=synaisthimata] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=synaisthimata] .deck-card .deck-text-label{font-size:14px!important;line-height:1.1!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.montessori-v2 .card-deck[data-category=xrwmata] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=xrwmata] .deck-card>div>div>div{width:60px!important;height:60px!important}.montessori-v2 .card-deck[data-category=sximata] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=sximata] .deck-card .shape-image{width:100px!important;height:100px!important;object-fit:contain!important}.montessori-v2 .card-deck[data-category=pagota] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=pagota] .deck-card .shape-image{width:90px!important;height:90px!important;max-width:none!important;max-height:none!important}.montessori-v2 .card-deck[data-category=epaggelmata] .deck-card .shape-image{width:90px!important;height:90px!important;object-fit:contain!important}.montessori-v2 .card-deck[data-category=koritsaki] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=agoraki] .deck-card .shape-image{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important;object-fit:contain!important}.montessori-v2 .card-deck[data-category=pazl] .deck-card .shape-image{width:90px!important;height:90px!important;object-fit:contain!important}.montessori-v2 .card-deck[data-category=foraw] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=rouxa] .deck-card .shape-image{width:90px!important;height:90px!important;object-fit:contain!important;transform:scale(1.6)!important}.montessori-v2 .card-deck[data-category=rouxa] .deck-card .shape-label,.montessori-v2 .card-deck[data-category=foraw] .deck-card .shape-label{margin-top:4vw!important}.montessori-v2 .card-deck[data-category=zwa] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=zwa] .deck-card .shape-image{width:100px!important;height:100px!important;object-fit:contain!important}.montessori-v2 .card-deck{position:fixed!important;bottom:50px!important;top:unset!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;width:20vw!important;height:29vw!important;max-width:80px!important;max-height:110px!important}.montessori-v2 .deck-card{height:32vw!important}.montessori-v2 .back-btn-inline{position:fixed!important;top:12px!important;left:12px!important;z-index:9999!important;background:transparent!important;border:none!important;color:#2d3748!important;padding:8px!important;border-radius:8px!important}.montessori-v2 .back-btn-inline:hover,.montessori-v2 .back-btn-inline:active{background:#0000000d!important;color:#2d3748!important}.montessori-v2 .back-btn-inline svg{width:24px!important;height:24px!important;color:inherit!important}.montessori-v2 .outlines-section[data-category=koritsaki] .shape-outline,.montessori-v2 .outlines-section[data-category=agoraki] .shape-outline{position:absolute!important}.montessori-v2 .koritsaki-agoraki-container{height:auto!important;max-height:none!important;margin:0 auto!important;overflow:visible!important}.montessori-v2 .card-deck[data-category=arithmoi] .deck-card{padding:3px!important}.montessori-v2 .card-deck[data-category=arithmoi] .deck-card .shape-image{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.montessori-v2 .outlines-section[data-category=arithmoi] .shape-outline .placed-card.deck-card .shape-image{width:80%!important;height:80%!important;max-width:none!important;max-height:none!important;min-width:unset!important;min-height:unset!important;transform:none!important}}@media (max-width: 767px) and (max-height: 750px){.montessori-v2 .game-title-section{padding:0 10px 5px!important}.montessori-v2 .game-title-section h1{margin:0 0 5px!important;font-size:18px!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-rows:repeat(3,105px)!important;height:315px!important;min-height:315px!important;max-height:315px!important;margin:5px!important;width:calc(100% - 10px)!important;background:linear-gradient(to bottom,transparent 104px,rgba(150,150,150,.6) 104px,rgba(150,150,150,.6) 106px,transparent 106px),linear-gradient(to bottom,transparent 209px,rgba(150,150,150,.6) 209px,rgba(150,150,150,.6) 211px,transparent 211px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .shape-svg{width:92%!important;height:92%!important;max-width:none!important;max-height:none!important;margin:auto!important}.montessori-v2 .outlines-section[data-category=pagota] .shape-outline .shape-image,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline .shape-image,.montessori-v2 .outlines-section[data-category=pagota] .shape-outline img,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline img,.montessori-v2 .outlines-section[data-category=zwa] .shape-outline img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:2px!important}.montessori-v2 .card-deck{bottom:40px!important;top:unset!important}.montessori-v2 .placed-card.deck-card{width:100%!important;height:100%!important;aspect-ratio:unset!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{display:flex!important;align-items:center!important;justify-content:center!important}.montessori-v2 .placed-card.deck-card .shape-image,.montessori-v2 .placed-card.deck-card img{width:80%!important;height:80%!important;transform:none!important;object-fit:contain!important}.montessori-v2 .outlines-section[data-category=zwa] .placed-card.deck-card{width:100%!important;height:100%!important;aspect-ratio:unset!important;overflow:visible!important;position:relative!important}.montessori-v2 .outlines-section[data-category=zwa] .placed-card.deck-card .shape-image{width:80%!important;height:80%!important;transform:none!important}.montessori-v2 .outlines-section[data-category=koritsaki],.montessori-v2 .outlines-section[data-category=agoraki]{transform:scale(.55)!important}.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,80px)!important;height:320px!important;min-height:320px!important;max-height:320px!important;background:linear-gradient(to bottom,transparent 79px,rgba(150,150,150,.6) 79px,rgba(150,150,150,.6) 81px,transparent 81px),linear-gradient(to bottom,transparent 159px,rgba(150,150,150,.6) 159px,rgba(150,150,150,.6) 161px,transparent 161px),linear-gradient(to bottom,transparent 239px,rgba(150,150,150,.6) 239px,rgba(150,150,150,.6) 241px,transparent 241px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,80px)!important;height:320px!important;min-height:320px!important;max-height:320px!important;background:linear-gradient(to bottom,transparent 79px,rgba(150,150,150,.6) 79px,rgba(150,150,150,.6) 81px,transparent 81px),linear-gradient(to bottom,transparent 159px,rgba(150,150,150,.6) 159px,rgba(150,150,150,.6) 161px,transparent 161px),linear-gradient(to bottom,transparent 239px,rgba(150,150,150,.6) 239px,rgba(150,150,150,.6) 241px,transparent 241px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img,.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .shape-svg,.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder .shape-image{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;transform:scale(1.25)!important}}.montessori-v2 .shape-outline.drag-over{background:#4caf502e!important;border:none!important;box-shadow:inset 0 0 0 3px #4caf5099,0 0 20px #4caf504d,inset 0 0 30px #4caf5014!important;transform:scale(1.04);transition:all .2s ease!important;z-index:5}.montessori-v2 .shape-outline.drag-over:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:900;color:#4caf5080;z-index:20;pointer-events:none;animation:dragCheckPulse 1s ease-in-out infinite;text-shadow:0 2px 8px rgba(76,175,80,.3)}@keyframes dragCheckPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.card-deck{display:block!important;position:fixed;bottom:60px;left:50%;transform:translate(-50%);width:80px;height:60px;z-index:200}.deck-card__skip-badge{position:fixed;bottom:30px;right:30px;top:auto;left:auto;width:60px;height:60px;border-radius:50%;background:#ff6b6b;color:#fff;font-size:28px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:300;font-family:Comfortaa,sans-serif;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;overflow:visible;min-width:unset;min-height:unset}.deck-card__skip-badge--fixed{position:fixed!important;bottom:30px!important;right:30px!important;top:auto!important;left:auto!important;width:60px!important;height:60px!important;border-radius:50%!important;background:#ff6b6b!important;color:#fff!important;font-size:28px!important;font-weight:700!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 12px #0000004d!important;z-index:9999!important;font-family:Comfortaa,sans-serif;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.deck-card__skip-badge--fixed:hover{background:#ff5252!important;transform:scale(1.1)!important}.deck-card .deck-card__skip-badge:not(.deck-card__skip-badge--fixed){display:none!important}.deck-card__skip-badge:hover{background:#ff5252;transform:scale(1.1)}.deck-card__skip-badge:active{transform:scale(.95)}.deck-card__skip-badge--hint{animation:skipBadgeHint 1s ease-in-out infinite}@keyframes skipBadgeHint{0%,to{transform:scale(1);box-shadow:0 2px 4px #0003}50%{transform:scale(1.2);box-shadow:0 2px 8px #ff6b6b99}}.deck-card{width:100%;height:100%;border-radius:16px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:6px;background:#fffffff2;box-shadow:0 3px 12px #0000001f;transform-origin:center center;transition:.3s cubic-bezier(.175,.885,.32,1.275);cursor:default;border:none}.deck-card:nth-child(2){background:#f0f0f0e6}.deck-card:nth-child(3){background:#e6e6e6d9}.deck-card:nth-child(4){background:#dcdcdccc}.deck-card:nth-child(5){background:#d2d2d2bf}.deck-card--active{cursor:grab;background:#fff;box-shadow:0 4px 16px #00000026,0 0 0 2px #4ecdc44d;z-index:100!important}.deck-card--active:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000002e,0 0 0 2px #4ecdc480}.deck-card--active:active{cursor:grabbing;transform:scale(.95);box-shadow:0 2px 8px #00000026}.deck-card:before{content:none}.deck-card:after{content:none}.deck-card .shape-image{width:65%!important;height:65%!important;object-fit:contain;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.2));position:relative;z-index:1}.deck-card .shape-label,.deck-card--active .shape-label{display:none!important}.deck-card .deck-text-label{font-size:20px;font-weight:800;color:#2d3748;text-align:center;padding:10px;position:relative;z-index:1}.deck-card .color-circles{width:75px!important;height:75px!important;position:relative;z-index:1}.deck-card:nth-child(2){transform:translateY(-2px) translate(1px)}.deck-card:nth-child(3){transform:translateY(-4px) translate(-1px)}.deck-card:nth-child(4){transform:translateY(-6px)}.deck-card:nth-child(5){transform:translateY(-8px)}.shape-outline.just-matched{animation:snapMatch .6s cubic-bezier(.34,1.56,.64,1)!important;transition:none!important;overflow:visible;z-index:100}@keyframes snapMatch{0%{transform:scale(1);box-shadow:0 0 #4ecdc4cc;background-color:transparent}20%{transform:scale(1.25);box-shadow:0 0 0 20px #4ecdc466;background-color:#4ecdc426}40%{transform:scale(.9);box-shadow:0 0 0 25px #4ecdc41a}60%{transform:scale(1.1);background-color:#4ecdc41a}80%{transform:scale(.98)}to{transform:scale(1);box-shadow:0 0 #4ecdc400;background-color:transparent}}.shape-outline.just-matched:after{content:""!important;position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(78,205,196,.4) 0%,transparent 70%)!important;animation:successGlow .6s ease-out forwards!important;pointer-events:none;z-index:-1;width:auto!important;height:auto!important;top:auto!important;right:auto!important;color:transparent!important;box-shadow:none!important}@keyframes successGlow{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.shape-outline.just-matched:before{content:"✨";position:absolute;top:-10px;right:-10px;font-size:24px;animation:sparkle .6s ease-out forwards;pointer-events:none;z-index:10}@keyframes sparkle{0%{opacity:1;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}to{opacity:0;transform:scale(1) rotate(-10deg) translateY(-20px)}}@keyframes flyToMatch{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(.3);opacity:0}}.montessori-game.celebrating{animation:celebrationFlash .5s ease-out}@keyframes celebrationFlash{0%{filter:brightness(1)}50%{filter:brightness(1.1)}to{filter:brightness(1)}}.success-particles{position:fixed;pointer-events:none;z-index:9999}.success-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:particleBurst .8s ease-out forwards}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.shape-outline.wrong-match{animation:wrongShake .5s cubic-bezier(.36,.07,.19,.97),wiggleBorder .5s ease-in-out;border:4px solid #e53935!important;background:#e5393540!important;box-shadow:0 0 0 2px #e53935,0 0 15px #e5393580,inset 0 0 10px #e5393533!important}@keyframes wrongShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes wiggleBorder{0%,to{border-radius:16px}10%{border-radius:18px 14px 16px 18px}20%{border-radius:14px 18px 14px 16px}30%{border-radius:16px 14px 18px}40%{border-radius:18px 16px 14px 18px}50%{border-radius:14px 18px 16px 14px}60%{border-radius:16px 14px 18px 16px}70%{border-radius:18px 16px 14px 18px}80%{border-radius:14px 18px 16px 14px}90%{border-radius:16px 14px 18px 16px}}.deck-card.snapping{animation:cardSnap .3s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSnap{0%{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.1)}to{transform:scale(1)}}@media (min-width: 760px) and (max-width: 1366px){.montessori-v2 .game-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;position:relative!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,180px)!important;gap:0!important;place-items:center!important;justify-content:stretch!important;padding:0!important;margin:10px!important;overflow:visible!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important;border-radius:12px!important;border:3px solid rgba(150,150,150,.6)!important;box-shadow:inset 0 2px 4px #fffc,inset 0 -3px 6px #0000001a,0 4px 8px #00000026!important}.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,180px)!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,180px)!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=grammata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,180px)!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=opws]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,180px)!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=grammata] .shape-outline-image,.montessori-v2 .outlines-section[data-category=opws] .shape-outline-image{width:140px!important;height:140px!important;max-width:140px!important;max-height:140px!important;opacity:1!important;filter:none!important}.montessori-v2 .outlines-section[data-category=pagota]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=epaggelmata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=rouxa]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=synaisthimata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=zwa]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=pazl]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,270px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;overflow:visible!important;background:linear-gradient(to bottom,transparent 269px,rgba(150,150,150,.6) 269px,rgba(150,150,150,.6) 271px,transparent 271px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=athlimata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,180px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=oximata]:not([data-category=koritsaki]):not([data-category=agoraki]){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(3,180px)!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:linear-gradient(to bottom,transparent 179px,rgba(150,150,150,.6) 179px,rgba(150,150,150,.6) 181px,transparent 181px),linear-gradient(to bottom,transparent 359px,rgba(150,150,150,.6) 359px,rgba(150,150,150,.6) 361px,transparent 361px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img{width:145px!important;height:145px!important;max-width:145px!important;max-height:145px!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:visible!important;background:linear-gradient(to bottom,#c8c8c826,#fff6)!important;border:none!important;border-radius:0!important;box-shadow:inset 0 8px 12px -4px #00000026,inset 0 4px 6px -2px #0000001a,inset 0 -2px 4px #fff9!important;display:flex!important;align-items:center!important;justify-content:center!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline .outline-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline>.outline-placeholder img,.montessori-v2 .outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline>.outline-placeholder .shape-svg{width:210px!important;height:210px!important;max-width:210px!important;max-height:210px!important;object-fit:contain!important;margin:0 auto!important;padding:0!important;position:static!important;transform:none!important}.montessori-v2 .outlines-section[data-category=pagota] .shape-outline .outline-placeholder .shape-image,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline .outline-placeholder .shape-image,.montessori-v2 .outlines-section[data-category=pagota] .shape-outline .outline-placeholder img,.montessori-v2 .outlines-section[data-category=epaggelmata] .shape-outline .outline-placeholder img,.montessori-v2 .outlines-section[data-category=zwa] .shape-outline .outline-placeholder img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:2px!important}.montessori-v2 .outlines-section[data-category=koritsaki],.montessori-v2 .outlines-section[data-category=agoraki]{display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important;padding:100px 0 0!important;margin:0!important;flex:none!important;width:100%!important;height:540px!important;min-height:540px!important;max-height:540px!important;background:transparent!important;border:none!important;border-radius:0!important;transform:none!important}.montessori-v2 .outlines-section[data-category=koritsaki] .body-figure-wrapper,.montessori-v2 .outlines-section[data-category=agoraki] .body-figure-wrapper{transform:scale(1.5)!important;transform-origin:center center!important}.montessori-v2 .outlines-section[data-category=koritsaki] .shape-outline,.montessori-v2 .outlines-section[data-category=agoraki] .shape-outline{box-shadow:0 4px 12px #00000026!important;width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;background:#ffffffe6!important;border:3px solid rgba(76,175,80,.5)!important;border-radius:12px!important}.montessori-v2 .outlines-section[data-category=sximata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=arithmoi]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=xrwmata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=pagota]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=epaggelmata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=pazl]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=foraw]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=rouxa]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=synaisthimata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=grammata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=opws]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=zwa]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=athlimata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=oximata]:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}.montessori-v2 .outlines-section[data-category=zwa]:not([data-category=koritsaki]):not([data-category=agoraki]){overflow:visible!important}.montessori-v2 .outlines-section[data-category=zwa] .placed-card.deck-card{width:16vw!important;height:22.4vw!important;aspect-ratio:unset!important;overflow:visible!important;position:relative!important}.montessori-v2 .outlines-section[data-category=zwa] .placed-card.deck-card .shape-image{width:11vw!important;height:11vw!important}.montessori-v2 .game-title-section{padding:8px 10px 2px!important}.montessori-v2 .game-title-section h1{margin:0 0 2px!important;font-size:20px!important}.montessori-v2 .categories-carousel-compact,.montessori-v2 .categories-carousel{margin-bottom:2px!important;overflow:visible!important}.montessori-v2 .carousel-container-montessori{padding:4px .5rem 12px!important;overflow-y:visible!important}.montessori-v2 .carousel-category{width:70px!important;height:70px!important}.montessori-v2 .deck-card{width:120px!important;height:168px!important}.montessori-v2 .deck-card .shape-image{width:70px!important;height:70px!important}.montessori-v2 .card-deck[data-category=arithmoi] .deck-card .shape-image{width:115px!important;height:115px!important}.montessori-v2 .card-deck[data-category=pagota] .deck-card .shape-image{width:90px!important;height:90px!important;max-width:none!important;max-height:none!important}.montessori-v2 .card-deck[data-category=epaggelmata] .deck-card .shape-image{width:90px!important;height:90px!important}.montessori-v2 .card-deck[data-category=koritsaki] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=agoraki] .deck-card .shape-image{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.montessori-v2 .card-deck[data-category=pazl] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=foraw] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=zwa] .deck-card .shape-image{width:90px!important;height:90px!important}.montessori-v2 .card-deck[data-category=grammata] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=grammata] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=opws] .deck-card .shape-image{width:115px!important;height:115px!important;max-width:115px!important;max-height:115px!important}.montessori-v2 .card-deck[data-category=athlimata] .deck-card .shape-image{width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important}.montessori-v2 .card-deck[data-category=oximata] .deck-card .shape-image{width:105px!important;height:105px!important;max-width:105px!important;max-height:105px!important}.montessori-v2 .deck-card .shape-label{font-size:12px!important}.montessori-v2 .card-deck{width:90px!important;height:65px!important}.montessori-v2 .outlines-section .shape-outline .placed-card.deck-card{width:120px!important;height:168px!important;min-width:120px!important;max-width:120px!important;min-height:168px!important;max-height:168px!important;position:relative!important;overflow:visible!important}.montessori-v2 .outlines-section .shape-outline .placed-card.deck-card .shape-image{width:70px!important;height:70px!important;min-width:70px!important;max-width:70px!important;min-height:70px!important;max-height:70px!important}.montessori-v2 .outlines-section[data-category=arithmoi] .shape-outline .placed-card.deck-card .shape-image{width:160px!important;height:160px!important;min-width:160px!important;max-width:160px!important;min-height:160px!important;max-height:160px!important;transform:scale(1)!important}}.placed-card.deck-card{overflow:hidden!important}.placed-card.deck-card .shape-label{display:none!important}@keyframes stomp-impact{0%{transform:scale(1)}30%{transform:scale(.985)}60%{transform:scale(1.012)}to{transform:scale(1)}}.montessori-game.stomp-impact .outlines-section{animation:stomp-impact .15s ease-out}.montessori-v2 .outlines-section.grid-falling .shape-outline{animation:letterFall .6s ease-in forwards}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(1){animation-delay:0ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(2){animation-delay:40ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(3){animation-delay:80ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(4){animation-delay:30ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(5){animation-delay:70ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(6){animation-delay:.11s}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(7){animation-delay:50ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(8){animation-delay:90ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(9){animation-delay:.13s}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(10){animation-delay:60ms}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(11){animation-delay:.1s}.montessori-v2 .outlines-section.grid-falling .shape-outline:nth-child(12){animation-delay:.14s}@keyframes letterFall{0%{transform:translateY(0) rotate(0);opacity:1}20%{transform:translateY(-10px) rotate(-5deg);opacity:1}40%{transform:translateY(5px) rotate(3deg);opacity:1}60%{transform:translateY(30px) rotate(-8deg);opacity:.8}to{transform:translateY(150px) rotate(15deg);opacity:0}}.montessori-v2 .outlines-section.grid-rising .shape-outline{animation:letterRise .5s ease-out forwards}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(1){animation-delay:0ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(2){animation-delay:30ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(3){animation-delay:60ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(4){animation-delay:20ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(5){animation-delay:50ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(6){animation-delay:80ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(7){animation-delay:40ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(8){animation-delay:70ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(9){animation-delay:.1s}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(10){animation-delay:50ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(11){animation-delay:80ms}.montessori-v2 .outlines-section.grid-rising .shape-outline:nth-child(12){animation-delay:.11s}@keyframes letterRise{0%{transform:translateY(100px) scale(.5);opacity:0}60%{transform:translateY(-10px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.batch-complete-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:100;animation:batch-overlay-fade-in .3s ease-out}@keyframes batch-overlay-fade-in{0%{opacity:0}to{opacity:1}}.batch-complete-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 50px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 10px 40px #0000004d,0 0 0 4px #ffffff4d,inset 0 2px #ffffff4d;animation:batch-message-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes batch-message-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.batch-complete-text{font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px}.batch-complete-subtext{font-size:20px;font-weight:600;color:#ffffffe6;margin-top:8px;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 767px){.batch-complete-message{padding:24px 40px}.batch-complete-text{font-size:26px}.batch-complete-subtext{font-size:16px}}@media (min-width: 1367px){.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]){display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:500px!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline{position:absolute!important;width:150px!important;height:150px!important;border-radius:12px!important;background:#ffffffd9!important;border:3px solid rgba(150,150,150,.5)!important;box-shadow:0 4px 12px #00000026!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(1){top:2%!important;left:2%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(2){top:5%!important;left:42%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(3){top:2%!important;left:82%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(4){top:28%!important;left:3%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(5){top:32%!important;left:28%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(6){top:28%!important;left:56%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(7){top:32%!important;left:82%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(8){top:55%!important;left:2%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(9){top:58%!important;left:18%!important}.outlines-section:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline:nth-child(10){top:55%!important;left:82%!important}.outlines-section[data-category=koritsaki],.outlines-section[data-category=agoraki]{position:relative!important;width:100%!important;height:100%!important;min-height:500px!important;display:flex!important;justify-content:center!important;align-items:center!important}.outlines-section[data-category=koritsaki] .body-figure-wrapper,.outlines-section[data-category=agoraki] .body-figure-wrapper{position:relative!important;z-index:1!important}.outlines-section[data-category=koritsaki] .shape-outline,.outlines-section[data-category=agoraki] .shape-outline{position:absolute!important;z-index:10!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(1),.outlines-section[data-category=agoraki] .shape-outline:nth-child(1){top:2%!important;left:25%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(2),.outlines-section[data-category=agoraki] .shape-outline:nth-child(2){top:2%!important;left:65%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(3),.outlines-section[data-category=agoraki] .shape-outline:nth-child(3){top:10%!important;left:2%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(4),.outlines-section[data-category=agoraki] .shape-outline:nth-child(4){top:32%!important;left:5%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(5),.outlines-section[data-category=agoraki] .shape-outline:nth-child(5){top:25%!important;left:78%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(6),.outlines-section[data-category=agoraki] .shape-outline:nth-child(6){top:47%!important;left:80%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(7),.outlines-section[data-category=agoraki] .shape-outline:nth-child(7){top:63%!important;left:5%!important}.outlines-section[data-category=koritsaki] .shape-outline:nth-child(8),.outlines-section[data-category=agoraki] .shape-outline:nth-child(8){top:85%!important;left:5%!important}}.montessori-v2 .card-deck[data-category=grammata] .deck-card .shape-label{display:none!important}.montessori-v2 .card-deck[data-category=grammata] .deck-card .shape-image{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.montessori-v2 .card-deck[data-category=opws] .deck-card .shape-image{width:95px!important;height:95px!important;max-width:95px!important;max-height:95px!important}.montessori-v2 .card-deck[data-category=athlimata] .deck-card .shape-image{width:85px!important;height:85px!important;max-width:85px!important;max-height:85px!important}.montessori-v2 .card-deck[data-category=oximata] .deck-card .shape-image{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important}#outline-k1{top:-2%!important;left:-18%!important}#outline-k2{top:25%!important;left:-18%!important}#outline-k3{top:55%!important;left:-18%!important}#outline-k4{top:82%!important;left:-18%!important}#outline-k5{top:-2%!important;left:80%!important}#outline-k6{top:25%!important;left:80%!important}#outline-k7{top:50%!important;left:80%!important}#outline-k8{top:82%!important;left:80%!important}#outline-a1{top:5%!important;left:-3%!important}#outline-a2{top:35%!important;left:-12%!important}#outline-a3{top:75%!important;left:-10%!important}#outline-a4{top:38%!important;left:80%!important}#outline-a5{top:70%!important;left:78%!important}@media (min-width: 768px) and (max-width: 1366px){.montessori-v2 .koritsaki-agoraki-container{width:70%!important;max-width:700px!important}.montessori-v2 .outlines-section[data-category=koritsaki] .shape-outline,.montessori-v2 .outlines-section[data-category=agoraki] .shape-outline{width:22%!important;height:18%!important}.montessori-v2 .koritsaki-agoraki-container>img{position:relative!important}.montessori-v2 .outlines-section[data-category=koritsaki] .koritsaki-agoraki-container>img{margin-left:-8%!important}#outline-k1,#outline-k2,#outline-k3,#outline-k4{left:-10%!important}#outline-a1{left:2%!important}#outline-a2{left:-5%!important}#outline-a3{left:-3%!important}}@media (min-width: 1400px){.montessori-v2 .game-content:has(.outlines-section[data-category=koritsaki]) .card-deck,.montessori-v2 .game-content:has(.outlines-section[data-category=agoraki]) .card-deck{right:0;left:unset;top:50%}}@media (min-width: 1600px){.montessori-v2 .game-content{height:calc(100vh - 200px)}.outlines-section{margin-right:0;padding:10px 40px}}.coloring-mode{display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto}.coloring-header{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fef7f4;position:sticky;top:0;z-index:100}.coloring-header h1{font-size:clamp(20px,5vw,26px);font-weight:700;color:var(--text-dark);margin:0}.coloring-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 30px;max-width:900px;margin:0 auto;width:100%;overflow-y:auto;max-height:calc(100vh - 180px)}.coloring-letter-display{display:flex;align-items:center;gap:10px;margin-bottom:0;padding:12px 24px;background:linear-gradient(135deg,#f6ccd4,#f8e0d7);border-radius:16px;box-shadow:0 4px 12px #f6ccd459}.coloring-letter{font-size:clamp(30px,8vw,72px);font-weight:700;color:var(--text-dark);line-height:1}.coloring-word{font-size:clamp(18px,4vw,24px);font-weight:600;color:var(--text-dark);opacity:.8}.coloring-selector{display:flex;gap:8px;overflow-x:auto;padding:10px 0;margin-bottom:0;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-shrink:0;min-height:80px}.coloring-selector::-webkit-scrollbar{height:6px}.coloring-selector::-webkit-scrollbar-thumb{background:#f6ccd480;border-radius:3px}.coloring-thumb{flex-shrink:0;width:60px;height:60px;border-radius:12px;background:#fff;border:3px solid rgba(246,214,206,.4);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.coloring-thumb:hover{transform:scale(1.05);border-color:var(--rose)}.coloring-thumb.active{border-color:var(--rose);box-shadow:0 4px 12px #f6ccd480;transform:scale(1.1)}.coloring-thumb img{width:85%;height:85%;object-fit:contain}.thumb-letter{position:absolute;bottom:2px;right:2px;font-size:12px;font-weight:700;color:var(--text-dark);background:#ffffffe6;padding:1px 4px;border-radius:4px}.coloring-area{background:#fffefd;border-radius:clamp(16px,4vw,22px);padding:clamp(12px,3vw,24px);margin-bottom:15px;box-shadow:0 10px 24px #2c24420f;border:1px solid rgba(246,214,206,.25);display:flex;justify-content:center;align-items:center;width:100%;max-width:500px}.coloring-canvas-stack{position:relative;width:100%;max-width:450px;aspect-ratio:1}.coloring-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;border-radius:8px}.coloring-paint-layer{z-index:1;background:#fff}.coloring-image-layer{z-index:2;pointer-events:none}.coloring-outline-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2}.coloring-palette{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px;padding:12px;background:#f6d6ce26;border-radius:16px;border:1px solid rgba(246,214,206,.25);width:100%;max-width:500px}.color-swatch{width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);border-radius:50%;cursor:pointer;transition:all .2s ease;border:3px solid transparent;box-shadow:0 2px 8px #00000026}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{transform:scale(1.2);box-shadow:0 4px 16px #00000040;border-color:var(--text-dark)!important}.coloring-brush-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:15px;width:100%;max-width:400px}.brush-label{font-size:14px;font-weight:600;color:var(--text-dark)}.brush-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--rose),var(--peach));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--rose);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #f6ccd480;transition:all .2s ease}.brush-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.brush-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--rose);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px #f6ccd480}.coloring-controls{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.coloring-clear-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;color:var(--text-dark);background:#f6d6ce4d;border:2px solid rgba(246,214,206,.5);border-radius:12px;cursor:pointer;transition:all .2s ease}.coloring-clear-btn:hover{background:#f6d6ce80;transform:translateY(-2px)}.coloring-clear-btn svg{width:18px;height:18px}.coloring-hint{text-align:center;padding:clamp(10px,2.5vw,14px);background:#f6d6ce33;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(246,214,206,.3);width:100%;max-width:500px}.coloring-hint p{margin:0;font-size:16px;font-weight:600;color:var(--text-dark);line-height:1.4}.coloring-tool-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%;max-width:500px;margin-bottom:10px}.coloring-tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;border:2px solid rgba(246,214,206,.5);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.coloring-tool-button:hover{border-color:var(--rose);background:#f6d6ce26}.coloring-tool-button.active{border-color:var(--rose);background:#f6d6ce4d;box-shadow:0 2px 8px #f6ccd466}.coloring-tool-button__icon{font-size:22px;line-height:1}.coloring-tool-button__label{font-size:10px;font-weight:600;color:var(--text-dark);white-space:nowrap}.coloring-color-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;justify-items:center;width:100%}.coloring-selected-color-name{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;font-weight:700;color:var(--text-dark);margin-top:.4rem;padding:.35rem;background:#f6d6ce26;border-radius:8px;width:100%}@media (max-width: 480px){.coloring-thumb{width:50px;height:50px}.coloring-letter-display{padding:10px 18px}.color-swatch{width:36px;height:36px}.coloring-tool-selector{gap:.35rem}.coloring-tool-button{padding:.4rem .2rem}.coloring-tool-button__icon{font-size:20px}.coloring-tool-button__label{font-size:9px}.coloring-color-strip{display:flex;gap:.35rem;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.coloring-color-strip::-webkit-scrollbar{display:none}.coloring-selected-color-name{font-size:13px;padding:.25rem;margin-top:.2rem}}@media (min-width: 768px){.coloring-content{padding:20px 30px 40px}.coloring-thumb{width:70px;height:70px}.coloring-area{max-width:600px}.coloring-canvas-stack{max-width:500px}}.clock-content{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;position:relative;width:100%;max-width:400px;margin:0 auto;touch-action:pan-x pan-y;overflow:hidden}.clock-title{font-size:36px;font-weight:800;color:var(--text-dark);margin:0;text-align:center}.clock-face{width:300px;height:300px;min-width:300px;min-height:300px;aspect-ratio:1;clip-path:circle(50% at 50% 50%);background:#f8b4c4;position:relative;box-shadow:0 8px 24px #00000026;overflow:hidden;flex-shrink:0;touch-action:none}.clock-numbers{position:absolute;width:100%;height:100%;top:0;left:0}.clock-number{position:absolute;font-size:26px;font-weight:800;color:#333;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.clock-center{position:absolute;width:18px;height:18px;background:#333;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.clock-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;background:#333;border-radius:4px;cursor:default;z-index:5;transition:box-shadow .2s ease;overflow:visible}.clock-hand:hover{box-shadow:0 0 10px #0000004d}.clock-hand.dragging{cursor:grabbing;box-shadow:0 0 15px #0006}.clock-hand.active{box-shadow:0 0 12px 3px #4fd69a99;z-index:5}.clock-hand-toggle{display:flex;gap:12px;margin-bottom:15px}.clock-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #ddd;border-radius:25px;background:#fff;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.clock-toggle-btn:hover{border-color:#aaa;background:#f9f9f9}.clock-toggle-btn.active{border-color:#4fd69a;background:#e8f8f0;color:#1a5f2a}.toggle-icon{display:inline-block;width:20px;height:6px;border-radius:3px}.toggle-icon.hour-icon{background:#2c3e50;width:16px;height:8px}.toggle-icon.minute-icon{background:#555;width:22px;height:5px}.clock-toggle-btn.active .toggle-icon.hour-icon{background:#1a5f2a}.clock-toggle-btn.active .toggle-icon.minute-icon{background:#2980b9}.clock-hand.hour-hand{width:10px;height:70px;margin-left:-5px;background:#999;border-radius:5px;transition:background .2s ease}.clock-hand.hour-hand.active{background:#e74c3c}.clock-hand.minute-hand{width:6px;height:100px;margin-left:-3px;background:#999;border-radius:3px;z-index:3;transition:background .2s ease}.clock-hand.minute-hand.active{background:#3498db}.montessori-game .clock-hand-handle{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);width:18px;height:18px;border-radius:50%!important;cursor:grab;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 6px #0000004d}.montessori-game .clock-hand-handle:hover{transform:translate(-50%) translateY(-50%) scale(1.15);box-shadow:0 4px 12px #0006}.montessori-game .clock-hand-handle:active{cursor:grabbing;transform:translate(-50%) translateY(-50%) scale(1.1)}.montessori-game .clock-hand-handle.hour-handle{background:#e74c3c}.montessori-game .clock-hand-handle.minute-handle{background:#3498db}.montessori-game .clock-hand.active .clock-hand-handle{box-shadow:0 0 0 4px #ffffff80,0 4px 12px #0006}.digital-display{background:#a8d4e6;padding:8px 30px;border-radius:12px;min-width:150px;text-align:center;box-shadow:0 4px 12px #0000001a;border:3px solid #8fc4d8}.digital-time{font-size:36px;font-weight:800;font-family:Courier New,Roboto Mono,monospace;color:#333;letter-spacing:4px}.clock-buttons{display:flex;gap:15px;justify-content:center}.clock-reset-btn,.clock-check-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.clock-reset-btn{background:#f0f0f0;color:#555}.clock-reset-btn:hover{background:#e0e0e0}.clock-check-btn{background:linear-gradient(135deg,#f78da7,#e91e8c);color:#fff;min-width:120px;justify-content:center}.clock-check-btn:hover:not(:disabled){background:linear-gradient(135deg,#e91e8c,#c2185b);transform:scale(1.02)}.clock-check-btn:disabled{opacity:.6;cursor:not-allowed}.clock-check-btn.correct{background:#4caf50;animation:pulse-success .5s ease}.clock-check-btn.incorrect{background:#f44336;animation:shake .5s ease}.clock-hint{color:#666;font-size:16px;font-weight:600;margin:0;text-align:center}.clock-feedback-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.clock-feedback{padding:clamp(20px,5vw,32px) clamp(28px,7vw,44px);border-radius:24px!important;font-size:18px;font-weight:700;display:flex;align-items:center;gap:14px;box-shadow:0 18px 44px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clock-feedback--correct{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.clock-feedback--incorrect{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:2px solid rgba(255,255,255,.4)}.clock-feedback-icon{font-size:24px;line-height:1}@keyframes pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width: 480px){.clock-face{width:260px;height:260px}.clock-number{font-size:22px}.clock-hand.hour-hand{height:60px;width:8px;margin-left:-4px}.clock-hand.minute-hand{height:85px;width:5px;margin-left:-2.5px}.digital-time{font-size:40px}.clock-title{font-size:28px}.clock-buttons{flex-direction:column;gap:10px;width:100%}.clock-reset-btn,.clock-check-btn{width:100%;justify-content:center}}@media (min-width: 768px){.clock-content{padding:30px;max-width:500px}.clock-face{width:340px;height:340px}.clock-hand.hour-hand{height:80px}.clock-hand.minute-hand{height:115px}.digital-display{padding:20px 60px}.digital-time{font-size:56px}}.montessori-v2 .card-deck{width:130px!important;height:160px!important;max-width:130px!important;max-height:160px!important;bottom:10px!important;overflow:visible!important}.montessori-v2 .deck-card{width:130px!important;height:160px!important;overflow:visible!important}.montessori-v2 .card-deck .deck-card .shape-image{transform:scale(2)!important}.montessori-v2 .card-deck[data-category=oximata] .deck-card .shape-image,.montessori-v2 .card-deck[data-category=sximata] .deck-card .shape-image{transform:scale(1.5)!important}.category-image{transform:scale(1.2)}:root{--shape-0: linear-gradient(145deg, #ffe69a, #ffd464);--shape-1: linear-gradient(145deg, #ffc6f7, #ff9cdc);--shape-2: linear-gradient(145deg, #d9cfff, #bfa7ff);--shape-3: linear-gradient(145deg, #a9e4ff, #7fc6ff);--shape-4: linear-gradient(145deg, #bdfad7, #93f0be)}.montessori-game *,.montessori-game *:before,.montessori-game *:after{border-radius:0!important}.montessori-game .unified-header__back{border-radius:50%!important}.montessori-game{min-height:100vh;background:#fef7f4;padding:80px clamp(24px,6vw,32px) clamp(24px,6vw,32px);display:flex;justify-content:center}.montessori-game__content,.montessori-game__playground{width:100%;max-width:960px;display:flex;flex-direction:column;gap:clamp(24px,6vw,32px)}.montessori-game__header{text-align:center;background:#ffffffd9;border-radius:clamp(18px,5vw,26px);padding:clamp(18px,5vw,24px);box-shadow:0 18px 36px #ffc59138}.montessori-game__header h1{font-size:clamp(28px,6vw,32px);color:#2f2644;margin:0 0 6px}.montessori-game__header p{margin:0;color:#2f2644a3;font-size:clamp(16px,3.8vw,18px)}.montessori-game__playground{display:grid;grid-template-columns:1fr;gap:clamp(18px,6vw,26px)}.montessori-game__outlines,.montessori-game__shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(12px,4vw,18px)}.montessori-outline{background:#fff;border-radius:clamp(18px,5vw,22px);padding:clamp(14px,5vw,18px);min-height:clamp(160px,36vw,200px);border:2px dashed rgba(47,38,68,.25);display:flex;align-items:center;justify-content:center;transition:border .2s ease,box-shadow .2s ease}.montessori-outline img{width:clamp(140px,38vw,180px);height:clamp(140px,38vw,180px);object-fit:contain;opacity:.45}.montessori-outline.is-matched{border-color:#4fd69a99;box-shadow:0 16px 28px #4fd69a2e}.montessori-outline.is-matched img{opacity:.85}.montessori-shape{border:none;border-radius:clamp(18px,5vw,22px);padding:clamp(16px,5vw,20px);cursor:grab;box-shadow:0 16px 28px #2e26441f;display:flex;align-items:center;justify-content:center}.montessori-shape:active{cursor:grabbing}.montessori-shape img{width:clamp(130px,36vw,170px);height:clamp(130px,36vw,170px);object-fit:contain}@media (max-width: 620px){.montessori-game__outlines,.montessori-game__shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.montessori-outline,.montessori-shape{min-height:clamp(140px,42vw,180px)}}.montessori-shape,.montessori-outline{border-radius:0!important}@media (max-width: 768px){.montessori-shape img{max-width:100%;max-height:100%}}@media (max-width: 480px){.montessori-game{padding:calc(70px + env(safe-area-inset-top,0px)) clamp(10px,4vw,18px) clamp(30px + env(safe-area-inset-bottom,0px)) clamp(10px,4vw,18px)}.montessori-shape img,.montessori-outline img{width:clamp(110px,45vw,150px);height:clamp(110px,45vw,150px)}}.farm-animals-game *:not(.mg-game-header *):not(.mg-game-header):not(.coloring-controls *):not(.coloring-controls):not(.canvas-container *):not(.canvas-container),.farm-animals-game *:not(.mg-game-header *):not(.coloring-controls *):before,.farm-animals-game *:not(.mg-game-header *):not(.coloring-controls *):after{border-radius:0!important}.farm-animals-game{min-height:100vh;background:#fef7f4;padding:0 2rem 2rem;display:flex;flex-direction:column;align-items:center;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.farm-animals-game--intro{position:relative;align-items:center;justify-content:center;padding:80px clamp(24px,6vw,52px) clamp(24px,6vw,52px);background:#fef7f4;overflow-x:hidden}.farm-animals-game__intro-exit{position:absolute;top:clamp(20px,4vw,32px);left:clamp(20px,4vw,32px);width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);border-radius:50%;background:#ffffffe6;border:1px solid rgba(102,187,106,.3);display:flex;align-items:center;justify-content:center;font-size:18px;color:#2e7d32;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #66bb6a33;z-index:10}.farm-animals-game__intro-exit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #66bb6a40}.farm-animals-game__intro-exit:active{transform:translateY(0)}.farm-animals-game__intro-card{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(22px,5vw,48px);background:#fffffff2;border-radius:clamp(24px,6vw,34px);padding:clamp(28px,6vw,48px);box-shadow:0 28px 60px #2e7d322e;border:1px solid rgba(102,187,106,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.farm-animals-game__intro-hero{display:flex;align-items:center;justify-content:center}.farm-animals-game__intro-art{position:relative;width:clamp(240px,40vw,360px);aspect-ratio:4 / 3;border-radius:clamp(30px,7vw,42px);background:linear-gradient(175deg,#e8f5e9e6,#ffffffeb 70%);overflow:visible;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,26px)}.farm-animals-game__intro-bubble{position:absolute;border-radius:50%;filter:blur(24px);opacity:.7;pointer-events:none}.farm-animals-game__intro-bubble.is-one{width:clamp(90px,20vw,140px);height:clamp(90px,20vw,140px);background:linear-gradient(135deg,#66bb6a99,#81c78480);top:-10%;left:-8%;animation:floatBubble1 8s ease-in-out infinite}.farm-animals-game__intro-bubble.is-two{width:clamp(70px,16vw,110px);height:clamp(70px,16vw,110px);background:linear-gradient(135deg,#81c78480,#c8e6c999);bottom:-5%;right:-6%;animation:floatBubble2 10s ease-in-out infinite}.farm-animals-game__intro-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.farm-animals-game__intro-stack img{position:absolute;width:clamp(120px,26vw,180px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(46,125,50,.2))}.farm-animals-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-45%) translateY(-25%);z-index:1;animation-delay:0s}.farm-animals-game__intro-stack img:last-child{transform:rotate(8deg) translate(45%) translateY(25%);z-index:2;animation-delay:1s}.farm-animals-game__intro-body{display:flex;flex-direction:column;gap:clamp(14px,3vw,22px);justify-content:center}.farm-animals-game__intro-label{font-size:18px;font-weight:600;color:#2e7d32;text-transform:uppercase;letter-spacing:1.2px}.farm-animals-game__intro-title{font-size:18px;font-weight:800;color:#1b5e20;line-height:1.15;margin:0}.farm-animals-game__intro-subtitle{font-size:18px;color:#4e4e4e;line-height:1.6;margin:0}.farm-animals-game__intro-list{list-style:none;padding:0;margin:clamp(6px,1.5vw,10px) 0;display:flex;flex-direction:column;gap:clamp(10px,2vw,14px)}.farm-animals-game__intro-list li{font-size:18px;color:#333;padding-left:clamp(26px,5vw,32px);position:relative;line-height:1.5}.farm-animals-game__intro-list li:before{content:"🌾";position:absolute;left:0;font-size:18px}.farm-animals-game__intro-start{margin-top:clamp(8px,2vw,14px);padding:clamp(14px,3vw,18px) clamp(28px,6vw,36px);font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:clamp(14px,3vw,18px);cursor:pointer;transition:all .3s ease;box-shadow:0 20px 36px #66bb6a4d;display:inline-flex;align-items:center;gap:clamp(8px,2vw,12px);align-self:flex-start}.farm-animals-game__intro-start:hover{transform:translateY(-2px);box-shadow:0 24px 42px #66bb6a66;background:linear-gradient(135deg,#43a047,#2e7d32)}.farm-animals-game__intro-start-icon{font-size:18px}@keyframes floatBubble1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-12px) scale(1.05)}}@keyframes floatBubble2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,10px) scale(1.08)}}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(var(--rotate, 0deg))}50%{transform:translateY(-12px) rotate(var(--rotate, 0deg))}}@media (max-width: 768px){.farm-animals-game__intro-card{grid-template-columns:1fr;gap:clamp(20px,5vw,28px)}.farm-animals-game__intro-hero{order:1}.farm-animals-game__intro-body{order:2}.farm-animals-game__intro-art{width:min(320px,85vw)}}.farm-animals-game__header{margin-bottom:2rem;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:1.5rem}.farm-animals-game__header h1{font-size:20px;color:#2e7d32;margin-bottom:.5rem;font-weight:700}.farm-animals-game__header p{font-size:16px;color:#558b2f}.farm-animals-game__content{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:2rem}.animal-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.animal-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000026}.animal-card__header{background:linear-gradient(135deg,#f9a825,#f57f17);padding:1.5rem;text-align:center}.animal-card__header h2{font-size:20px;color:#fff;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.title-with-speaker{display:flex;align-items:center;gap:1rem}.speaker-button{background:#ffffffe6;border:2px solid white;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #00000026;flex-shrink:0}.speaker-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px #0003}.speaker-button svg{width:22px;height:22px;color:#f57f17}.speaker-button.speaking{background:#2e7d32;border-color:#2e7d32;animation:pulse-speaker 1.5s infinite}.speaker-button.speaking svg{color:#fff}@keyframes pulse-speaker{0%,to{transform:scale(1);box-shadow:0 3px 12px #2e7d324d}50%{transform:scale(1.05);box-shadow:0 6px 20px #2e7d3280}}.animal-card__body{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;background:#fff}.animal-card__image-container{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:16px;padding:1rem}.animal-card__image{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:12px}.animal-card__description{display:flex;align-items:center;background:#fff3e0;border-radius:16px;padding:1.5rem;border:2px solid #ffe0b2}.animal-card__description p{font-size:18px;line-height:1.8;color:#4e342e;margin:0;text-align:left}.animal-card__stats{background:#ffe8f0;border-radius:16px;padding:1.5rem;margin:0 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.animal-card__stat-item{font-size:18px;color:#4a148c;padding:.5rem;background:#fff;border-radius:8px;border-left:4px solid #ab47bc}.animal-card__stat-item strong{display:block;margin-bottom:.25rem;color:#6a1b9a}.animal-card--game{min-height:600px}.game-section-drag{display:flex;flex-direction:column;gap:2rem;padding:2rem}.game-group{display:flex;flex-direction:column;gap:1.5rem}.drop-zone-container{display:flex;flex-direction:column;gap:1rem}.drop-zone-container h3{font-size:18px;color:#1565c0;text-align:center;background:#fff59d;padding:.75rem;border-radius:12px;margin:0;font-weight:600}.drop-zone{background:#fff;border:4px dashed #90a4ae;border-radius:16px;min-height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.75rem}.drop-zone.has-content{min-height:280px!important;padding:1.5rem!important}.drop-zone.drag-over{border-color:#42a5f5;background:#e3f2fd;transform:scale(1.02)}.drop-zone.correct{border-color:#4caf50;border-style:solid;background:#e8f5e9;animation:pulse-correct .5s ease}.drop-zone.incorrect{border-color:#f44336;border-style:solid;background:#ffebee;animation:shake .5s ease}.drop-zone__placeholder{text-align:center;color:#90a4ae;font-size:18px;font-weight:600}.drop-zone__placeholder span{display:block;padding:1rem}.dropped-image{max-width:100%;width:auto;height:auto;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropped-image.animal-image{max-height:240px!important;height:240px}.dropped-image.food-image{max-height:200px!important;height:200px}.draggable-group{background:#f5f5f5;padding:1.5rem;border-radius:16px}.draggable-group h4{font-size:18px;color:#424242;margin:0 0 1rem;text-align:center;background:#fff;padding:.75rem;border-radius:8px}.draggable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.draggable-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:.75rem;cursor:grab;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:100px}.draggable-item:active{cursor:grabbing}.draggable-item:hover:not(.used){border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.draggable-item.selected{border-color:#2196f3;background:#e3f2fd;border-width:3px;box-shadow:0 0 0 3px #2196f34d}.draggable-item.used{opacity:.3;cursor:not-allowed}.draggable-item__image{width:100%;height:70px;object-fit:contain;pointer-events:none}.draggable-item__label{font-size:18px;font-weight:600;color:#424242;text-align:center}@keyframes pulse-correct{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animal-card--coloring{min-height:400px;overflow:visible!important;transform:none!important}.coloring-section{display:flex;gap:1.5rem;padding:1.5rem}.coloring-controls{display:flex;flex-direction:column;gap:1rem;min-width:200px;max-width:220px}.tool-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;border:2px solid #e0e0e0;border-radius:10px!important;background:#fff;cursor:pointer;transition:all .2s ease}.tool-button:hover{border-color:#a5d6a7;background:#f1f8e9}.tool-button.active{border-color:#4caf50;background:#e8f5e9;box-shadow:0 2px 8px #4caf504d}.tool-button__icon{font-size:22px;line-height:1}.tool-button__label{font-size:10px;font-weight:600;color:#424242;white-space:nowrap}.color-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.color-swatch{width:44px;height:44px;border:3px solid #e0e0e0;border-radius:50%!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.color-swatch:hover{transform:scale(1.15);box-shadow:0 3px 8px #0003}.color-swatch.selected{border-color:#2196f3;border-width:4px;transform:scale(1.2);box-shadow:0 0 0 3px #2196f34d}.selected-color-name{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:14px;font-weight:700;color:#424242;margin-top:.4rem;padding:.35rem;background:#f5f5f5;border-radius:8px!important}.speak-color-btn{background:#4caf50;border:none;border-radius:50%!important;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #4caf504d}.speak-color-btn:hover{background:#43a047;transform:scale(1.1)}.speak-color-btn:active{transform:scale(.95)}.brush-controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#f5f5f5;padding:.6rem;border-radius:10px!important}.brush-slider{width:100%;cursor:pointer}.brush-size-label{font-size:13px;font-weight:600;color:#424242}.clear-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:10px!important;padding:.6rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #f443364d}.clear-button:hover{background:linear-gradient(135deg,#ef5350,#e53935);transform:translateY(-2px);box-shadow:0 5px 14px #f4433666}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:12px;padding:.75rem;box-shadow:inset 0 2px 8px #0000001a;position:relative}.farm-animals-game .coloring-canvas{position:relative!important;width:100%;aspect-ratio:4 / 3;max-height:600px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:crosshair;touch-action:none}@keyframes feedbackPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}60%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes feedbackBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;padding:2rem 2.5rem;border-radius:24px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;font-weight:700;box-shadow:0 20px 60px #0000004d;animation:feedbackPopIn .4s ease-out forwards;min-width:220px}.feedback--correct{background:linear-gradient(135deg,#a5d6a7,#66bb6a);color:#fff;border:4px solid #43a047}.feedback--incorrect{background:linear-gradient(135deg,#ef9a9a,#e57373);color:#fff;border:4px solid #e53935}.feedback__icon{font-size:48px;font-weight:700;animation:feedbackBounce .6s ease-in-out .3s}.feedback__text{font-size:22px;text-align:center;line-height:1.3}.farm-animals-game__navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;max-width:1200px;width:100%}.nav-button:disabled{background:#e0e0e0;color:#9ca3af;cursor:default;opacity:.6;box-shadow:0 2px 8px #0000001a;pointer-events:none}.nav-button:hover:not(:disabled){background:#ffa3cc;box-shadow:0 6px 16px #ffb3d980}.nav-button:active:not(:disabled){transform:translateY(0)}@media (max-width: 768px){.farm-animals-game{padding:0 1rem 1rem}.farm-animals-game__header h1{font-size:20px}.farm-animals-game__header p{font-size:16px}.animal-card__header h2{font-size:20px}.animal-card__body{grid-template-columns:1fr;gap:1rem;padding:1rem}.animal-card__image-container{max-height:200px}.animal-card__description p{font-size:18px}.animal-card__stats{margin:0 1rem 1rem;grid-template-columns:1fr}.game-section-drag{padding:1rem;gap:1.5rem}.game-group{gap:1rem}.drop-zone-container h3{font-size:18px;padding:.5rem}.drop-zone{min-height:50px}.drop-zone.has-content{min-height:200px!important;padding:1rem!important}.dropped-image.animal-image{max-height:170px!important;height:170px}.dropped-image.food-image{max-height:140px!important;height:140px}.draggable-group{padding:1rem}.draggable-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.draggable-item{min-height:80px;padding:.5rem}.draggable-item__image{height:60px}.coloring-section{flex-direction:column;padding:.75rem;gap:.75rem}.coloring-controls{max-width:unset;min-width:unset;gap:.6rem}.tool-selector{gap:.35rem}.tool-button{padding:.4rem .2rem}.tool-button__icon{font-size:20px}.tool-button__label{font-size:9px}.color-strip{display:flex;gap:.35rem;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.color-strip::-webkit-scrollbar{display:none}.color-swatch{width:40px;height:40px}.selected-color-name{font-size:13px;padding:.25rem;margin-top:.2rem}.brush-controls{flex-direction:row;padding:.4rem .6rem;gap:.5rem}.brush-size-label{font-size:12px;white-space:nowrap}.clear-button{padding:.45rem .75rem;font-size:13px}.canvas-container{flex:unset;padding:.5rem}.coloring-canvas{max-height:45vh}.feedback{margin:1rem;padding:1rem;font-size:18px}.feedback__text{font-size:18px}.farm-animals-game__navigation{flex-direction:column;gap:.75rem;padding:1rem}.nav-button{padding:.75rem 1.25rem;font-size:18px;width:100%;min-width:unset}.nav-indicator{font-size:18px;width:100%;max-width:unset;order:-1;padding:.65rem 1rem}}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.animal-card__header{padding:1.5rem 2rem}.animal-card__header h2{flex:0 0 auto}.quick-tabs-inline{display:flex;gap:.75rem;flex-wrap:wrap}.tab-button-inline{background:#ffffffe6;border:3px solid white;border-radius:12px;padding:.6rem 1.25rem;font-size:18px;font-weight:700;color:#f57f17;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 3px 12px #00000026}.tab-button-inline:hover:not(.disabled){background:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.tab-button-inline.active{background:#2e7d32;border-color:#2e7d32;color:#fff;box-shadow:0 6px 20px #2e7d3266;transform:translateY(-3px) scale(1.05)}.tab-button-inline.disabled{opacity:.4;cursor:not-allowed;background:#ffffff80;border-color:#fff9;color:#f57f1780}.tab-button-inline.disabled:hover{transform:none;box-shadow:0 3px 12px #00000026}.animals-carousel{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:1.25rem 2rem;box-shadow:0 6px 20px #0000001f;border:2px solid #F0F0F0;width:100%;max-width:1200px}.animals-carousel h3{font-size:18px;color:#2e7d32;margin:0 0 1rem;text-align:center;font-weight:700;letter-spacing:.5px;position:relative;padding-bottom:.5rem}.animals-carousel h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:2px}.carousel-container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.75rem .5rem;scrollbar-width:thin;scrollbar-color:#FFB3D9 #F5F5F5;scroll-behavior:smooth}.carousel-container::-webkit-scrollbar{height:8px}.carousel-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.carousel-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffb3d9,#f9c);border-radius:10px}.carousel-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#f9c,#ff85c1)}.carousel-animal{background:#fff;border:2px solid #E8E8E8;border-radius:50%;padding:.4rem;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;width:var(--game-icon-size);height:var(--game-icon-size);flex-shrink:0;box-shadow:0 2px 8px #0000000f}.carousel-animal:before{display:none}.carousel-animal:hover{border-color:#a5d6a7;transform:scale(1.08);box-shadow:0 4px 12px #4caf5026}.carousel-animal.selected{border-color:#4caf50;border-width:3px;background:#f1f8e9;box-shadow:0 4px 14px #4caf5040;transform:scale(1.1)}.carousel-animal.selected:after{display:none}.carousel-animal.completed{border-color:#66bb6a;background:#e8f5e9}.carousel-animal.completed.selected{border-color:#2e7d32;box-shadow:0 4px 14px #2e7d324d}.carousel-animal img{width:var(--game-icon-size);height:var(--game-icon-size);object-fit:contain;pointer-events:none;transition:transform .3s ease}.carousel-animal:hover img{transform:scale(1.1)}.completion-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 3px 10px #4caf5080;border:2px solid white;animation:pop-in .4s cubic-bezier(.68,-.55,.265,1.55);z-index:10}@keyframes pop-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animal-name{display:none}@media (max-width: 768px){.farm-animals-game{padding:0 .5rem 1rem}.farm-animals-game__header{margin-bottom:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.animal-card__header{padding:1rem 1.25rem}.animal-card__header h2{font-size:20px}.title-with-speaker{gap:.75rem}.speaker-button{width:38px;height:38px}.speaker-button svg{width:18px;height:18px}.quick-tabs-inline{gap:.5rem;width:100%}.tab-button-inline{padding:.4rem .7rem;font-size:14px;flex:1;border-width:2px}.tab-button-inline.active{transform:none}.tab-button-inline:hover:not(.disabled){transform:none}.animal-card__body{padding:1rem;gap:1rem}.animal-card__image-container{max-height:120px;padding:.75rem}.animal-card__image{max-height:120px}.animal-card__description{padding:1rem}.animal-card__description p{font-size:18px;line-height:1.5}.animal-card__stats{margin:0 1rem 1rem;padding:1rem;gap:.75rem}.animal-card__stat-item{padding:.4rem;font-size:18px}.animals-carousel{padding:.85rem 1rem}.animals-carousel h3{font-size:18px;margin:0 0 .65rem;padding-bottom:.4rem}.animals-carousel h3:after{width:40px;height:2px}.carousel-container{gap:.6rem;padding:.4rem .25rem}.carousel-animal{width:var(--game-icon-size);height:var(--game-icon-size);padding:.4rem;border-width:2px}.carousel-animal img{width:var(--game-icon-size);height:var(--game-icon-size)}.carousel-animal.selected{border-width:3px}.completion-badge{width:18px;height:18px;font-size:18px;top:-4px;right:-4px;border-width:2px}.canvas-container{flex:unset;width:100%;padding:.5rem}}@media (max-width: 480px){.farm-animals-game{padding:0 .5rem .75rem}.farm-animals-game__header{margin-bottom:.75rem}.animal-card__header{padding:.85rem 1rem}.animal-card__header h2{font-size:20px}.header-content{gap:.5rem}.animal-card__body{padding:.75rem;gap:.75rem}.animal-card__image-container{max-height:100px;padding:.5rem}.animal-card__image{max-height:100px}.animal-card__description{padding:.85rem}.animal-card__description p{font-size:18px;line-height:1.45}.animal-card__stats{margin:0 .75rem .75rem;padding:.85rem;gap:.6rem}.animal-card__stat-item{font-size:18px;padding:.35rem}.quick-tabs-inline{gap:.35rem}.tab-button-inline{padding:.35rem .4rem;font-size:13px;border-width:2px}.tab-button-inline.active{transform:none}.tab-button-inline:hover:not(.disabled){transform:none}.animals-carousel{padding:.65rem .85rem}.animals-carousel h3{font-size:18px;margin:0 0 .5rem;padding-bottom:.35rem}.animals-carousel h3:after{width:35px}.carousel-container{gap:.5rem;padding:.3rem .2rem}.carousel-animal{width:70px!important;height:70px!important;padding:.4rem!important;border-width:2px}.carousel-animal img{width:74px;height:74px}.completion-badge{width:16px;height:16px;font-size:18px;top:-3px;right:-3px}.coloring-section{padding:.5rem;gap:.5rem}.tool-selector{gap:.25rem}.tool-button{padding:.35rem .15rem}.tool-button__icon{font-size:18px}.tool-button__label{font-size:8px}.color-swatch{width:36px;height:36px}.canvas-container{width:100%;padding:.35rem}.coloring-canvas{max-height:40vh}}.touch-drag-clone{border:3px solid #2196f3!important;background:#fff!important}.farm-card{border-radius:0!important}.instruction-sound-toggle{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;z-index:1000}.instruction-sound-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea80}.instruction-sound-toggle.playing{animation:pulse-sound 1.5s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b)}.instruction-sound-toggle.prompt{animation:pulse-prompt 2s infinite}.instruction-sound-toggle .sound-prompt-text{position:absolute;right:100%;margin-right:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px!important;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 3px 10px #667eea4d}.instruction-sound-toggle .sound-prompt-text:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid #764ba2;border-top:6px solid transparent;border-bottom:6px solid transparent}@keyframes pulse-sound{0%{box-shadow:0 4px 15px #e74c3c66}50%{box-shadow:0 4px 25px #e74c3cb3,0 0 0 8px #e74c3c33}to{box-shadow:0 4px 15px #e74c3c66}}@keyframes pulse-prompt{0%{transform:scale(1);box-shadow:0 4px 15px #667eea66}50%{transform:scale(1.1);box-shadow:0 4px 25px #667eeab3,0 0 0 10px #667eea26}to{transform:scale(1);box-shadow:0 4px 15px #667eea66}}@media (max-width: 768px){.instruction-sound-toggle{top:15px;right:15px;width:44px;height:44px;font-size:20px}.instruction-sound-toggle .sound-prompt-text{font-size:12px;padding:4px 10px}}.sound-enable-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .3s ease}.sound-enable-prompt{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 60px;border-radius:24px!important;text-align:center;color:#fff;box-shadow:0 20px 60px #667eea80;animation:bounceIn .5s ease;max-width:90%}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.sound-enable-icon{width:80px;height:80px;background:#fff3;border-radius:50%!important;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;animation:pulse-icon 1.5s infinite}@keyframes pulse-icon{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.1);box-shadow:0 0 0 15px #fff0}}.sound-enable-prompt h2{font-size:28px;margin:0 0 10px;font-weight:700}.sound-enable-prompt p{font-size:16px;margin:0;opacity:.9}@media (max-width: 768px){.sound-enable-prompt{padding:30px 40px}.sound-enable-icon{width:60px;height:60px;font-size:28px}.sound-enable-prompt h2{font-size:22px}.sound-enable-prompt p{font-size:14px}}.number-matching-game *,.number-matching-game *:before,.number-matching-game *:after{border-radius:0!important}.number-matching-game{min-height:100vh;background:#fef7f4;padding:80px 2rem 2rem;display:flex;flex-direction:column;align-items:center}.number-matching-game__header{margin-bottom:2rem;width:100%;max-width:900px}.title-with-back{display:flex;align-items:center;gap:1rem}.back-btn-inline{background:#ffb3d9;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffb3d94d;flex-shrink:0}.back-btn-inline:hover{background:#ffa3cc;transform:scale(1.05);box-shadow:0 6px 16px #ffb3d980}.back-btn-inline svg{width:24px;height:24px;color:#1a1a1a}.number-matching-game__header h1{font-size:18px;color:#e65100;margin-bottom:.5rem;font-weight:700}.number-matching-game__header p{font-size:18px;color:#f57c00}.number-matching-game__content{width:100%;max-width:900px;display:flex;flex-direction:column;gap:2rem;align-items:center}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#fff;padding:2rem;border-radius:24px;box-shadow:0 8px 32px #0000001a;position:relative;width:100%;max-width:800px}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.shapes-column,.numbers-column{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2;align-items:center;justify-content:center}.number-card{background:#fff;border:4px solid #e0e0e0;border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:100px;width:100%;max-width:150px;box-shadow:0 4px 12px #0000001a}.number-card:hover:not(.matched){border-color:#ff9800;transform:translateY(-4px);box-shadow:0 6px 16px #ff98004d}.number-card.selected{border-color:#ff6f00;background:#fff3e0;border-width:4px;box-shadow:0 0 0 4px #ff6f004d}.number-card.matched{border-color:#4caf50;background:#e8f5e9;opacity:.6;cursor:not-allowed;pointer-events:none}.number-card img{width:var(--game-icon-size);height:var(--game-icon-size);object-fit:contain;pointer-events:none}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 3rem;border-radius:16px;font-size:18px;font-weight:700;z-index:1000;animation:fadeInOut 1s ease;box-shadow:0 8px 32px #0003}.feedback--correct{background:#c8e6c9;color:#2e7d32;border:4px solid #4caf50}.feedback--incorrect{background:#ffcdd2;color:#c62828;border:4px solid #f44336}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.number-matching-game__navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;width:100%;max-width:800px}.nav-button{background:#ffb3d9;color:#1a1a1a;border:none;border-radius:24px;padding:.875rem 1.75rem;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffb3d94d;white-space:nowrap;min-width:140px}.nav-button:hover{background:#ffa3cc;box-shadow:0 6px 16px #ffb3d980}.nav-indicator{font-size:18px;font-weight:600;color:#1a1a1a;background:#ffeb9c;padding:.75rem 1.25rem;border-radius:24px;text-align:center;flex:1;max-width:300px}@media (max-width: 768px){.number-matching-game{padding:70px 1rem 1rem}.number-matching-game__header h1,.number-matching-game__header p{font-size:18px}.matching-grid{gap:1rem;padding:1rem}.number-card{min-height:80px;padding:.75rem}.number-card img{width:var(--game-icon-size);height:var(--game-icon-size)}.number-matching-game__navigation{flex-direction:column;gap:.75rem;padding:1rem}.nav-button{width:100%;min-width:unset}.nav-indicator{width:100%;max-width:unset;order:-1}.feedback{font-size:18px;padding:1.5rem 2rem}}.shape-card,.number-card{border-radius:0!important}@media (max-width: 480px){.matching-grid{gap:.5rem}.shapes-column,.numbers-column{gap:1rem}.number-card{min-height:70px;padding:.5rem}.number-card img{width:var(--game-icon-size);height:var(--game-icon-size)}}.multiplication-header,.intro-text,.intro-text h2{border-radius:0!important}.smart-cards-custom-card .language-card-icon{width:clamp(70px,16vw,85px)!important;height:clamp(70px,16vw,85px)!important;padding:0!important}.smart-cards-custom-card .language-card-body{height:auto!important;min-width:0!important;padding-left:10px!important;justify-content:center;gap:4px!important}.smart-cards-custom-card .language-card-title{font-family:Comfortaa,sans-serif!important;line-height:1.3!important;font-weight:700!important}.smart-cards-custom-card .language-card-description{font-family:Comfortaa,sans-serif!important;font-size:clamp(10px,2.5vw,12px)!important;line-height:1.45!important}@media (max-width: 768px){.smart-cards-custom-card{min-height:110px!important}}.multiplication-table-page{height:100vh;height:100dvh;background:#fef7f4;padding:0;padding-top:env(safe-area-inset-top,0px);overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.multiplication-header{display:flex;align-items:center;gap:20px;margin-bottom:0;background:#5b7ba5;padding:12px 20px;box-shadow:0 4px 6px #0000001a;position:relative;z-index:1000;flex-shrink:0}.multiplication-header .back-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:transform .2s}.multiplication-header .back-btn:hover{transform:scale(1.1)}.multiplication-header h1{color:#fff;margin:0;font-size:18px;font-weight:700;letter-spacing:2px}.header-page-indicator{font-size:12px;font-weight:400;opacity:.7;margin-left:8px}.intro-text{text-align:center;margin:8px 0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.intro-text h2{color:#5b7ba5;font-size:16px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:1px;border-radius:0!important;background:transparent!important}.table-container{display:flex;justify-content:center;align-items:center;padding:10px;overflow-x:auto;overflow-y:auto;width:100%;position:relative;z-index:1;flex:1}.multiplication-grid{display:grid;grid-template-columns:repeat(13,minmax(35px,1fr));gap:2px;background:#fff;padding:2px;border-radius:8px;box-shadow:0 8px 16px #0003;width:fit-content;margin:0 auto;max-width:95vw}.cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;min-width:35px;min-height:35px;max-width:60px;max-height:60px}.corner{background:#5b7ba5;color:#fff;font-size:18px}.header-cell,.row-header{background:#e89cae;color:#fff}.data-cell{background:#b8d4d4;color:#fff;transition:all .2s;cursor:pointer}.data-cell:hover{background:#9ac4c4;transform:scale(1.05);box-shadow:0 2px 8px #0003}.start-button-container{display:flex;justify-content:center;margin:10px 0;position:relative;z-index:1;flex-shrink:0}.start-button{background:#5b7ba5;color:#fff;border:none;padding:10px 30px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s}.start-button:hover{background:#4a6a94;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.start-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.tabs-container{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:20px}.tabs-header{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px}.tab-button{background:#fff;color:#5b7ba5;border:none;padding:12px 10px;font-size:15px;font-weight:700;border-radius:20px;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #00000026;text-align:center}.tab-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000040}.tab-button.active{background:#5b7ba5;color:#fff;transform:scale(1.05)}.categories-container{display:flex;flex-direction:column;gap:30px;padding:20px;position:relative;z-index:1}.games-menu-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 20px;max-width:1200px;margin:0 auto}.game-card{padding:40px 30px;border-radius:30px;cursor:pointer;text-align:center;box-shadow:0 6px 20px #0000001a;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:all .3s ease;background:#fff!important}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.game-card:active{transform:translateY(-2px)}.game-card-icon{width:var(--game-icon-size);height:var(--game-icon-size);display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:50%;padding:20px}.game-icon-image{width:var(--game-icon-size);height:var(--game-icon-size);object-fit:contain;mix-blend-mode:multiply;transform:scale(1.3)}.game-icon-emoji{font-size:18px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.game-card-title{font-size:18px;margin:0;font-weight:700;text-align:center;letter-spacing:.5px}.game-card:nth-child(1) .game-card-title{color:#ff964d}.game-card:nth-child(2) .game-card-title{color:#58a6ff}.game-card:nth-child(3) .game-card-title{color:#ffb347}.game-card:nth-child(4) .game-card-title{color:#6b7fd7}.game-card:nth-child(5) .game-card-title{color:#c85c7f}.game-card:nth-child(6) .game-card-title{color:#98fb98}.game-card:nth-child(7) .game-card-title{color:#ff6b9d}.game-card:nth-child(8) .game-card-title{color:#4fc3f7}.game-card:nth-child(9) .game-card-title{color:#ffd93d}.game-card:nth-child(10) .game-card-title{color:#9b59b6}.game-card:nth-child(11) .game-card-title{color:#e74c3c}.game-card:nth-child(12) .game-card-title{color:#2ecc71}.game-card:nth-child(13) .game-card-title{color:#e67e22}.game-card-description{font-size:18px;color:#666!important;margin:0;text-align:center;font-weight:500;line-height:1.5}@media (max-width: 1024px){.games-menu-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.games-menu-container{grid-template-columns:1fr;gap:18px;padding:20px 15px}.game-card{padding:35px 25px;min-height:260px}.game-card-icon{width:var(--game-icon-size);height:var(--game-icon-size);padding:18px}.game-icon-image{width:var(--game-icon-size);height:var(--game-icon-size)}.game-icon-emoji,.game-card-title,.game-card-description{font-size:18px}}.category-card-new{background:#fff;border-radius:30px;padding:50px 40px;display:flex;flex-direction:column;align-items:center;gap:25px;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #00000026;max-width:500px;width:100%}.category-card-new:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000040}.category-circle{width:180px;height:180px;border-radius:50%;border:5px solid #333;background:#fff;display:flex;align-items:center;justify-content:center;color:#5b7ba5}.category-title{font-size:18px;font-weight:700;color:#333;margin:0;text-align:center}.category-subtitle{font-size:18px;color:#666;margin:0;text-align:center}@media (max-width: 768px){.category-card-new{padding:40px 30px;gap:20px}.category-circle{width:150px;height:150px}.category-title,.category-subtitle{font-size:18px}}@media (max-width: 480px){.tabs-header{gap:15px}.tab-button{padding:20px 15px;font-size:18px}.category-card-new{padding:30px 20px;gap:15px}.category-circle{width:130px;height:130px}.category-title,.category-subtitle{font-size:18px}}.training-page{height:100vh;height:100dvh;background:#a4cede;padding:10px;display:flex;flex-direction:column;overflow:hidden}.training-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.training-image-container{max-width:90%;max-height:70vh;display:flex;justify-content:center;align-items:center}.training-image{max-width:100%;max-height:70vh;object-fit:contain}.training-navigation{display:flex;align-items:center;gap:15px;width:100%;max-width:600px;justify-content:space-between;padding:0 10px}.nav-button{background:#fff;color:#5b7ba5;border:3px solid #5b7ba5;padding:20px 45px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s;box-shadow:0 4px 12px #00000026;min-width:200px;justify-content:center}.nav-button:hover{background:#5b7ba5;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.nav-button:active{transform:translateY(0)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.finish-button{background:#fff;color:#28a745;border-color:#28a745}.finish-button:hover{background:#28a745;color:#fff}.page-indicator{display:none}.exercise-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.exercise-table{background:#f5e6d3;padding:40px;border-radius:20px;display:grid;grid-template-columns:1fr;gap:15px;max-width:450px;width:100%;margin:0 auto}.exercise-row{display:flex;align-items:center;justify-content:center;gap:20px;font-size:18px;font-weight:700}.exercise-equation{min-width:120px;text-align:right;color:#333}.exercise-input{width:80px;padding:10px;font-size:18px;font-weight:700;text-align:center;border:3px solid #ddd;border-radius:8px;background:#fff;transition:all .3s}.exercise-input:focus{outline:none;border-color:#5b7ba5}.exercise-input.correct{border-color:#28a745;background:#d4edda}.exercise-input.incorrect{border-color:#dc3545;background:#f8d7da}.exercise-answer-btn{width:80px;padding:10px;font-size:18px;font-weight:700;text-align:center;border:3px solid #ddd;border-radius:8px;background:#fff;transition:all .3s;cursor:pointer;color:#5b7ba5}.exercise-answer-btn:hover:not(:disabled){border-color:#5b7ba5;background:#f0f4f8}.exercise-answer-btn.correct{border-color:#28a745;background:#d4edda;color:#28a745;cursor:default}.exercise-answer-btn.incorrect{border-color:#dc3545;background:#f8d7da;color:#dc3545}.exercise-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.exercise-popup{background:#fff;border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 40px #0003;max-width:90%;width:320px}.exercise-popup h3{margin:0 0 20px;font-size:18px;color:#2c2442}.exercise-popup-options{display:flex;flex-direction:column;gap:12px}.exercise-popup-option{padding:15px 30px;font-size:22px;font-weight:700;border:3px solid #5b7ba5;border-radius:12px;background:#fff;color:#5b7ba5;cursor:pointer;transition:all .2s}.exercise-popup-option:hover{background:#5b7ba5;color:#fff}.circle-game-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:30px;padding:20px}.circle-question-card{background:#fff;padding:40px;border-radius:30px;display:flex;flex-direction:column;align-items:center;gap:30px;box-shadow:0 8px 24px #00000026;max-width:500px;width:100%}.circle-question-image{width:150px;height:150px;object-fit:contain}.circle-equation{font-size:18px;font-weight:700;color:#5b7ba5;background:linear-gradient(135deg,#f5d76e,#f7ca18);padding:20px 50px;border-radius:50px}.circle-options{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.circle-option{width:100px;height:100px;border-radius:50%;border:4px solid #5b7ba5;background:#fff;font-size:18px;font-weight:700;color:#333;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.training-page{height:100vh;height:100dvh;padding:0}.circle-game-content{flex:1;gap:15px;padding:10px}.circle-question-image{width:120px;height:120px}.circle-equation{font-size:28px;padding:15px 40px}.circle-option{width:80px;height:80px;font-size:16px}}.circle-option:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #0003}.circle-option.selected{border-width:6px;border-color:#5b7ba5}.circle-option.correct{background:#d4edda;border-color:#28a745}.circle-option.incorrect{background:#f8d7da;border-color:#dc3545}.circle-option:disabled{cursor:not-allowed}.circles-fill-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.magnifying-cluster{position:relative;width:600px;height:600px;display:flex;align-items:center;justify-content:center}.center-circle{position:absolute;width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px #0003}.center-number{font-size:18px;font-weight:700;color:#fff}.magnifying-glass{position:absolute;width:170px;height:170px;border-radius:50%;border:8px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .3s}.magnifying-glass:hover{transform:scale(1.05)}.magnifying-glass.top{top:0;left:50%;transform:translate(-50%)}.magnifying-glass.right{right:0;top:50%;transform:translateY(-50%)}.magnifying-glass.bottom{bottom:0;left:50%;transform:translate(-50%)}.magnifying-glass.left{left:0;top:50%;transform:translateY(-50%)}.magnifying-handle{position:absolute;width:50px;height:10px;border-radius:5px;z-index:-1}.magnifying-glass.top .magnifying-handle{bottom:-40px;left:50%;transform:translate(-50%) rotate(90deg)}.magnifying-glass.right .magnifying-handle{left:-40px;top:50%;transform:translateY(-50%)}.magnifying-glass.bottom .magnifying-handle{top:-40px;left:50%;transform:translate(-50%) rotate(90deg)}.magnifying-glass.left .magnifying-handle{right:-40px;top:50%;transform:translateY(-50%)}.magnifying-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px}.magnifying-equation{font-size:18px;font-weight:700;color:#333}.magnifying-input{width:70px;height:70px;border-radius:50%;border:4px solid;font-size:18px;font-weight:700;text-align:center;background:#fff;outline:none;transition:all .3s}.magnifying-input:focus{box-shadow:0 0 10px #0003}.magnifying-input.correct{border-color:#28a745!important;background:#d4edda}.magnifying-input.incorrect{border-color:#dc3545!important;background:#f8d7da}.magnifying-input-box{width:70px;height:70px;border-radius:50%;border:4px solid;font-size:24px;font-weight:700;text-align:center;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#333}.magnifying-input-box:hover{transform:scale(1.05);box-shadow:0 0 15px #0003}.magnifying-input-box.correct{border-color:#28a745!important;background:#d4edda;cursor:default}.magnifying-input-box.incorrect{border-color:#dc3545!important;background:#f8d7da}@media (max-width: 768px){.magnifying-cluster{width:450px;height:450px}.center-circle{width:110px;height:110px}.center-number{font-size:18px}.magnifying-glass{width:130px;height:130px;border:6px solid}.magnifying-equation{font-size:18px}.magnifying-input{width:55px;height:55px;font-size:18px;border:3px solid}.magnifying-input-box{width:55px;height:55px;font-size:20px;border:3px solid}.magnifying-handle{width:40px;height:8px}}@media (max-width: 480px){.magnifying-cluster{width:350px;height:350px}.center-circle{width:90px;height:90px}.center-number{font-size:18px}.magnifying-glass{width:105px;height:105px;border:5px solid}.magnifying-equation{font-size:18px}.magnifying-input,.magnifying-input-box{width:45px;height:45px;font-size:18px;border:3px solid}.magnifying-handle{width:35px;height:6px}.magnifying-glass.top .magnifying-handle{bottom:-35px;left:50%;transform:translate(-50%) rotate(90deg)}.magnifying-glass.right .magnifying-handle{left:-35px;top:50%;transform:translateY(-50%)}.magnifying-glass.bottom .magnifying-handle{top:-35px;left:50%;transform:translate(-50%) rotate(90deg)}.magnifying-glass.left .magnifying-handle{right:-35px;top:50%;transform:translateY(-50%)}}.table-fill-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.table-fill-grid{display:grid;grid-template-columns:80px repeat(5,110px);gap:6px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 8px 24px #00000026}.table-cell{display:flex;align-items:center;justify-content:center;min-height:70px;font-size:18px;font-weight:700;border-radius:8px;position:relative}.corner-cell{background:#f5e6b3}.header-cell{background:#f5e6b3;color:#333}.top-header{flex-direction:column;gap:5px;padding:8px}.x-symbol{font-size:18px;color:#6b7fd7}.header-number{font-size:18px;color:#333}.left-header{background:#f5e6b3}.data-cell{background:#ffe4e4;color:#333}.blue-cell{background:#a8d8ea;color:#333}.yellow-cell{background:#f5e6b3;color:#333}.example-cell{background:#ffe4e4;color:#4a9fb5;font-size:18px}.input-cell{padding:0}.table-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:18px;font-weight:700;color:#333;outline:none;border-radius:8px;padding:10px}.table-input:focus{background:#ffffff80}.table-input.correct{background:#d4edda;color:#28a745}.table-input.incorrect{background:#f8d7da;color:#dc3545}.table-input-box{width:100%;height:100%;min-height:50px;border:none;background:transparent;text-align:center;font-size:18px;font-weight:700;color:#333;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.table-input-box:hover{background:#ffffffb3;transform:scale(1.02)}.table-input-box.correct{background:#d4edda;color:#28a745;cursor:default}.table-input-box.incorrect{background:#f8d7da;color:#dc3545}@media (max-width: 768px){.table-fill-grid{grid-template-columns:60px repeat(5,80px);gap:4px;padding:8px}.table-cell{min-height:55px;font-size:18px}.x-symbol,.header-number{font-size:18px}.table-input{font-size:18px;padding:8px}.table-input-box{font-size:18px;padding:8px;min-height:45px}.example-cell{font-size:18px}}@media (max-width: 480px){.table-fill-grid{grid-template-columns:45px repeat(5,55px);gap:3px;padding:6px}.table-cell{min-height:45px;font-size:18px}.x-symbol,.header-number{font-size:18px}.table-input{font-size:18px;padding:5px}.table-input-box{font-size:18px;padding:5px;min-height:40px}.example-cell{font-size:18px}}.color-wheel-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.color-wheel{position:relative;width:500px;height:500px;border-radius:50%;box-shadow:0 8px 24px #0003}.outer-ring{position:absolute;width:100%;height:100%;border-radius:50%;z-index:1}.inputs-layer{position:absolute;width:100%;height:100%;z-index:10;pointer-events:none}.color-wheel .input-wrapper{position:absolute;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;pointer-events:none}.segment-input{width:60px;height:60px;border-radius:50%;border:3px solid white;background:#fff;font-size:18px;font-weight:700;text-align:center;color:#333;outline:none;transition:all .3s;cursor:pointer;pointer-events:auto}.segment-input:focus{box-shadow:0 0 10px #fffc}.segment-input.correct{background:#fff;border-color:#28a745;color:#333}.segment-input.incorrect{background:#fff;border-color:#dc3545;color:#333}.segment-input-box{width:60px;height:60px;border-radius:50%;border:3px solid white;background:#fff;font-size:18px;font-weight:700;text-align:center;color:#333;transition:all .3s;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.segment-input-box:hover{box-shadow:0 0 10px #fffc;transform:scale(1.05)}.segment-input-box.correct{background:#fff;border-color:#28a745;color:#333;cursor:default}.segment-input-box.incorrect{background:#fff;border-color:#dc3545;color:#333}.middle-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;border-radius:50%;z-index:5;pointer-events:none}.middle-segment{position:absolute;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:30px}.middle-number{font-size:18px;font-weight:700;color:#333}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 4px 12px #0003}.center-number{font-size:18px;font-weight:700;color:#333}@media (max-width: 768px){.color-wheel{width:400px;height:400px}.outer-segment{padding-top:16px}.segment-input,.segment-input-box{width:50px;height:50px;font-size:18px;border:2px solid white}.middle-ring{width:280px;height:280px}.middle-segment{padding-top:24px}.middle-number{font-size:18px}.wheel-center{width:110px;height:110px}.center-number{font-size:18px}}@media (max-width: 480px){.color-wheel{width:320px;height:320px}.outer-segment{padding-top:12px}.segment-input,.segment-input-box{width:40px;height:40px;font-size:18px;border:2px solid white}.middle-ring{width:220px;height:220px}.middle-segment{padding-top:18px}.middle-number{font-size:18px}.wheel-center{width:90px;height:90px}.center-number{font-size:18px}}.hexagon-game-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;min-height:calc(100vh - 120px)}.instructions{margin-top:5px;text-align:center;background:#fff;padding:15px 25px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:600px}.instructions p{margin:0;font-size:18px;font-weight:600;color:#333}.color-palette{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:12px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:350px;margin:0 auto}.color-option{width:42px;height:42px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .3s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.2)}.hexagon-section-label{text-align:center;font-size:14px;font-weight:600;color:#666;margin:16px 0 8px;text-transform:uppercase;letter-spacing:1px}.hexagon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:450px;margin:0 auto}.hexagon{width:100%;height:70px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-radius:12px}.hexagon:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.hexagon-content{font-size:20px;font-weight:700;color:#333;text-align:center;padding:5px}@media (max-width: 768px){.hexagon-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;width:calc(100% - 24px);max-width:100%}.hexagon{width:100%;height:65px}.hexagon-content{font-size:18px}.instructions p{font-size:16px;margin:4px 0}.color-palette{width:calc(100% - 24px);max-width:100%;gap:10px}.color-option{width:44px;height:44px}}@media (max-width: 480px){.hexagon-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;width:calc(100% - 16px)}.hexagon{width:100%;height:73px}.hexagon-content{font-size:16px}.instructions p{font-size:14px;margin:3px 0}.color-palette{width:calc(100% - 16px);max-width:100%;padding:12px;flex-wrap:nowrap;gap:8px}.color-option{width:33px;height:33px;flex-shrink:0}.hexagon-section-label{font-size:14px;margin:6px 0}}.balloons-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:30px;padding:20px}.balloons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px;max-width:700px;width:100%}.balloon-pair{display:flex;flex-direction:column;align-items:center;gap:30px;position:relative}.balloon{width:130px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset -10px -10px 20px #0000001a,0 4px 12px #00000026;transition:all .3s}.balloon:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid currentColor;opacity:.8;z-index:5}.balloon.filled:after{color:#c06c84}.balloon.empty:after{color:#ddd}.balloon.filled{background:linear-gradient(135deg,#ff6b9d,#c06c84)}.balloon.filled:before{content:"";position:absolute;top:15%;left:20%;width:30%;height:35%;background:#ffffff4d;border-radius:50%;filter:blur(8px);z-index:1}.balloon-pair:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:40px;background-image:url(../images/propedia/kordoni.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0}.balloon.empty{background:#fff;border:3px dashed #ddd}.balloon.empty.correct{background:#d4edda;border-color:#28a745}.balloon.empty.incorrect{background:#f8d7da;border-color:#dc3545}.balloon-text{font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.balloon-input{width:80px;font-size:18px;font-weight:700;text-align:center;border:none;background:transparent;color:#333;outline:none}.balloon-input::placeholder{color:#ccc}.balloon-actions{display:flex;justify-content:center;gap:20px;margin-top:20px}.balloon-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.balloon-popup{background:linear-gradient(135deg,#fff9f0,#ffe8d6);border-radius:25px;padding:30px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:85%;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55);border:4px solid #ff9a76}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.balloon-popup-equation{text-align:center;font-size:36px;font-weight:700;color:#5b7ba5;background:linear-gradient(135deg,#f5d76e,#f7ca18);padding:15px 30px;border-radius:20px;margin-bottom:20px;box-shadow:0 6px 15px #0003;border:3px solid #e6b800}.balloon-popup-title{text-align:center;color:#ff6b9d;font-size:20px;font-weight:700;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.balloon-popup-options{display:flex;flex-direction:column;gap:15px}.balloon-popup-option{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;border:none;border-radius:15px;padding:18px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px #4fc3f766;position:relative;overflow:hidden}.balloon-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .5s ease}.balloon-popup-option:hover:before{left:100%}.balloon-popup-option:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #4fc3f799}.balloon-popup-option:active{transform:translateY(0) scale(.98)}.balloon-popup-option.wrong-shake{animation:wrongShake .5s ease;background:linear-gradient(135deg,#ff6b9d,#f06292)}@keyframes wrongShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@media (max-width: 768px){.balloons-grid{grid-template-columns:repeat(2,1fr);gap:20px}.balloon{width:100px;height:130px}.balloon-text{font-size:18px}.balloon-input{width:60px;font-size:18px}}@media (max-width: 480px){.balloons-grid{grid-template-columns:repeat(2,1fr);gap:15px}.balloon{width:90px;height:115px}.balloon-text{font-size:18px}.balloon-input{width:50px;font-size:18px}}.multiplication-grid,.start-button,.tab-button,.game-card,.category-card-new{border-radius:0!important}@media (max-width: 768px){.multiplication-table-page{padding:70px 3px 3px}.multiplication-header{padding:8px;gap:6px;margin-bottom:8px}.intro-text{margin:8px 0}.intro-text h2{font-size:18px;letter-spacing:.3px}.multiplication-header h1{font-size:18px;letter-spacing:1px}.multiplication-header .back-btn{font-size:18px}.multiplication-grid{grid-template-columns:repeat(13,minmax(40px,1fr));gap:2px;min-width:354px!important}.cell{min-width:40px;min-height:40px;font-size:18px}.corner{font-size:18px}.table-container{padding:20px 3px;margin-top:0;display:flex;align-items:center;justify-content:center}.tabs-header{margin:25px 15px 10px;gap:12px}.tab-button{padding:15px 12px;font-size:18px}.start-button-container{margin:12px 0}.start-button{padding:12px 30px;font-size:18px}.training-navigation{flex-wrap:wrap;gap:12px;justify-content:center}.nav-button{padding:14px 24px;font-size:18px;min-width:140px}.page-indicator{font-size:18px;padding:14px 28px;width:100%;text-align:center;order:-1;min-width:auto}.exercise-table{padding:30px;max-width:100%}.exercise-row{font-size:18px;gap:15px}.exercise-equation{min-width:120px;font-size:18px}.exercise-input,.exercise-answer-btn{width:80px;font-size:18px;padding:10px}}@media (max-width: 480px){.multiplication-table-page{padding:70px 0 0;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.multiplication-header{padding:10px 8px;gap:8px;margin-bottom:0;flex-shrink:0;min-height:50px}.multiplication-header h1{font-size:11px;letter-spacing:.5px;line-height:1.3;white-space:normal;word-break:break-word}.intro-text{margin:2px 6px;padding-top:19px;flex-shrink:0}.intro-text h2{font-size:13px;letter-spacing:.1px;margin:0}.multiplication-header .back-btn{font-size:16px;padding:4px}.multiplication-grid{grid-template-columns:repeat(13,minmax(20px,1fr));gap:1px;padding:1px}.cell{min-width:20px;min-height:20px;font-size:11px}.corner{font-size:11px}.table-container{padding:4px;flex-shrink:0;overflow:visible;margin-top:-23px}.tabs-header{margin:8px 6px 2px;gap:6px;flex-shrink:0;position:relative;z-index:10}.tab-button{padding:6px 4px;font-size:13px}.start-button-container{margin:3px 0;flex-shrink:0}.start-button{padding:6px 16px;font-size:13px}.nav-button{padding:8px 16px;font-size:13px;min-width:100px}.page-indicator{font-size:13px;padding:8px 20px}.exercise-row{font-size:13px;gap:12px}.exercise-equation{min-width:80px;font-size:13px}.exercise-input,.exercise-answer-btn{width:60px;font-size:13px;padding:6px}.exercise-table{padding:20px;gap:10px}}@media (max-width: 390px){.multiplication-header h1{font-size:13px}.intro-text h2{font-size:12px}.multiplication-grid{grid-template-columns:repeat(13,minmax(18px,1fr))}.cell{min-width:18px;min-height:18px;font-size:10px}.corner{font-size:10px}.tab-button{font-size:12px;padding:5px 3px}.start-button{font-size:12px;padding:5px 14px}}.cups-game-content{padding:20px;max-width:1200px;margin:0 auto}.cups-game-content .instructions{background:#e8f4f8;padding:20px;border-radius:12px;margin-bottom:30px;text-align:center}.cups-game-content .instructions p{font-size:18px;font-weight:700;color:#333;margin-bottom:15px}.example-cup{display:flex;justify-content:center}.cups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px}.cup{position:relative;display:flex;align-items:center;justify-content:center}.cup-body{width:130px;height:100px;background:#fff;border:3px solid #333;border-radius:15px 15px 40px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;box-shadow:0 2px 4px #0000001a}.cup-handle{position:absolute;right:-30px;top:15px;width:35px;height:45px;border:3px solid #333;border-left:none;border-radius:0 50% 50% 0}.equation{font-size:18px;font-weight:700;color:#333;padding:8px 15px;cursor:pointer;transition:all .2s;border-radius:20px;min-width:80px;text-align:center}.equation:hover{background:#f0f0f0;transform:scale(1.05)}.circled-green{border:3px solid #4CAF50;background:#4caf501a}.circled-correct{border:3px solid #4CAF50;background:#4caf5033;animation:correct-pulse .5s ease}.circled-wrong{border:3px solid #f44336;background:#f4433633;animation:wrong-shake .5s ease}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.cups-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.cup-body{width:110px;height:90px}.equation{font-size:18px;padding:6px 12px}}@media (max-width: 480px){.training-page:has(.cups-game-content){padding:0}.cups-game-content{padding:10px;width:100%;max-width:100%}.cups-game-content .instructions{padding:15px;margin:0 5px 10px}.cups-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;max-width:100%;overflow:hidden;margin:0 5px}.cup{max-width:100%}.cup-body{width:100%;max-width:130px;height:95px}.cup-handle{right:-11px;width:32px;height:45px}.equation{font-size:19px;padding:5px 10px}}.calculator-game-content{padding:20px;max-width:1400px;margin:0 auto;position:relative}.calculator-main-area{display:flex;gap:30px;justify-content:center;align-items:stretch}.calculator-answers-panel{background:linear-gradient(135deg,#fff9e6,#fff3cc);padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000001a;min-width:140px;border:2px solid #f5d77a;display:flex;flex-direction:column}.answers-label{font-size:16px;font-weight:700;color:#6b5b3a;text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f5d77a}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1;align-content:center}.answer-option{padding:12px 8px;font-size:18px;font-weight:700;border:2px solid #e6c94a;border-radius:12px;background:linear-gradient(135deg,#fffef5,#fff9d6);color:#5a4a2a;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.answer-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #00000026;background:linear-gradient(135deg,#fff,#fffbe6)}.answer-option:disabled{cursor:not-allowed}.answer-option.used{background:#e8e8e8;border-color:#ccc;color:#999;text-decoration:line-through;box-shadow:none}.answer-option.selected{background:linear-gradient(135deg,#a8d4f0,#7cc0e8);border-color:#4a9fd4;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #4a9fd466}.equation-input-box{width:70px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:2px solid #ccc;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.equation-input-box:hover{border-color:#2196f3;background:#f0f8ff}.equation-input-box.ready{border-color:#4a9fd4;background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 0 0 3px #4a9fd44d;animation:pulse-ready 1s ease-in-out infinite}@keyframes pulse-ready{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.equation-input-box.correct{border-color:#4caf50;background:#e8f5e9;cursor:default}.equation-input-box.incorrect{border-color:#f44336;background:#ffebee}.equation-row-ready{background:#4a9fd414;border-radius:8px}.vertical-input-box{width:60px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:2px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.vertical-input-box:hover{border-color:#2196f3;background:#f0f8ff}.vertical-input-box.ready{border-color:#4a9fd4;background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 0 0 3px #4a9fd44d;animation:pulse-ready 1s ease-in-out infinite}.vertical-input-box.correct{border-color:#4caf50;background:#e8f5e9;cursor:default}.vertical-input-box.incorrect{border-color:#f44336;background:#ffebee}.vertical-equation-ready{background:#4a9fd414;border-radius:8px}.calculator-icon-container{position:absolute;top:0;left:20px;z-index:10}.calculator-icon{width:120px;background:linear-gradient(135deg,#b8e6d5,#8bc9b5);border-radius:12px;padding:10px;box-shadow:0 4px 8px #0003;border:2px solid #2C5F4F}.calculator-screen{background:#d5e8e1;border-radius:6px;padding:8px;margin-bottom:8px;display:flex;justify-content:flex-end;align-items:center;min-height:30px;border:2px solid #2C5F4F;box-shadow:inset 0 1px 2px #0000001a}.screen-display{font-size:18px;font-weight:700;color:#1a3a2f;font-family:Courier New,monospace}.calculator-buttons{display:flex;flex-direction:column;gap:5px}.calc-row{display:flex;gap:5px}.calc-btn{background:#fff;border:none;border-radius:5px;padding:8px 5px;font-size:18px;font-weight:700;color:#333;text-align:center;flex:1;box-shadow:0 2px 4px #00000026;transition:transform .1s}.calc-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #00000026}.calc-btn.orange{background:linear-gradient(135deg,#ffb366,#f93);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.calc-btn.operator{background:linear-gradient(135deg,#6c9a8b,#5a8574);color:#fff;font-size:18px}.calc-btn.wide{flex:2;background:linear-gradient(135deg,#ffb366,#f93);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.calculator-exercises{display:flex;gap:40px;justify-content:center;align-items:stretch;padding-top:20px}.horizontal-equations{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 8px #0000001a;min-width:300px;display:flex;flex-direction:column;justify-content:center}.equation-row{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:600}.example-equation{color:#2196f3;background:#e3f2fd;padding:8px 12px;border-radius:8px}.equation-text{color:#333;white-space:nowrap}.equation-input{width:80px;padding:8px;font-size:18px;font-weight:700;border:2px solid #ccc;border-radius:8px;text-align:center;transition:all .2s}.equation-input:focus{outline:none;border-color:#2196f3}.equation-input.correct{border-color:#4caf50;background:#e8f5e9}.equation-input.incorrect{border-color:#f44336;background:#ffebee}.vertical-equations{display:grid;grid-template-columns:repeat(2,100px);gap:20px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 8px #0000001a;justify-content:center}.vertical-equation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:#f5f5f5;border-radius:8px;width:100px}.vertical-row{font-size:18px;font-weight:700;color:#333;padding:5px;text-align:center;min-width:60px}.multiply-sign{margin-right:5px}.vertical-line{width:100%;height:2px;background:#333;margin:8px 0}.answer-row{margin-top:5px}.vertical-input{width:70px;padding:8px;font-size:18px;font-weight:700;border:2px solid #ccc;border-radius:8px;text-align:center;transition:all .2s}.vertical-input:focus{outline:none;border-color:#2196f3}.vertical-input.correct{border-color:#4caf50;background:#e8f5e9}.vertical-input.incorrect{border-color:#f44336;background:#ffebee}@media (max-width: 1024px){.vertical-equations{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.vertical-equations{grid-template-columns:repeat(2,1fr);gap:15px}.horizontal-equations{min-width:250px}.calculator-main-area{gap:15px}.calculator-answers-panel{min-width:100px;padding:15px}.answers-grid{grid-template-columns:repeat(2,1fr);gap:8px}.answer-option{padding:8px 4px;font-size:15px}.nav-button,.action-button{margin-top:10px}}@media (max-width: 480px){.calculator-icon-container{display:none}.calculator-game-content{padding:43px 5px 5px}.calculator-exercises{padding:0;gap:10px;flex:1}.horizontal-equations{min-width:auto;padding:15px 12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.horizontal-equations .equation-row{font-size:18px;margin-bottom:12px}.horizontal-equations .equation-text{min-width:90px;text-align:right}.horizontal-equations .equation-input{width:90px;font-size:26px;padding:12px}.vertical-equations{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-items:center}.vertical-equation{padding:8px;width:auto}.vertical-row{font-size:14px;padding:3px;min-width:40px}.vertical-equations .equation-row{font-size:16px;gap:6px;justify-content:center;display:flex;flex-direction:column;align-items:center}.equation-input{width:70px;max-width:70px;font-size:16px;padding:8px 6px}.horizontal-row{margin-bottom:15px}.calculator-main-area{gap:10px;align-items:stretch}.calculator-answers-panel{min-width:80px;padding:10px}.answers-label{font-size:15px;margin-bottom:10px}.answers-grid{grid-template-columns:repeat(2,1fr);gap:6px}.answer-option{padding:8px 4px;font-size:14px}.equation-input-box{width:50px;height:40px;font-size:16px}.vertical-input-box{width:45px;height:40px;font-size:14px}.horizontal-equations{padding:15px}.horizontal-equations .equation-row{font-size:22px;margin-bottom:12px}.horizontal-equations .equation-text{min-width:100px}}.circles-find-content{padding:20px;max-width:800px;margin:0 auto}.instructions-box{background:linear-gradient(135deg,#d4f1f4,#b8e6f0);border-radius:15px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 8px #0000001a}.teacher-icon{font-size:18px;flex-shrink:0}.instructions-box p{font-size:18px;font-weight:600;color:#2c3e50;margin:0;line-height:1.6}.circles-find-grid{display:grid;grid-template-columns:repeat(7,60px);gap:8px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 12px #00000026;justify-content:center;margin-bottom:30px}.find-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#a8d8ea,#87ceeb);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .3s;border:3px solid transparent;box-shadow:0 2px 4px #0000001a}.find-circle:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.find-circle.current-selection{background:linear-gradient(135deg,#ffd93d,#ffc107);border-color:#ff9800;transform:scale(1.05)}.find-circle.selected-circle{color:#fff;box-shadow:0 0 20px #0000004d;border-width:3px}.find-circle.invalid-selection{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border-color:#c92a2a;animation:shake .5s ease}@media (max-width: 768px){.circles-find-grid{grid-template-columns:repeat(7,45px);gap:5px;padding:15px}.find-circle{width:45px;height:45px;font-size:18px}.teacher-icon,.instructions-box p{font-size:18px}}@media (max-width: 480px){.circles-find-grid{grid-template-columns:repeat(7,35px);gap:3px;padding:10px}.find-circle{width:35px;height:35px;font-size:18px}.instructions-box{flex-direction:column;text-align:center}}.crossword-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1rem;width:100%;min-height:calc(100vh - 100px);margin:0 auto;position:relative;left:0;right:0;overflow-x:auto}.crossword-grid{display:grid;grid-template-columns:repeat(11,75px);grid-template-rows:repeat(10,55px);gap:0;background:transparent;padding:10px;border-radius:16px;margin-left:auto;margin-right:auto;width:fit-content}.crossword-cell{background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#444;border:1px solid #ccc;border-radius:3px}.crossword-cell.empty-cell{background:transparent;border:none}.crossword-cell.number-cell{background:#fff}.crossword-cell.symbol-cell{background:#fafafa;color:#888;font-size:24px}.crossword-cell.input-cell{background:#fffef5;border:1px solid #e0d8b0}.crossword-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:26px;font-weight:700;color:#2c3e50;outline:none}.crossword-input::placeholder{color:#ccc;font-size:14px}.crossword-input.correct{background:#e8f5e9;color:#5a8a5e}.crossword-input.incorrect{background:#fce4e4;color:#c77}@media (max-width: 1024px){.crossword-grid{grid-template-columns:repeat(11,min(6vw,55px));grid-template-rows:repeat(10,min(6vw,55px));padding:8px}.crossword-cell,.crossword-input{font-size:clamp(16px,2.5vw,20px)}.crossword-content{padding:1rem;gap:1rem}}@media (max-width: 768px){.crossword-grid{grid-template-columns:repeat(11,min(7vw,50px));grid-template-rows:repeat(10,min(7vw,50px));padding:6px}.crossword-cell{font-size:clamp(14px,2.2vw,18px)}.crossword-cell.symbol-cell{font-size:clamp(12px,2vw,16px)}.crossword-input{font-size:clamp(14px,2.2vw,18px)}.crossword-content{padding:.5rem;gap:.5rem}}@media (max-width: 480px){.crossword-content{padding:.25rem;gap:.5rem;min-height:calc(100vh - 80px)}.crossword-grid{grid-template-columns:repeat(11,34px);grid-template-rows:repeat(10,34px);padding:4px;border-radius:8px}.crossword-cell{font-size:14px;border-radius:2px}.crossword-cell.symbol-cell{font-size:12px}.crossword-input{font-size:14px}}@media (max-width: 390px){.crossword-content{padding:.25rem;gap:.25rem}.crossword-grid{grid-template-columns:repeat(11,30px);grid-template-rows:repeat(10,30px);padding:3px}.crossword-cell,.crossword-input{font-size:12px}}@media (max-width: 360px){.crossword-content{overflow-x:auto;overflow-y:visible;padding:.25rem;gap:.25rem}.crossword-grid{grid-template-columns:repeat(11,30px);grid-template-rows:repeat(10,30px);min-width:fit-content;padding:2px}.crossword-cell,.crossword-input{font-size:12px}}.fill-numbers-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:30px 20px;min-height:calc(100vh - 100px)}.fill-numbers-instruction{text-align:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:20px 30px;border-radius:15px;box-shadow:0 4px 12px #0000001a;max-width:600px}.fill-numbers-instruction p{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.fill-numbers-grid{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:800px;width:100%}.fill-numbers-equation{display:flex;align-items:center;justify-content:center;gap:15px}.fill-number-box{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 2px 6px #0000001a}.fill-number-box.input-box{background:linear-gradient(135deg,#b3e5fc,#81d4fa);border:3px solid #0288D1}.fill-number-box.input-box.correct{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border:3px solid #4CAF50}.fill-number-box.input-box.incorrect{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);border:3px solid #F44336}.fill-number-box.result-box{background:linear-gradient(135deg,#e1bee7,#ce93d8);border:3px solid #8E24AA;color:#fff}.fill-number-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:18px;font-weight:700;color:#1565c0;outline:none}.fill-number-input::placeholder{color:#1565c04d}.fill-operator{font-size:18px;font-weight:700;color:#ff9800}.navigation-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.fill-number-display{font-size:20px;font-weight:700;color:#1565c0}.fill-numbers-equation.clickable{transition:transform .2s,box-shadow .2s;padding:10px 15px;border-radius:12px;background:#ffffff80}.fill-numbers-equation.clickable:active{transform:scale(.98)}.fill-numbers-equation.correct{background:#4caf5026}.fill-numbers-equation.incorrect{background:#f4433626}.fill-numbers-option{min-width:120px;font-size:20px!important}@media (max-width: 900px){.fill-numbers-grid{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 15px}.fill-numbers-equation{justify-content:center}.fill-number-box{width:60px;height:60px;font-size:18px}.fill-number-input,.fill-operator,.fill-numbers-instruction p{font-size:18px}}@media (max-width: 480px){.fill-numbers-content{padding:20px 10px;gap:20px}.fill-numbers-grid{display:flex;flex-direction:column;align-items:center;gap:15px}.fill-numbers-equation{gap:12px;justify-content:center}.fill-number-box{width:55px;height:55px;font-size:20px}.fill-number-input,.fill-operator{font-size:20px}.fill-numbers-instruction p{font-size:16px}}.connect-lines-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:30px 20px;min-height:calc(100vh - 100px)}.connect-lines-instruction{text-align:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:20px 30px;border-radius:15px;box-shadow:0 4px 12px #0000001a;max-width:600px}.connect-lines-instruction p{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.connect-lines-container{display:flex;gap:100px;align-items:center;justify-content:center;position:relative;max-width:800px;width:100%;padding:20px}.connect-left-column{display:flex;flex-direction:column;gap:20px;z-index:2}.connect-cloud{padding:25px 40px;border-radius:50%;font-size:18px;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .3s;text-align:center;box-shadow:0 4px 12px #00000026;border:4px solid transparent}.connect-cloud:hover:not(.matched){transform:scale(1.1);box-shadow:0 6px 16px #00000040}.connect-cloud.selected{border-color:#333;transform:scale(1.05)}.connect-cloud.matched{opacity:.6;cursor:default}.connect-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.connect-right-column{display:flex;flex-direction:column;gap:20px;z-index:2}.connect-circle{width:90px;height:90px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000026;border:3px solid #9E9E9E}.connect-circle:hover:not(.matched){transform:scale(1.1);box-shadow:0 6px 16px #00000040;background:#bdbdbd}.connect-circle.selected{border-color:#333;transform:scale(1.05);background:#9e9e9e}.connect-circle.matched{opacity:.6;cursor:default}@media (max-width: 768px){.connect-lines-container{gap:60px}.connect-cloud{padding:20px 30px;font-size:18px}.connect-circle{width:70px;height:70px;font-size:18px}.connect-lines-instruction p{font-size:18px}}@media (max-width: 480px){.connect-lines-content{padding:20px 10px;gap:20px}.connect-lines-container{gap:40px}.connect-cloud{padding:15px 20px;font-size:18px}.connect-circle{width:60px;height:60px;font-size:18px}.connect-lines-instruction p{font-size:18px}}.word-problems-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:30px 20px;min-height:calc(100vh - 100px)}.word-problems-header{text-align:center}.word-problems-header h2{font-size:18px;font-weight:700;color:#2c3e50;margin:0;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:15px 40px;border-radius:15px;box-shadow:0 4px 12px #0000001a}.word-problem-card{max-width:600px;width:100%;padding:40px;border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:30px;position:relative}.word-problem-card:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:25px solid currentColor;opacity:.5}.problem-image{width:120px;height:120px;object-fit:contain;margin:0 auto}.problem-text{font-size:18px;font-weight:600;color:#2c3e50;margin:0;line-height:1.6;text-align:center}.problem-answer-section{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:10px}.answer-label{font-size:18px;font-weight:700;color:#2c3e50}.problem-input{width:120px;padding:15px;font-size:18px;font-weight:700;text-align:center;border:3px solid #ddd;border-radius:12px;background:#fff;transition:all .3s;outline:none}.problem-input:focus{border-color:#5b7ba5;box-shadow:0 0 10px #5b7ba54d}.problem-input.correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.problem-input.incorrect{border-color:#f44336;background:#ffebee;color:#c62828}.problem-answer-box{width:120px;padding:15px;font-size:24px;font-weight:700;text-align:center;border:3px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.problem-answer-box:hover{border-color:#5b7ba5;box-shadow:0 0 10px #5b7ba54d}.problem-answer-box.correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32;cursor:default}.problem-answer-box.incorrect{border-color:#f44336;background:#ffebee;color:#c62828}.problem-hint{margin-top:15px;padding:12px 20px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:12px;border:2px solid #ffc107;font-size:18px;color:#5d4037;text-align:center;animation:fadeIn .3s ease}.problem-hint span{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.word-problem-card{padding:30px}.problem-answer-box{width:100px;font-size:22px}.problem-hint{font-size:16px;padding:10px 15px}.problem-image{width:100px;height:100px}.problem-text,.answer-label{font-size:18px}.problem-input{width:100px;font-size:18px}.word-problems-header h2{font-size:18px}}@media (max-width: 480px){.word-problems-content{padding:20px 10px;gap:20px}.word-problem-card{padding:25px}.problem-image{width:80px;height:80px}.problem-text,.answer-label{font-size:18px}.problem-input{width:90px;font-size:18px;padding:12px}.problem-answer-box{width:90px;font-size:20px;padding:12px}.problem-hint{font-size:14px;padding:8px 12px}.word-problems-header h2{font-size:18px;padding:12px 30px}}.instructions-btn{background:#fff3;border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s ease;margin-left:auto}.instructions-btn:hover{background:#ffffff4d;transform:scale(1.1)}.game-instructions-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000026;margin:16px;position:relative;z-index:100;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-instructions-panel h3{color:#5b7ba5;font-size:20px;margin:0 0 16px;text-align:center;font-weight:700}.game-instructions-panel .instructions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.game-instructions-panel .instruction-step{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;background:#f5f9fc;transition:background .2s ease}.game-instructions-panel .instruction-step:hover{background:#e8f4f8}.game-instructions-panel .step-number{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#5b7ba5,#4a6a8a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.game-instructions-panel .instruction-step p{margin:0;font-size:16px;color:#333;line-height:1.5;padding-top:3px}.close-instructions-btn{display:block;width:100%;padding:12px 24px;background:linear-gradient(135deg,#5b7ba5,#4a6a8a);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.close-instructions-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #5b7ba566}@media (max-width: 768px){.game-instructions-panel{margin:12px;padding:20px}.game-instructions-panel h3{font-size:18px}.game-instructions-panel .instruction-step{padding:10px}.game-instructions-panel .instruction-step p{font-size:14px}.instructions-btn{font-size:20px;padding:6px}}@media (max-width: 480px){.game-instructions-panel{margin:8px;padding:16px}.game-instructions-panel h3{font-size:16px}.game-instructions-panel .step-number{width:24px;height:24px;font-size:12px}.game-instructions-panel .instruction-step p{font-size:13px}.close-instructions-btn{font-size:14px;padding:10px 20px}}.hexagon-navigation{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.hexagon-page-indicator{font-size:16px;font-weight:600;color:#666}.hexagon-next-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:25px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4caf504d}.hexagon-next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}@media (max-width: 480px){.hexagon-navigation{margin-top:12px;gap:10px}.hexagon-page-indicator{font-size:14px}.hexagon-next-btn{padding:10px 28px;font-size:15px}}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.multiplication-header{border-radius:0!important}.speech-cards-screen .language-card.smart-cards-custom-card{background:transparent;color:#2f2644;--language-card-accent: #667eea;--language-card-icon-bg: rgba(255, 253, 252, .92);--language-card-doodle: rgba(47, 38, 68, .06)}.speech-cards-screen .language-card.smart-cards-custom-card .language-card-icon{color:#667eea;display:flex;align-items:center;justify-content:center}.speech-cards-screen .unified-header__title{font-size:14px!important}.smallest-levels-container{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,20px);width:100%;max-width:900px;margin:0 auto}.smallest-level-card{background:#fffffff2;border:none;border-radius:24px;padding:clamp(14px,2.5vw,22px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px #2c24420f;position:relative;overflow:hidden}.smallest-level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.smallest-level-card--complete{box-shadow:0 8px 32px #22c55e1f}.smallest-level-card--complete:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.smallest-level-title{font-size:clamp(16px,3vw,20px);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:clamp(8px,1.5vw,12px)}.smallest-level-card--complete .smallest-level-title{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.smallest-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,20px);width:100%;align-items:center}.smallest-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;background:#fff;border-radius:18px;padding:clamp(8px,2vw,14px);box-shadow:0 4px 16px #0000000f;position:relative;overflow:hidden}.smallest-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.smallest-item:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px #0000001f}.smallest-item:hover:after{opacity:1}.smallest-items-grid .smallest-item:nth-child(1){background:#fff0f5}.smallest-items-grid .smallest-item:nth-child(2){background:#f0f4ff}.smallest-items-grid .smallest-item:nth-child(3){background:#f0fff4}.smallest-item--correct{animation:game-correct-bounce .6s ease;box-shadow:0 0 24px #22c55e4d,0 8px 24px #22c55e26!important;border:2px solid rgba(34,197,94,.4)}.smallest-item--wrong{animation:game-shake .5s ease;box-shadow:0 0 20px #ef444440!important}.smallest-item-image-wrapper{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(70px,12vw,140px)}.smallest-item-image{max-width:100%;max-height:clamp(80px,14vw,150px);width:auto;height:auto;object-fit:contain;position:relative;z-index:1;animation:game-float 3s ease-in-out infinite}.smallest-items-grid .smallest-item:nth-child(2) .smallest-item-image{animation-delay:.5s}.smallest-items-grid .smallest-item:nth-child(3) .smallest-item-image{animation-delay:1s}.smallest-item-circle-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;pointer-events:none;z-index:2}@media (min-width: 769px){.action-game__board{max-height:fit-content}}@media (max-width: 768px){.smallest-items-grid{gap:clamp(8px,2vw,12px);padding:clamp(4px,1vw,8px) 0}.smallest-item-image-wrapper{min-height:clamp(50px,10vw,80px)}.smallest-item-image{max-height:clamp(60px,12vw,100px)}}@media (max-width: 480px){.smallest-items-grid{gap:8px}.smallest-item-image-wrapper{min-height:100px}.smallest-item-image{max-height:115px;max-width:120%}.smallest-item-circle-svg{width:115%;height:115%}.smallest-levels-container{gap:10px}.smallest-level-card{padding:12px;border-radius:20px}.smallest-level-title{font-size:17px;font-weight:700;margin-bottom:6px}.smallest-item{padding:6px;border-radius:14px}.smallest-item:active{transform:scale(.96)}}.compare-levels-container{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,20px);width:100%;max-width:900px;margin:0 auto}.compare-level-card{background:#fffffff2;border:none;border-radius:24px;padding:clamp(14px,2.5vw,22px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px #2c24420f;position:relative;overflow:hidden}.compare-level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.compare-level-card--complete{box-shadow:0 8px 32px #22c55e1f}.compare-level-card--complete:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.compare-level-title{font-size:clamp(16px,3vw,20px);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:clamp(8px,1.5vw,14px)}.compare-level-card--complete .compare-level-title{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compare-cards-grid{display:grid;gap:clamp(14px,3vw,22px);width:100%;max-width:900px;margin:0 auto}.compare-cards-grid--two,.compare-cards-grid--four{grid-template-columns:repeat(2,1fr)}.compare-card{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.5vw,14px);cursor:pointer;transition:all .3s ease;border-radius:20px;padding:clamp(6px,1.5vw,10px)}.compare-card:hover{transform:translateY(-3px)}.compare-card__image-wrapper{background:#fff;border:none;border-radius:20px;padding:clamp(12px,3vw,20px);width:100%;display:flex;align-items:center;justify-content:center;min-height:clamp(120px,18vw,180px);box-shadow:0 4px 20px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.compare-cards-grid .compare-card:nth-child(1) .compare-card__image-wrapper{background:#fff8f0}.compare-cards-grid .compare-card:nth-child(2) .compare-card__image-wrapper{background:#f0f4ff}.compare-card:hover .compare-card__image-wrapper{box-shadow:0 8px 28px #0000001a}.compare-card__image{max-width:100%;max-height:clamp(100px,16vw,160px);width:auto;height:auto;object-fit:contain;animation:game-float 3s ease-in-out infinite}.compare-cards-grid .compare-card:nth-child(2) .compare-card__image{animation-delay:.5s}.compare-card__checkbox{width:clamp(50px,12vw,64px);height:clamp(50px,12vw,64px);border:3px solid rgba(102,126,234,.25);border-radius:50%;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:clamp(24px,6vw,32px);font-weight:700;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #0000000f}.compare-card__checkbox:hover{transform:scale(1.1);border-color:#667eea;box-shadow:0 6px 20px #667eea33}.compare-card__checkbox--correct{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#fff;box-shadow:0 0 24px #22c55e66;animation:game-correct-bounce .6s ease}.compare-card--correct .compare-card__image{animation:growImage .6s ease forwards}.compare-card--correct .compare-card__image-wrapper{border:2px solid rgba(34,197,94,.3);box-shadow:0 0 24px #22c55e33}@keyframes growImage{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.12)}}.compare-card__checkbox--wrong{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;box-shadow:0 0 20px #ef44444d;animation:game-shake .5s ease}@media (max-width: 768px){.compare-cards-grid{gap:clamp(10px,2.5vw,14px)}.compare-card__image-wrapper{padding:clamp(10px,2.5vw,14px);min-height:clamp(80px,15vw,120px)}.compare-card__image{max-height:clamp(70px,14vw,110px)}.compare-card{gap:clamp(8px,1.5vw,10px)}.compare-card__checkbox{width:clamp(40px,10vw,50px);height:clamp(40px,10vw,50px);font-size:clamp(18px,5vw,24px)}}@media (max-width: 480px){.compare-levels-container{gap:10px}.compare-level-card{padding:14px;border-radius:20px}.compare-level-title{font-size:17px;margin-bottom:10px}.compare-cards-grid{gap:10px}.compare-card{gap:8px;padding:4px}.compare-card__image-wrapper{padding:10px;min-height:105px;border-radius:16px}.compare-card__image{max-height:126px}.compare-card__checkbox{width:44px;height:44px;font-size:20px;border-width:2px}}.action-game:has(.connect-pieces-container){min-height:100vh;max-height:100vh;overflow:hidden;padding:calc(60px + env(safe-area-inset-top,0px)) clamp(14px,6vw,24px) clamp(16px,3vw,20px) clamp(16px,6vw,28px);display:flex;align-items:flex-start;justify-content:center}.action-game__board:has(.connect-pieces-container){height:auto;max-height:calc(100vh - 140px);display:flex;flex-direction:column;overflow:hidden;gap:clamp(8px,2vw,12px)}.action-game__board:has(.connect-pieces-container) .action-game__question-panel{flex-shrink:0;padding:clamp(10px,2.5vw,16px);gap:clamp(6px,1.5vw,8px)}.action-game__board:has(.connect-pieces-container) .action-game__panel-hint{font-size:16px}.action-game__board:has(.connect-pieces-container) .action-game__category-badge{padding:clamp(6px,1.5vw,10px) clamp(14px,3vw,20px);font-size:16px;margin-top:clamp(8px,2vw,12px)}.connect-pieces-container{position:relative;width:100%;max-width:900px;margin:0 auto;padding:0;display:flex;align-items:flex-start;justify-content:center;min-height:0}.connect-pieces-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,60px);position:relative;z-index:1;width:100%;align-items:center}.connect-pieces-column{display:flex;flex-direction:column;gap:clamp(4px,.8vh,8px);justify-content:center}.connect-pieces-column--left{align-items:flex-end}.connect-pieces-column--right{align-items:flex-start}.connect-piece-item{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,16px);width:100%}.connect-piece-image-wrapper{background:#fff;border:none;border-radius:16px;padding:clamp(4px,1vw,8px);display:flex;align-items:center;justify-content:center;width:100%;max-width:clamp(80px,18vw,110px);min-height:clamp(55px,12vw,75px);height:clamp(55px,12vw,75px);box-shadow:0 4px 16px #2c244214;transition:all .3s ease}.connect-piece-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.connect-piece-connector{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px);border-radius:50%;border:3px solid rgba(102,126,234,.3);background:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;z-index:12;box-shadow:0 2px 8px #0000000f;touch-action:none;-webkit-user-select:none;user-select:none}.connect-piece-connector:hover{transform:scale(1.15);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.connect-piece-connector--active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;animation:pulse .6s ease-in-out infinite;box-shadow:0 0 12px #667eea66}.connect-piece-connector--connected{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;pointer-events:none;box-shadow:0 0 12px #22c55e4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.connect-pieces-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}@media (max-width: 768px){.action-game:has(.connect-pieces-container){padding:55px 16px 20px}.action-game__board:has(.connect-pieces-container){height:auto;max-height:calc(100vh - 120px)}.connect-pieces-grid{gap:clamp(12px,3vw,25px)}.connect-pieces-column{gap:clamp(3px,.6vh,6px)}.connect-piece-image-wrapper{padding:clamp(3px,1vw,6px);max-width:clamp(60px,18vw,85px);min-height:clamp(45px,10vw,60px);height:clamp(45px,10vw,60px)}}@media (max-width: 480px){.action-game:has(.connect-pieces-container){padding:50px 12px 16px}.action-game__board:has(.connect-pieces-container){height:auto;max-height:calc(100vh - 100px)}.action-game__board:has(.connect-pieces-container) .action-game__question-panel{padding:8px;gap:4px}.action-game__board:has(.connect-pieces-container) .action-game__panel-hint{font-size:14px}.action-game__board:has(.connect-pieces-container) .action-game__category-badge{padding:5px 12px;font-size:14px;margin-top:6px}.connect-pieces-grid{gap:15px}.connect-pieces-column{gap:5px}.connect-piece-image-wrapper{padding:6px;max-width:110px;min-height:98px;height:98px;border-radius:14px}.connect-piece-connector{width:14px;height:14px;border-width:2px}}.connect-pieces-top-bar{display:flex;align-items:center;gap:12px;position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;padding:12px 16px;z-index:100}.connect-pieces-top-bar .action-game__back-btn{position:relative;top:auto;left:auto}.connect-pieces-top-title{font-size:15px;font-weight:600;color:#2c2442;background:linear-gradient(135deg,#667eea1f,#764ba21a);padding:8px 16px;border-radius:16px;box-shadow:0 4px 12px #667eea1a}.find-different-levels-container{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,20px);width:100%;max-width:900px;margin:0 auto}.find-different-level-card{background:#fffffff2;border:none;border-radius:24px;padding:clamp(14px,2.5vw,22px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px #2c24420f;position:relative;overflow:hidden}.find-different-level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.find-different-level-card--complete{box-shadow:0 8px 32px #22c55e1f}.find-different-level-card--complete:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.find-different-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,3vw,20px);width:100%;align-items:center}.find-different-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;border-radius:16px;padding:clamp(4px,1vw,8px)}.find-different-item:hover{transform:translateY(-3px) scale(1.03);background:#667eea0a}.find-different-image-wrapper{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(80px,14vw,160px)}.find-different-image{max-width:100%;max-height:clamp(90px,16vw,180px);width:auto;height:auto;object-fit:contain;position:relative;z-index:1;animation:game-float 3s ease-in-out infinite}.find-different-grid .find-different-item:nth-child(2) .find-different-image{animation-delay:.3s}.find-different-grid .find-different-item:nth-child(3) .find-different-image{animation-delay:.6s}.find-different-grid .find-different-item:nth-child(4) .find-different-image{animation-delay:.9s}.find-different-circle-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;pointer-events:none;z-index:2}@media (max-width: 768px){.find-different-grid{grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,12px);padding:clamp(4px,1vw,8px) 0}.find-different-image-wrapper{min-height:clamp(50px,10vw,80px)}.find-different-image{max-height:clamp(60px,12vw,100px)}}@media (max-width: 480px){.find-different-levels-container{gap:10px}.find-different-level-card{padding:12px;border-radius:20px}.find-different-grid{gap:6px}.find-different-image-wrapper{min-height:70px}.find-different-image{max-height:95px}.find-different-circle-svg{width:120%;height:120%}}.action-game:not(.action-game--intro) .action-game__frame,.action-game--complete .action-game__complete-card{padding-top:0}.action-game__intro-content{max-width:480px;margin:0 auto;padding:clamp(16px,4vw,24px);background:#fffffdf2;border-radius:clamp(20px,5vw,28px);box-shadow:0 10px 32px #2c24421a;border:none;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-game__intro-title{font-size:clamp(24px,5vw,32px);font-weight:700;color:#2c2442;margin-bottom:clamp(20px,4vw,28px)}.action-game__intro-instructions{display:flex;flex-direction:column;gap:clamp(8px,2vw,10px);margin-bottom:clamp(28px,6vw,36px)}.action-game__intro-step{display:flex;align-items:flex-start;gap:clamp(10px,2.5vw,12px);padding:clamp(10px,2.5vw,12px);background:#667eea0f;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(102,126,234,.12)}.action-game__intro-step-number{flex-shrink:0;width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 12px #667eea4d}.action-game__intro-step p{margin:0;font-size:18px;line-height:1.6;color:#2c2442;flex:1;padding-top:4px;text-align:left}.action-game__intro-start-btn{width:100%;justify-content:center;font-size:18px;padding:clamp(14px,3.5vw,16px) clamp(24px,6vw,32px);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 14px #667eea4d;transition:all .3s ease}.action-game__intro-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.count-objects-container{display:flex;flex-direction:column;gap:clamp(15px,2.5vw,25px);width:100%;max-width:1600px;margin:0;padding:clamp(10px,1.5vw,20px)}.count-objects-mobile-layout{display:flex;flex-direction:column;gap:clamp(15px,2.5vw,25px)}.count-objects-images-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:clamp(12px,2vw,20px);width:100%}.count-objects-image-item{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:transparent}.count-objects-image-item img{max-width:100%;width:100%;max-height:clamp(250px,30vw,400px);height:auto;object-fit:contain;display:block;background:transparent;mix-blend-mode:multiply}.count-objects-dropzones-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:clamp(12px,2vw,20px);width:100%}.count-objects-dropzone-wrapper{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.count-objects-dropzone{width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.5vw,14px);background:transparent;border:2px dashed rgba(102,126,234,.3);border-radius:12px;min-height:clamp(60px,8vw,80px);transition:all .2s ease;position:relative}.count-objects-dropzone--dragging-over{border-color:#667eea;background:#667eea0f}.count-objects-dropzone--filled{border-style:solid;border-color:#667eea;background:#fff}.count-objects-dropzone--correct{border-color:#22c55e!important;border-width:3px!important;background:#22c55e0f!important;animation:game-correct-bounce .6s ease}.count-objects-dropzone--wrong{border-color:#ef4444!important;border-width:3px!important;background:#ef44440f!important;animation:game-shake .5s ease}.count-objects-number-draggable{width:clamp(45px,7vw,60px);height:clamp(45px,7vw,60px);border:2px solid rgba(102,126,234,.25);background:#fff;font-size:clamp(22px,4vw,28px);font-weight:700;color:#2c2442;cursor:grab;transition:all .2s ease;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 4px 14px #2c244214}.count-objects-number-draggable:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea33}.count-objects-number-draggable:active{cursor:grabbing}.count-objects-number-draggable--dragging{opacity:.5;cursor:grabbing}.count-objects-number-draggable--in-dropzone{border-color:#667eea;background:#667eea0f;color:#667eea;cursor:grab}.count-objects-number-draggable--selected{border-color:#667eea;background:#667eea14;color:#667eea;transform:scale(1.1);box-shadow:0 0 0 3px #667eea33}.count-objects-number-pool{display:flex;gap:clamp(8px,1.2vw,12px);justify-content:center;padding:clamp(8px,1.5vw,12px);flex-wrap:wrap;background:#667eea0a;border-radius:16px;border:2px solid rgba(102,126,234,.1)}.count-objects-check-container{display:flex;justify-content:flex-start;padding:clamp(20px,3vw,30px) 0 0 0}.count-objects-check-btn{padding:clamp(14px,2.5vw,18px) clamp(40px,6vw,60px);font-size:clamp(16px,2.5vw,20px);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d}.count-objects-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.count-objects-check-btn--disabled{opacity:.5;cursor:not-allowed}.count-objects-check-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.count-objects-check-btn--error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;animation:game-shake .5s ease}@media (max-width: 768px){.action-game{padding:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.action-game__frame{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px}.action-game__board{gap:0;flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:5px!important}.action-game__question-panel{flex-shrink:0;padding:5px}.count-objects-container{gap:8px;flex:1;display:flex;flex-direction:column;overflow:hidden}.count-objects-number-pool{flex-shrink:0;padding:6px;gap:6px}.count-objects-number-draggable{width:40px!important;height:40px!important;font-size:18px!important}.count-objects-mobile-layout{flex:1;display:flex;overflow:hidden}.count-objects-check-container{flex-shrink:0;padding:8px 0 0}.count-objects-check-btn{padding:10px 24px!important;font-size:14px!important}.count-objects-mobile-layout{display:flex!important;flex-direction:row!important;gap:15px;align-items:stretch}.count-objects-images-row{flex-direction:column!important;gap:0!important;flex:1;justify-content:space-around;align-items:flex-start}.count-objects-dropzones-row{flex-direction:column!important;gap:0!important;flex:0 0 auto;width:auto!important;justify-content:space-around}.count-objects-image-item{width:78%;flex:1;display:flex;align-items:center;justify-content:flex-start;min-height:0}.count-objects-image-item img{max-height:100%;width:168px!important;height:auto;object-fit:cover}.count-objects-dropzone{min-height:45px;width:65px}.count-objects-dropzone-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}}@media (max-width: 480px){.count-objects-number-draggable{width:38px;height:38px;font-size:16px}.count-objects-number-pool{padding:6px;gap:4px}.count-objects-container{gap:6px}.count-objects-dropzone{width:60px;min-height:45px}}.color-shapes-game.action-game{min-height:100vh;max-height:100vh;overflow:hidden;padding:calc(60px + env(safe-area-inset-top,0px)) clamp(14px,6vw,24px) clamp(12px,2.5vw,16px) clamp(16px,6vw,28px);display:flex;align-items:center;justify-content:center}.color-shapes-game .action-game__board{height:auto;max-height:calc(100vh - 120px);display:flex;flex-direction:column;overflow:hidden;gap:clamp(4px,1vw,8px)}.color-shapes-game .action-game__question-panel{flex-shrink:0;padding:clamp(6px,1.5vw,12px);gap:clamp(3px,.8vw,5px)}.color-shapes-game .action-game__panel-hint{font-size:18px;margin:0}.color-shapes-game .action-game__category-badge{padding:clamp(6px,1.5vw,10px) clamp(14px,3vw,20px);font-size:18px;margin-top:clamp(4px,1vw,8px)}.color-shapes-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,14px);padding:clamp(4px,1vw,10px);min-height:0}.color-shapes-row{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.5vw,20px)}.color-shapes-row--reference{opacity:1}.color-shapes-reference-image{max-width:100%;height:auto;max-height:clamp(80px,18vw,120px);object-fit:contain}.color-shapes-row--interactive{margin-top:clamp(4px,1vh,8px)}.color-shape-interactive-item{position:relative;width:clamp(60px,15vw,100px);height:clamp(60px,15vw,100px);display:flex;align-items:center;justify-content:center;background:#fff;border:3px dashed rgba(102,126,234,.4);padding:clamp(6px,1.5vw,10px);cursor:pointer;transition:all .2s ease}.color-shape-interactive-item:hover{transform:scale(1.05);border-color:#667eea;box-shadow:0 4px 12px #667eea40}.color-shape-interactive-item--colored{border-style:solid}.color-shape-interactive-item--error{border-color:#ef4444!important;border-style:solid!important;box-shadow:0 0 0 2px #ef44444d}.color-shape-fill{position:absolute;top:clamp(6px,1.5vw,10px);left:clamp(6px,1.5vw,10px);right:clamp(6px,1.5vw,10px);bottom:clamp(6px,1.5vw,10px);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;z-index:1}.color-shape-outline{position:absolute;top:clamp(6px,1.5vw,10px);left:clamp(6px,1.5vw,10px);right:clamp(6px,1.5vw,10px);bottom:clamp(6px,1.5vw,10px);background-color:#2c2442;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;z-index:2;pointer-events:none;opacity:.15}.color-shape-interactive-item--colored .color-shape-outline{opacity:0}.color-shapes-palette{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vw,18px) clamp(16px,3vw,24px);background:#fffffff2;border-radius:20px;border:none;box-shadow:0 8px 28px #2c24420f;position:relative}.color-shapes-palette:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.color-shapes-palette-label{font-size:clamp(14px,3vw,18px);font-weight:600;color:#2c2442;margin-bottom:2px}.color-shapes-palette-colors{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px)}.color-shapes-palette-btn{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);border-radius:8px;border:3px solid rgba(255,255,255,.8);cursor:grab;transition:all .2s ease;box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a,inset 0 2px 4px #ffffff4d;position:relative}.color-shapes-palette-btn:after{content:"";position:absolute;top:4px;left:4px;right:50%;bottom:50%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:6px 0 0;pointer-events:none}.color-shapes-palette-btn:hover:not(.color-shapes-palette-btn--used){transform:scale(1.1) translateY(-3px);box-shadow:0 8px 16px #0003,0 4px 8px #00000026,inset 0 2px 4px #ffffff4d;cursor:grab}.color-shapes-palette-btn--selected{transform:scale(1.15) translateY(-4px);border-color:#667eea;box-shadow:0 8px 20px #667eea4d,0 4px 8px #0003,inset 0 2px 4px #ffffff4d;animation:pulse-selected 1.5s ease-in-out infinite}@keyframes pulse-selected{0%,to{box-shadow:0 8px 20px #667eea4d,0 4px 8px #0003}50%{box-shadow:0 8px 24px #667eea80,0 4px 12px #00000040}}.color-shapes-palette-btn--used{cursor:not-allowed;opacity:.35;transform:scale(.85);box-shadow:none;border-color:#ccc;filter:grayscale(60%)}.color-shapes-palette-btn--used:after{display:none}.color-shapes-palette-btn--used:hover{transform:scale(.85)}.color-shapes-feedback{display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(8px,2vw,12px) clamp(14px,3vw,20px);border-radius:8px;font-size:18px;font-weight:600}.color-shapes-feedback--success{background:#22c55e1a;color:#16a34a;border:2px solid rgba(34,197,94,.2)}.color-shapes-feedback--error{background:#ef444414;color:#dc2626;border:2px solid rgba(239,68,68,.15)}.color-shapes-actions{display:flex;justify-content:center}.color-shapes-validate-btn{padding:clamp(8px,2vw,12px) clamp(20px,5vw,32px);border-radius:999px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #667eea4d}.color-shapes-validate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.color-shapes-navigation{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,40px);margin-top:clamp(6px,1.2vh,10px)}.color-shapes-nav-btn{display:flex;align-items:center;justify-content:center;width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px);border-radius:50%;border:2px solid rgba(102,126,234,.3);background:#fff;color:var(--text-dark, #2c2442);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2c244214}.color-shapes-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea40;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.color-shapes-nav-btn:disabled{opacity:.3;cursor:not-allowed}.color-shapes-nav-btn svg{width:clamp(14px,3.5vw,20px);height:clamp(14px,3.5vw,20px)}@media (max-width: 768px){.color-shapes-game.action-game{padding:55px 14px 14px}.color-shapes-game .action-game__board{max-height:calc(100vh - 100px);gap:clamp(3px,.8vw,6px)}.color-shapes-game .action-game__question-panel{padding:5px 8px;gap:2px}.color-shapes-container{gap:clamp(6px,1.2vh,10px);padding:3px}.color-shape-reference-item,.color-shape-interactive-item{width:clamp(55px,14vw,85px);height:clamp(55px,14vw,85px);padding:clamp(5px,1.2vw,8px);border-width:2px}.color-shape-fill{top:clamp(5px,1.2vw,8px);left:clamp(5px,1.2vw,8px);right:clamp(5px,1.2vw,8px);bottom:clamp(5px,1.2vw,8px)}.color-shapes-palette{padding:clamp(8px,2vw,12px) clamp(10px,2.5vw,16px);gap:clamp(6px,1.5vw,10px)}.color-shapes-palette-label{font-size:clamp(12px,2.5vw,14px);margin-bottom:0}.color-shapes-palette-colors{gap:clamp(10px,2.5vw,16px)}.color-shapes-palette-btn{width:clamp(38px,10vw,50px);height:clamp(38px,10vw,50px);border-width:2px;border-radius:10px}}@media (max-width: 480px){.color-shapes-game.action-game{padding:48px 10px 10px}.color-shapes-game .action-game__board{max-height:calc(100vh - 85px);gap:3px}.color-shapes-game .action-game__question-panel{padding:4px 6px;gap:2px}.color-shapes-game .action-game__category-badge{padding:clamp(4px,1vw,8px) clamp(10px,2.5vw,16px);font-size:18px;margin-top:3px}.color-shapes-container{gap:5px;padding:2px}.color-shapes-row{gap:8px}.color-shape-reference-item,.color-shape-interactive-item{width:clamp(50px,13vw,70px);height:clamp(50px,13vw,70px);padding:4px;border-width:2px}.color-shape-fill{top:4px;left:4px;right:4px;bottom:4px}.color-shapes-palette{padding:8px 12px;gap:5px}.color-shapes-palette-label{font-size:12px;margin-bottom:0}.color-shapes-palette-colors{gap:10px}.color-shapes-palette-btn{width:36px;height:36px;border-width:2px;border-radius:8px}.color-shapes-feedback{padding:6px 10px;font-size:18px}.color-shapes-validate-btn{padding:6px 16px;font-size:18px}.color-shapes-nav-btn{width:28px;height:28px}.color-shapes-nav-btn svg{width:12px;height:12px}.color-shapes-navigation{margin-top:4px}}@media (max-height: 600px){.color-shapes-game.action-game{padding-top:42px}.color-shapes-game .action-game__board{max-height:calc(100vh - 65px);gap:2px}.color-shapes-game .action-game__question-panel{padding:3px 5px}.color-shapes-container{gap:4px;padding:2px}.color-shape-reference-item,.color-shape-interactive-item{width:clamp(45px,12vw,60px);height:clamp(45px,12vw,60px);padding:3px}.color-shape-fill{top:3px;left:3px;right:3px;bottom:3px}.color-shapes-palette{padding:6px 10px;gap:4px}.color-shapes-palette-label{font-size:11px}.color-shapes-palette-colors{gap:8px}.color-shapes-palette-btn{width:30px;height:30px;border-radius:6px}.color-shapes-feedback{padding:4px 8px;font-size:18px}.color-shapes-validate-btn{padding:5px 14px;font-size:18px}.color-shapes-navigation{margin-top:3px}.color-shapes-nav-btn{width:24px;height:24px}}.count-animals-levels-container{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,20px);width:100%;max-width:900px;margin:0 auto}.count-animals-level-card{background:#fffffff2;border:none;border-radius:24px;padding:clamp(10px,2vw,16px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 28px #2c24420f;position:relative;overflow:hidden}.count-animals-level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.count-animals-level-card--complete{box-shadow:0 8px 32px #22c55e1f}.count-animals-level-card--complete:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.count-animals-level-card--error{animation:game-shake .5s ease;box-shadow:0 0 20px #ef444426}.count-animals-level-content{display:flex;align-items:center;gap:clamp(12px,3vw,20px);width:100%}.count-animals-number-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:clamp(10px,2vw,16px) clamp(14px,3vw,22px);box-shadow:0 4px 14px #667eea4d;flex-shrink:0}.count-animals-number-badge span{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:#fff}.count-animals-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:clamp(8px,2vw,14px);flex:1}.count-animals-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.count-animals-item:hover{transform:scale(1.05)}.count-animals-image-wrapper{width:clamp(60px,14vw,100px);height:clamp(55px,12vw,90px);position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(102,126,234,.25);border-radius:16px;background:#fff;padding:6px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.count-animals-item--selected .count-animals-image-wrapper{border:2px solid rgba(34,197,94,.5);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);box-shadow:0 4px 14px #22c55e33}.count-animals-img{max-width:107%;max-height:123%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.count-animals-checkmark{position:absolute;top:-6px;right:-6px;width:20px;height:20px;z-index:3}.count-animals-checkmark svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.count-animals-check-container{display:flex;justify-content:center;padding:clamp(8px,1.5vw,14px) 0;flex-shrink:0}.count-animals-check-btn{padding:12px 32px;border-radius:25px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d}.count-animals-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (min-width: 769px){.count-animals-game .action-game__board{max-height:fit-content}}@media (max-width: 768px){.count-animals-grid{gap:clamp(4px,1.2vw,8px)}.count-animals-image-wrapper{width:clamp(50px,13vw,75px);height:clamp(45px,11vw,65px);padding:4px;border-radius:12px}.count-animals-checkmark{width:18px;height:18px;top:-5px;right:-5px}.count-animals-number-badge{padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,16px)}.count-animals-number-badge span{font-size:clamp(1.2rem,3.5vw,1.8rem)}}@media (max-width: 480px){.count-animals-levels-container{gap:10px}.count-animals-level-card{padding:10px 12px;border-radius:20px}.count-animals-level-content{gap:8px}.count-animals-grid{gap:4px}.count-animals-image-wrapper{width:60px;height:60px;padding:4px;border-radius:12px}.count-animals-checkmark{width:16px;height:16px;top:-4px;right:-4px}.count-animals-number-badge{padding:8px 12px;border-radius:12px}.count-animals-number-badge span{font-size:1.1rem}.count-animals-check-container{padding:10px 0;margin-top:initial}.count-animals-check-btn{padding:12px 32px;font-size:15px}.count-animals-game .action-game__board{display:flex;flex-direction:column;height:100%}}.count-correct-number-game.action-game{height:100vh;max-height:100vh;padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:40px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.count-correct-number-game .action-game__frame{display:flex;flex-direction:column;justify-content:center;height:100%}.count-correct-number-game .action-game__board{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px);max-height:calc(100vh - 180px);overflow:hidden}.count-correct-container{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,4vw,24px);padding:clamp(12px,3vw,20px);flex:1;overflow:hidden}.count-correct-image-card{background:#fffffff2;border-radius:20px;padding:clamp(12px,3vw,20px);box-shadow:0 8px 28px #2c244214;border:none;display:flex;align-items:center;justify-content:center;max-width:90%;max-height:30vh;position:relative;overflow:hidden}.count-correct-image-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.count-correct-image{max-width:100%;max-height:25vh;object-fit:contain;border-radius:8px}.count-correct-options{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,20px);justify-content:center;max-width:100%}.count-correct-option{width:clamp(60px,15vw,80px);height:clamp(60px,15vw,80px);border-radius:50%;border:3px solid rgba(102,126,234,.25);background:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#2c2442;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000000f}.count-correct-option:hover{border-color:#667eea;transform:scale(1.08);box-shadow:0 6px 20px #667eea40}.count-correct-option--selected{border-color:#667eea;background:#667eea14}.count-correct-option--correct{border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 20px #22c55e40;animation:game-correct-bounce .6s ease}.count-correct-option--wrong{border-color:#ef4444;background:#ef444414;box-shadow:0 0 16px #ef444433;animation:game-shake .5s ease}.count-correct-feedback{padding:12px 24px;border-radius:16px;font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);text-align:center}.count-correct-feedback--success{background:#22c55e1a;color:#16a34a;border:2px solid rgba(34,197,94,.25)}.count-correct-feedback--error{background:#ef444414;color:#dc2626;border:2px solid rgba(239,68,68,.2)}.count-correct-navigation{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-bottom:20px}.count-correct-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:clamp(.85rem,2vw,1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d}.count-correct-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.count-correct-nav-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.count-correct-number-game.action-game{padding-top:calc(55px + env(safe-area-inset-top,0px))}.count-correct-number-game .action-game__board{max-height:calc(100vh - 140px)}.count-correct-image-card{max-height:28vh}.count-correct-image{max-height:23vh}.count-correct-option{width:clamp(55px,18vw,70px);height:clamp(55px,18vw,70px)}}@media (max-width: 480px){.count-correct-number-game.action-game{padding-top:calc(50px + env(safe-area-inset-top,0px))}.count-correct-container{gap:clamp(8px,2vw,12px)}.count-correct-image-card{padding:clamp(10px,2vw,14px);max-height:35vh}.count-correct-image{max-height:25vh}.count-correct-option{width:clamp(50px,20vw,65px);height:clamp(50px,20vw,65px);font-size:clamp(1.2rem,3.5vw,1.5rem)}.count-correct-nav-btn{padding:10px 18px;font-size:clamp(.8rem,2.5vw,.9rem)}}.match-dice-game.action-game{height:100vh;max-height:100vh;padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:40px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.match-dice-game .action-game__frame{display:flex;flex-direction:column;justify-content:center;height:100%}.match-dice-game .action-game__board{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px);max-height:fit-content;overflow:hidden}.match-dice-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vw,20px);padding:clamp(12px,3vw,20px);flex:1;overflow:hidden}.match-dice-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.match-dice-line{stroke:#667eea;stroke-width:3;stroke-linecap:round}.match-dice-line--correct{stroke:#22c55e;stroke-width:4}.match-dice-line--temp{stroke:#667eea;stroke-width:3;stroke-dasharray:8 4;opacity:.5}.match-dice-line--dragging{stroke:#667eea;stroke-width:3;stroke-dasharray:6 3;opacity:.7}.match-dice-line--error{stroke:#ef4444;stroke-width:4;animation:errorLineAnimation .6s ease-out forwards}@keyframes errorLineAnimation{0%{opacity:1;stroke-width:4}50%{opacity:1;stroke-width:6}to{opacity:0;stroke-width:2}}.match-dice-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(16px,4vw,40px);width:100%;max-width:600px;flex:1;align-items:center;position:relative;z-index:2}.match-dice-column{display:flex;flex-direction:column;gap:clamp(2px,.5vw,6px);align-items:center}.match-dice-item{width:clamp(45px,9vw,65px);height:clamp(45px,9vw,65px);border-radius:14px;border:2px solid rgba(102,126,234,.2);background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2c24420f;padding:6px}.match-dice-item:hover:not(:disabled){border-color:#667eea;transform:scale(1.05);box-shadow:0 6px 20px #667eea33}.match-dice-item--selected{border-color:#667eea;background:#667eea0f;box-shadow:0 4px 16px #667eea40}.match-dice-item--complete{border-color:#22c55e;background:#22c55e0f;animation:game-correct-bounce .6s ease}.match-dice-item--used{opacity:.5;cursor:not-allowed}.match-dice-item--temp{border-color:#667eea;background:#667eea14;box-shadow:0 0 0 3px #667eea26}.match-dice-item--number{font-size:18px;font-weight:700;color:#2c2442}.match-dice-item-image{width:100%;height:100%;object-fit:contain}.match-dice-feedback{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:16px;font-weight:600;font-size:18px;text-align:center;z-index:10}.match-dice-feedback--success{background:#22c55e1a;color:#16a34a;border:2px solid rgba(34,197,94,.25)}.match-dice-feedback--error{background:#ef444414;color:#dc2626;border:2px solid rgba(239,68,68,.2)}@media (max-width: 768px){.match-dice-game.action-game{padding-top:calc(55px + env(safe-area-inset-top,0px))}.match-dice-game .action-game__board{max-height:calc(100vh - 120px)}.match-dice-columns{gap:clamp(10px,2.5vw,20px)}.match-dice-column{gap:clamp(3px,.8vw,6px)}.match-dice-item{width:clamp(45px,13vw,65px);height:clamp(45px,13vw,65px);padding:4px}}@media (max-width: 480px){.match-dice-game.action-game{padding-top:calc(48px + env(safe-area-inset-top,0px))}.match-dice-game .action-game__board{max-height:calc(100vh - 100px)}.match-dice-container{gap:clamp(6px,1.5vw,10px);padding:clamp(6px,1.5vw,10px)}.match-dice-columns{gap:clamp(6px,1.5vw,12px)}.match-dice-column{gap:2px}.match-dice-item{width:clamp(53px,18vw,67px);height:clamp(53px,18vw,67px);border-width:2px;border-radius:12px;padding:4px}.match-dice-item--number{font-size:16px}.match-dice-line{stroke-width:2}}.connect-numbers-game.action-game{min-height:100vh;padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:10px;display:flex;flex-direction:column;justify-content:center}.connect-numbers-game .action-game__frame{display:flex;flex-direction:column;justify-content:center;height:100%}.connect-numbers-game .action-game__board{display:flex;flex-direction:column;gap:clamp(2px,.5vw,4px)}.connect-numbers-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(4px,1vw,8px)}.connect-numbers-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connect-numbers-line{stroke:#667eea;stroke-width:2;stroke-linecap:round}.connect-numbers-line--correct{stroke:#22c55e;stroke-width:3}.connect-numbers-line--dragging{stroke:#667eea;stroke-width:2;stroke-dasharray:6 3;opacity:.7}.connect-numbers-line--error{stroke:#ef4444;stroke-width:4;animation:connectErrorLineAnimation .6s ease-out forwards}@keyframes connectErrorLineAnimation{0%{opacity:1;stroke-width:4}50%{opacity:1;stroke-width:6}to{opacity:0;stroke-width:2}}.connect-numbers-columns{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:clamp(8px,2vw,16px);width:100%;max-width:700px;align-items:center;position:relative;z-index:2}.connect-numbers-column{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);align-items:center}.connect-numbers-item{width:clamp(70px,14vw,95px);height:clamp(60px,12vw,80px);border-radius:14px;border:2px solid rgba(102,126,234,.2);background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2c24420f;padding:6px}.connect-numbers-item:hover:not(:disabled){border-color:#667eea;transform:scale(1.05);box-shadow:0 6px 20px #667eea33}.connect-numbers-item--selected{border-color:#667eea;background:#667eea0f;box-shadow:0 0 0 3px #667eea33}.connect-numbers-item--complete{border-color:#22c55e;background:#22c55e0f;animation:game-correct-bounce .6s ease}.connect-numbers-item--used{opacity:.5;cursor:not-allowed}.connect-numbers-item--number{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;color:#2c2442}.connect-numbers-item--image{padding:4px}.connect-numbers-item--word{font-size:clamp(.85rem,2.2vw,1.1rem);font-weight:600;color:#2c2442;text-align:center;padding:4px}.connect-numbers-item-image{width:100%;height:100%;object-fit:contain}.connect-numbers-feedback{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:14px;font-weight:600;font-size:clamp(.8rem,2vw,1rem);text-align:center;z-index:10}.connect-numbers-feedback--success{background:#22c55e1a;color:#16a34a;border:2px solid rgba(34,197,94,.25)}.connect-numbers-feedback--error{background:#ef444414;color:#dc2626;border:2px solid rgba(239,68,68,.2)}@media (max-width: 768px){.connect-numbers-game.action-game{padding-top:calc(45px + env(safe-area-inset-top,0px));padding-bottom:5px}.connect-numbers-columns{gap:clamp(2px,.5vw,4px)}.connect-numbers-item{width:clamp(65px,17vw,90px);height:clamp(55px,14vw,75px)}.connect-numbers-item--word{font-size:clamp(.7rem,2vw,.9rem)}}@media (max-width: 480px){.connect-numbers-game.action-game{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:5px}.connect-numbers-container{gap:clamp(2px,.5vw,4px);padding:clamp(2px,.5vw,4px);margin-top:34px}.connect-numbers-columns{gap:clamp(1px,.3vw,3px)}.connect-numbers-column{gap:0}.connect-numbers-item{width:clamp(80px,24vw,100px);height:clamp(68px,21vw,85px);border-width:1.5px;border-radius:10px;padding:4px}.connect-numbers-item--number{font-size:clamp(1.2rem,5vw,1.6rem)}.connect-numbers-item--word{font-size:clamp(.6rem,3vw,.85rem)}.connect-numbers-line{stroke-width:1.5}.connect-numbers-feedback{padding:6px 12px;font-size:clamp(.65rem,1.6vw,.8rem);bottom:5px}}.how-many-animals-game.action-game{min-height:100vh;padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:10px;display:flex;flex-direction:column;justify-content:center}.how-many-animals-game .action-game__frame{display:flex;flex-direction:column;justify-content:center;height:100%}.how-many-animals-game .action-game__board{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px)}.how-many-animals-container{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(4px,1vw,8px)}@media (min-width: 900px){.how-many-animals-container{flex-direction:row;align-items:center;justify-content:center;gap:clamp(20px,4vw,40px)}.how-many-animals-collage{flex:0 0 auto;max-width:45%}.how-many-animals-right-section{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,20px)}}.how-many-animals-collage{width:100%;max-width:650px;display:flex;justify-content:center;align-items:center}.how-many-animals-collage-img{width:100%;max-height:clamp(280px,50vh,480px);object-fit:contain;border-radius:16px;box-shadow:0 8px 28px #2c24420f}.how-many-animals-question{position:relative;display:flex;align-items:center;gap:clamp(20px,5vw,40px);background:#fffffff2;padding:clamp(16px,4vw,28px);border-radius:20px;border:none;box-shadow:0 8px 28px #2c24420f;overflow:hidden}.how-many-animals-question:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.how-many-animals-icon{width:clamp(80px,20vw,140px);height:clamp(80px,20vw,140px);display:flex;align-items:center;justify-content:center;background:#667eea0f;border-radius:16px;padding:10px}.how-many-animals-icon-img{width:100%;height:100%;object-fit:contain}.how-many-animals-input-section{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.5vw,16px)}.how-many-animals-input{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px);font-size:clamp(2.5rem,7vw,3.5rem);font-weight:700;text-align:center;border:2px solid rgba(102,126,234,.2);border-radius:14px;background:#fffffff2;color:#2c2442;outline:none;transition:all .2s ease}.how-many-animals-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.how-many-animals-input--correct{border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 12px #22c55e33}.how-many-animals-input--wrong{border-color:#ef4444;background:#ef444414;box-shadow:0 0 12px #ef444433;animation:game-shake .4s ease-in-out}.how-many-animals-input::placeholder{color:#667eea4d}.how-many-animals-check-btn{padding:clamp(12px,3vw,18px) clamp(24px,6vw,36px);font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #667eea4d}.how-many-animals-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.how-many-animals-check-btn:disabled{opacity:.5;cursor:not-allowed}.how-many-animals-feedback{padding:14px 28px;border-radius:12px;font-weight:600;font-size:18px;text-align:center}.how-many-animals-feedback--success{background:#22c55e1a;color:#16a34a;border:none}.how-many-animals-feedback--error{background:#ef444414;color:#dc2626;border:none}.how-many-animals-navigation{display:flex;gap:20px;justify-content:center;margin-top:auto}.how-many-animals-nav-btn{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.4rem;box-shadow:0 4px 14px #667eea4d}.how-many-animals-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.how-many-animals-nav-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.how-many-animals-game.action-game{padding-top:calc(45px + env(safe-area-inset-top,0px));padding-bottom:8px}.how-many-animals-game .action-game__board{max-height:calc(100vh - 70px)}.how-many-animals-collage-img{max-height:clamp(180px,38vh,300px)}}@media (max-width: 480px){.how-many-animals-game.action-game{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:6px}.how-many-animals-container{gap:clamp(4px,1vw,6px);padding:clamp(2px,.5vw,4px);margin-top:-10px}.how-many-animals-collage-img{max-height:clamp(200px,42vh,300px)}.how-many-animals-question{padding:clamp(12px,3vw,20px);gap:clamp(16px,4vw,28px)}.how-many-animals-icon{width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px)}.how-many-animals-input{width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px);font-size:clamp(2rem,6vw,3rem)}.how-many-animals-nav-btn{width:48px;height:48px;font-size:1.2rem}.how-many-animals-feedback{padding:10px 20px;font-size:18px}}.fill-missing-numbers-game.action-game{min-height:100vh;min-height:100dvh;padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overflow:hidden}.fill-missing-numbers-game .action-game__question-panel{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:8px 12px!important}.fill-missing-numbers-game .action-game__back-btn{position:static!important;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#667eea14;border-radius:50%;border:none;cursor:pointer}.fill-missing-numbers-game .action-game__category-badge{margin:0!important;flex:1}.fill-numbers-page-indicator{font-size:14px;font-weight:600;color:#667eea;background:#667eea14;padding:4px 12px;border-radius:12px}.fill-missing-numbers-game .action-game__frame{height:auto;max-height:100%;overflow:hidden}.fill-missing-numbers-game .action-game__board{overflow:hidden;max-height:none}.fill-numbers-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:10px;gap:16px}.fill-numbers-kid{display:none}.fill-numbers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:340px;background:transparent;padding:10px;margin:0 auto}.fill-numbers-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%!important;font-size:16px;font-weight:600;transition:all .3s ease;min-width:0;max-width:56px;max-height:56px}.fill-numbers-cell--filled{background:transparent;border:2px solid rgba(102,126,234,.3);color:#2c2442}.fill-numbers-cell--empty{background:#fffffff2;border:2px dashed rgba(102,126,234,.25)}.fill-numbers-cell--correct{border-color:#22c55e!important;border-width:3px!important;background:#22c55e1a!important;border-style:solid!important;box-shadow:0 0 12px #22c55e33}.fill-numbers-cell--wrong{border-color:#ef4444!important;border-width:3px!important;background:#ef444414!important;animation:game-shake .4s ease;box-shadow:0 0 12px #ef444433}.fill-numbers-number{-webkit-user-select:none;user-select:none}.fill-numbers-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:16px;font-weight:600;color:#2c2442;outline:none;font-family:inherit;padding:0;-webkit-text-size-adjust:100%;touch-action:manipulation}.fill-numbers-input:focus{font-size:16px}.fill-numbers-input::placeholder{color:transparent}.fill-numbers-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.fill-numbers-nav-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;box-shadow:0 4px 14px #667eea4d}.fill-numbers-nav-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.fill-numbers-nav-btn.disabled{opacity:.3;cursor:not-allowed}.fill-numbers-nav-label{font-size:16px;font-weight:600;color:#2c2442;min-width:60px;text-align:center}@media (max-width: 768px){.fill-missing-numbers-game.action-game{padding:0;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.fill-missing-numbers-game .action-game__frame{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px}.fill-missing-numbers-game .action-game__board{gap:8px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding-top:0!important}.fill-missing-numbers-game .action-game__layout{flex:1;display:flex;flex-direction:column;overflow:hidden}.fill-missing-numbers-game .action-game__question-panel{flex-shrink:0;padding:10px;margin-bottom:4px}.fill-missing-numbers-game .action-game__category-badge{font-size:18px!important;padding:6px 12px!important}.fill-numbers-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;margin:0;gap:12px}.fill-numbers-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;max-width:310px;width:100%}.fill-numbers-cell{font-size:16px;font-weight:700;max-width:54px;max-height:54px}.fill-numbers-input{font-size:16px;font-weight:700}.fill-numbers-nav-btn{width:40px;height:40px;font-size:18px}}@media (max-width: 480px){.fill-numbers-grid{grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;max-width:290px}.fill-numbers-cell{font-size:16px;font-weight:700;border-width:1.5px;max-width:50px;max-height:50px}.fill-numbers-input{font-size:16px;font-weight:700}.fill-numbers-page-indicator{font-size:12px;padding:3px 8px}.fill-missing-numbers-game .action-game__category-badge{font-size:16px!important;padding:4px 10px!important}}@media (max-width: 380px){.fill-numbers-grid{gap:4px;padding:5px;max-width:270px}.fill-numbers-cell{font-size:16px;border-width:1.5px;max-width:46px;max-height:46px}.fill-numbers-input{font-size:16px}.fill-numbers-nav-btn{width:36px;height:36px;font-size:16px}.fill-numbers-nav-label{font-size:14px}}.coin-addition-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;max-width:900px;margin:0 auto;padding:clamp(10px,1.5vw,20px)}.coin-addition-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vw,20px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;position:relative}.coin-addition-row:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.coin-addition-row--correct{background:#22c55e14!important;box-shadow:0 0 20px #22c55e40}.coin-addition-row--wrong{background:#ef444414!important;animation:game-shake .5s ease}.coin-addition-coins{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);flex-wrap:wrap;flex:1}.coin-addition-coin{display:flex;align-items:center;justify-content:center}.coin-addition-coin img{max-width:clamp(50px,10vw,80px);max-height:clamp(50px,10vw,80px);width:auto;height:auto;object-fit:contain}.coin-addition-operator{font-size:clamp(24px,4vw,36px);font-weight:700;color:#2c2442;padding:0 clamp(4px,1vw,8px)}.coin-addition-answer{display:flex;align-items:center;gap:4px;flex-shrink:0}.coin-addition-input{width:clamp(60px,12vw,100px);height:clamp(45px,8vw,60px);border:2px solid #CBD5E0;border-radius:8px;font-size:clamp(18px,3vw,24px);font-weight:700;text-align:center;color:#2c2442;background:#fff;transition:all .2s ease}.coin-addition-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.coin-addition-input::placeholder{color:#9ca3af}.coin-addition-input--correct{border-color:#22c55e!important;background:#22c55e14!important;color:#16a34a!important;box-shadow:0 0 20px #22c55e40}.coin-addition-input--wrong{border-color:#ef4444!important;background:#ef444414!important;color:#dc2626!important}.coin-addition-input:disabled{cursor:default}.coin-addition-euro-symbol{font-size:clamp(16px,2.5vw,20px);font-weight:700;color:#22c55e}.coin-addition-level-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.coin-addition-level-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.coin-addition-level-dot--current{background:#667eea;transform:scale(1.2)}.coin-addition-level-dot--completed{background:#22c55e}@media (max-width: 768px){.action-game{padding:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.action-game__frame{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px}.action-game__board{gap:0;flex:1;display:flex;flex-direction:column;overflow:auto;padding:0!important}.action-game__question-panel{flex-shrink:0;padding:5px}.action-game__category-badge{font-size:12px!important;padding:4px 12px!important}.coin-addition-container{gap:10px;padding:8px}.coin-addition-row{padding:10px;gap:8px}.coin-addition-coins{gap:13px}.coin-addition-coin img{max-width:45px;max-height:45px}.coin-addition-operator{font-size:20px;padding:0 3px}.coin-addition-input{width:55px;height:40px;font-size:16px}}@media (max-width: 480px){.coin-addition-container{gap:6px;padding:4px}.coin-addition-coin img{max-width:65px;max-height:65px}.coin-addition-coins{gap:4px}.coin-addition-operator{font-size:16px;padding:0 2px}.coin-addition-input{width:45px;height:32px;font-size:13px}.coin-addition-row{padding:6px;min-height:auto}}.coin-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:coinFadeIn .3s ease}@keyframes coinFadeIn{0%{opacity:0}to{opacity:1}}.coin-popup{background:linear-gradient(135deg,#fff,#f0f4ff);border-radius:25px;padding:30px;box-shadow:0 20px 60px #2c244233;max-width:400px;width:85%;animation:coinPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative}.coin-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:25px 25px 0 0}@keyframes coinPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.coin-popup-coins{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;background:#fff;padding:15px 20px;border-radius:20px;margin-bottom:20px;box-shadow:0 6px 15px #2c244214;border:2px solid rgba(102,126,234,.2)}.coin-popup-coin-img{width:50px;height:50px;object-fit:contain}.coin-popup-plus,.coin-popup-equals{font-size:24px;font-weight:700;color:#2c2442}.coin-popup-question{font-size:32px;font-weight:700;color:#667eea}.coin-popup-options{display:flex;flex-direction:column;gap:15px}.coin-popup-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;padding:18px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d;position:relative;overflow:hidden}.coin-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .5s ease}.coin-popup-option:hover:before{left:100%}.coin-popup-option:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #667eea80}.coin-popup-option:active{transform:translateY(0) scale(.98)}@media (max-width: 480px){.coin-popup{padding:20px;width:90%}.coin-popup-coins{gap:6px;padding:12px 15px;margin-bottom:15px}.coin-popup-coin-img{width:40px;height:40px}.coin-popup-plus,.coin-popup-equals{font-size:20px}.coin-popup-question{font-size:26px}.coin-popup-options{gap:12px}.coin-popup-option{padding:14px;font-size:22px}}.clock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,20px);width:100%;max-width:700px;margin:0 auto;padding:clamp(10px,1.5vw,20px)}.clock-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(10px,2vw,15px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;position:relative}.clock-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.clock-item--correct{background:#22c55e14!important;box-shadow:0 0 20px #22c55e40}.clock-item--wrong{background:#ef444414!important;animation:game-shake .5s ease}.clock-image-container{width:100%;display:flex;justify-content:center;align-items:center}.clock-image{max-width:100%;max-height:clamp(80px,15vw,120px);object-fit:contain}.clock-answer-btn{width:100%;padding:clamp(8px,1.5vw,12px);border:2px solid #CBD5E0;border-radius:20px;font-size:clamp(16px,3vw,20px);font-weight:700;text-align:center;color:#2c2442;background:#fff;cursor:pointer;transition:all .2s ease}.clock-answer-btn:hover{border-color:#667eea;background:#667eea0d}.clock-answer-btn--correct{border-color:#22c55e!important;background:#22c55e14!important;color:#16a34a!important;box-shadow:0 0 20px #22c55e40}.clock-answer-btn--wrong{border-color:#ef4444!important;background:#ef444414!important;color:#dc2626!important}.clock-answer-btn:disabled{cursor:default}.clock-level-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.clock-level-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.clock-level-dot--current{background:#667eea;transform:scale(1.2)}.clock-level-dot--completed{background:#22c55e}.clock-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:clockFadeIn .3s ease}@keyframes clockFadeIn{0%{opacity:0}to{opacity:1}}.clock-popup{background:linear-gradient(135deg,#fff,#f0f4ff);border-radius:25px;padding:30px;box-shadow:0 20px 60px #2c244233;max-width:400px;width:85%;animation:clockPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative}.clock-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:25px 25px 0 0}@keyframes clockPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.clock-popup-image-container{display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;border-radius:20px;margin-bottom:20px;box-shadow:0 6px 15px #2c244214;border:2px solid rgba(102,126,234,.2)}.clock-popup-image{max-width:150px;max-height:150px;object-fit:contain}.clock-popup-options{display:flex;flex-direction:column;gap:15px}.clock-popup-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;padding:18px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d;position:relative;overflow:hidden}.clock-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .5s ease}.clock-popup-option:hover:before{left:100%}.clock-popup-option:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #667eea80}.clock-popup-option:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.clock-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:8px}.clock-item{padding:8px;gap:8px}.clock-image{max-height:70px}.clock-answer-btn{padding:8px;font-size:14px}.action-game__category-badge{font-size:12px!important;padding:14px 42px!important;margin-top:10px}}@media (max-width: 480px){.clock-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:4px}.clock-item{padding:6px;gap:6px}.clock-image{max-height:108px}.clock-answer-btn{padding:6px;font-size:13px}.clock-popup{padding:20px;width:90%}.clock-popup-image-container{padding:15px;margin-bottom:15px}.clock-popup-image{max-width:141px;max-height:140px}.clock-popup-options{gap:12px}.clock-popup-option{padding:14px;font-size:22px}}.word-problems-container{display:flex;flex-direction:column;gap:clamp(15px,3vw,25px);width:100%;max-width:800px;margin:0 auto;padding:clamp(10px,2vw,20px)}.word-problems-container--single{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.word-problem-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:clamp(15px,3vw,25px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;position:relative}.word-problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.word-problem-card--single{width:100%;max-width:700px;padding:clamp(20px,4vw,35px);box-shadow:0 8px 28px #2c24420f;display:flex;flex-direction:column;gap:20px}.word-problem-card--single .word-problem-number{align-self:flex-start}.word-problem-card--single .word-problem-answer-btn{width:100%;padding:clamp(20px,4vw,30px);font-size:clamp(20px,4vw,28px);margin-top:15px}.word-problem-card--correct{background:#22c55e14!important;box-shadow:0 0 20px #22c55e40}.word-problem-card--wrong{background:#ef444414!important;animation:game-shake .5s ease}.word-problem-number{display:flex;align-items:center;justify-content:center;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:clamp(14px,3vw,18px);font-weight:700}.word-problem-content{flex:1}.word-problem-text{font-size:clamp(14px,2.5vw,16px);color:#4a5568;line-height:1.5;margin:0}.word-problem-answer-btn{min-width:clamp(80px,15vw,120px);padding:clamp(15px,3vw,25px) clamp(20px,4vw,30px);background:#fffffff2;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:clamp(16px,3vw,20px);font-weight:700;color:#4a5568;cursor:pointer;transition:all .2s ease}.word-problem-answer-btn:hover{background:#667eea0d;border-color:#667eea}.word-problem-answer-btn--correct{background:#22c55e14!important;border-color:#22c55e!important;color:#16a34a!important;box-shadow:0 0 20px #22c55e40}.word-problem-answer-btn--wrong{background:#ef444414!important;border-color:#ef4444!important;color:#dc2626!important}.word-problem-answer-btn:disabled{cursor:default}.word-problems-level-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.word-problems-level-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.word-problems-level-dot--current{background:#667eea;transform:scale(1.2)}.word-problems-level-dot--completed{background:#22c55e}.word-problem-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:problemFadeIn .3s ease;padding:20px}@keyframes problemFadeIn{0%{opacity:0}to{opacity:1}}.word-problem-popup{background:linear-gradient(135deg,#fff,#f0f4ff);border-radius:25px;padding:25px;box-shadow:0 20px 60px #2c244233;max-width:450px;width:90%;animation:problemPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative}.word-problem-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:25px 25px 0 0}@keyframes problemPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.word-problem-popup-text{background:#fff;padding:20px;border-radius:15px;margin-bottom:20px;font-size:clamp(14px,3vw,16px);line-height:1.6;color:#4a5568;box-shadow:0 4px 10px #2c24420f;border:2px solid rgba(102,126,234,.15)}.word-problem-popup-hint{background:#fef3c7;border:2px solid #F59E0B;border-radius:12px;padding:15px;margin-bottom:20px;font-size:clamp(14px,3vw,16px);font-weight:600;color:#92400e;text-align:center}.word-problem-popup-options{display:flex;flex-direction:column;gap:12px}.word-problem-popup-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;padding:16px;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d;position:relative;overflow:hidden}.word-problem-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .5s ease}.word-problem-popup-option:hover:before{left:100%}.word-problem-popup-option:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #667eea80}.word-problem-popup-option:active{transform:translateY(0) scale(.98)}@media (min-width: 640px){.action-game{padding:10px}}@media (max-width: 768px){.word-problem-card{grid-template-columns:1fr;gap:12px}.word-problem-number{justify-self:start}.word-problem-answer-btn{width:100%}.action-game__category-badge{font-size:12px!important;padding:14px 42px!important;margin-top:10px}}@media (max-width: 480px){.word-problems-container{gap:12px;padding:8px}.word-problem-card{padding:12px}.word-problem-number{width:35px;height:35px;font-size:12px}.word-problem-card--single .word-problem-answer-btn{padding:clamp(15px,3vw,20px);font-size:clamp(16px,3vw,20px)}.action-game__back-btn svg{width:16px;height:16px}.word-problem-text{font-size:22px}.word-problem-answer-btn{padding:12px;font-size:14px}.word-problem-popup{padding:18px}.word-problem-popup-text{padding:15px;font-size:13px;margin-bottom:15px}.word-problem-popup-options{gap:10px}.word-problem-popup-option{padding:14px;font-size:20px}}.place-value-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:900px;margin:0 auto;padding:clamp(10px,2vw,20px)}@media (max-width: 768px){.place-value-container{grid-template-columns:1fr;max-width:500px}}.place-value-card{position:relative;display:flex;align-items:center;gap:clamp(15px,3vw,25px);padding:clamp(20px,4vw,30px);background:#fffffff2;border-radius:20px;border:none;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;width:100%;overflow:hidden}.place-value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.place-value-card--correct{background:#22c55e1a!important;box-shadow:0 0 12px #22c55e33;animation:game-correct-bounce .4s ease}.place-value-card--wrong{background:#ef444414!important;box-shadow:0 0 12px #ef444433;animation:game-shake .4s ease}.place-value-number-section{display:flex;flex-direction:column;align-items:center;gap:8px}.place-value-problem-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:18px;font-weight:700}.place-value-main-number{font-size:clamp(36px,8vw,48px);font-weight:700;color:#2c2442}.place-value-table{display:flex;flex-direction:column;gap:8px;flex:1}.place-value-header{display:flex;gap:10px}.place-value-header span{flex:1;text-align:center;font-size:clamp(10px,2vw,12px);font-weight:600;color:#667eea;letter-spacing:.5px}.place-value-inputs{display:flex;gap:10px}.place-value-input{flex:1;padding:clamp(12px,2.5vw,18px);border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:clamp(20px,4vw,28px);font-weight:700;text-align:center;color:#2c2442;background:#fffffff2;transition:all .2s ease;width:60px}.place-value-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.place-value-input--correct{border-color:#22c55e!important;background:#22c55e1a!important;color:#16a34a!important;box-shadow:0 0 12px #22c55e33}.place-value-input--wrong{border-color:#ef4444!important;background:#ef444414!important;color:#dc2626!important;box-shadow:0 0 12px #ef444433}.place-value-input::-webkit-outer-spin-button,.place-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.place-value-input[type=number]{-moz-appearance:textfield}.place-value-train{display:flex;align-items:center;justify-content:center}.place-value-train img{width:clamp(60px,12vw,100px);height:auto;object-fit:contain}.place-value-check-btn{width:100%;padding:clamp(15px,3vw,20px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:clamp(18px,4vw,22px);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d}.place-value-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.place-value-check-btn:disabled{opacity:.5;cursor:not-allowed}.place-value-level-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.place-value-level-dot{width:12px;height:12px;border-radius:50%;background:#667eea26;transition:all .3s ease}.place-value-level-dot--current{background:#667eea;transform:scale(1.2)}.place-value-level-dot--completed{background:#22c55e}@media (max-width: 480px){.place-value-container{padding:8px;gap:15px}.place-value-card{padding:15px;gap:12px}.place-value-problem-number{width:18px;height:18px;font-size:11px}.place-value-main-number{font-size:32px}.place-value-input{padding:10px;font-size:20px;width:50px}.place-value-train img{width:71px}.place-value-check-btn{padding:12px;font-size:16px}.action-game__back-btn svg{width:16px;height:16px}}.count-shapes-container{display:flex;flex-direction:row;gap:20px;width:100%;max-width:900px;margin:0 auto;padding:clamp(10px,2vw,20px);align-items:flex-start}@media (max-width: 768px){.count-shapes-container{flex-direction:column;max-width:600px}}.count-shapes-image-container{display:flex;justify-content:center;align-items:center;background:#fffffff2;border-radius:20px;padding:15px;box-shadow:0 8px 28px #2c244214;flex:1;min-width:0;position:relative;overflow:hidden}.count-shapes-image-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.count-shapes-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}.count-shapes-questions{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.count-shapes-question{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #2c24420f;transition:all .3s ease}.count-shapes-question--correct{background:#22c55e14!important;box-shadow:0 4px 16px #22c55e1f;animation:game-correct-bounce .6s ease}.count-shapes-question--wrong{background:#ef44440f!important;box-shadow:0 4px 16px #ef44441a;animation:game-shake .5s ease}.count-shapes-question-number{font-weight:700;color:#667eea;min-width:20px}.count-shapes-question-text{flex:1;font-size:clamp(13px,2.5vw,15px);color:#2c2442}.count-shapes-input{width:60px;padding:8px 12px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:18px;font-weight:700;text-align:center;color:#2c2442;background:#fff;transition:all .2s ease}.count-shapes-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.count-shapes-input--correct{border-color:#22c55e!important;background:#22c55e0f!important;color:#16a34a!important}.count-shapes-input--wrong{border-color:#ef4444!important;background:#ef44440f!important;color:#dc2626!important}.count-shapes-input::-webkit-outer-spin-button,.count-shapes-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-shapes-input[type=number]{-moz-appearance:textfield}@media (max-width: 480px){.count-shapes-container{padding:8px;gap:15px;align-items:center}.count-shapes-image-container{padding:10px;width:100%;max-width:350px}.count-shapes-image{max-height:200px}.count-shapes-questions{gap:8px}.count-shapes-question{padding:10px 12px;gap:8px}.count-shapes-question-text{font-size:12px}.count-shapes-input{width:50px;padding:6px 8px;font-size:16px}}.shape-counting-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:800px;margin:0 auto;padding:clamp(10px,2vw,20px)}.shape-counting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shape-counting-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #2c24420f;transition:all .3s ease}.shape-counting-item--correct{background:#22c55e14!important;box-shadow:0 4px 16px #22c55e1f;animation:game-correct-bounce .6s ease}.shape-counting-item--wrong{background:#ef44440f!important;box-shadow:0 4px 16px #ef44441a;animation:game-shake .5s ease}.shape-counting-shape{width:50px;height:50px;object-fit:contain}.shape-counting-equals{font-size:20px;font-weight:700;color:#667eea}.shape-counting-input{width:50px;padding:8px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:18px;font-weight:700;text-align:center;color:#2c2442;background:#faf8ff;transition:all .2s ease}.shape-counting-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.shape-counting-input--correct{border-color:#22c55e!important;background:#22c55e0f!important;color:#16a34a!important}.shape-counting-input--wrong{border-color:#ef4444!important;background:#ef44440f!important;color:#dc2626!important}.shape-counting-input::-webkit-outer-spin-button,.shape-counting-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shape-counting-input[type=number]{-moz-appearance:textfield}.shape-counting-image-container{display:flex;justify-content:center;align-items:center;background:#fffffff2;border-radius:20px;padding:15px;box-shadow:0 8px 28px #2c244214;position:relative;overflow:hidden}.shape-counting-image-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.shape-counting-main-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}@media (max-width: 768px){.shape-counting-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 480px){.shape-counting-container{padding:8px;gap:15px}.shape-counting-grid{grid-template-columns:repeat(2,1fr);gap:8px}.shape-counting-item{padding:10px;gap:6px}.shape-counting-shape{width:70px;height:52px}.shape-counting-equals{font-size:16px}.shape-counting-input{width:40px;padding:6px;font-size:16px}.shape-counting-image-container{padding:10px}.shape-counting-main-image{max-height:382px}}.number-pattern-container{display:flex;flex-direction:column;gap:25px;width:100%;max-width:600px;margin:0 auto;padding:clamp(10px,2vw,20px)}.number-pattern-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background:#fffffff2;border-radius:20px;border:none;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;overflow:hidden}.number-pattern-row:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.number-pattern-row--correct{background:#22c55e1a!important;box-shadow:0 0 12px #22c55e33;animation:game-correct-bounce .4s ease}.number-pattern-row--wrong{background:#ef444414!important;box-shadow:0 0 12px #ef444433;animation:game-shake .4s ease}.number-pattern-cloud{display:flex;align-items:center;justify-content:center;background:url(../images/preschool-math/motivo/cloud.png) no-repeat center center;background-size:cover;padding:30px 25px;min-height:100px;position:relative}.number-pattern-number{font-size:clamp(20px,5vw,28px);font-weight:700;color:#2c2442;padding-top:11px}.number-pattern-input{width:100%;max-width:60px;padding:8px 0;border:none;border-bottom:2px dotted #667eea;border-radius:0;font-size:clamp(18px,4vw,24px);font-weight:700;text-align:center;color:#2c2442;background:transparent;transition:all .2s ease;margin-top:11px}.number-pattern-input:focus{outline:none;border-bottom-color:#667eea;box-shadow:0 2px #667eea4d}.number-pattern-input--correct{border-bottom-color:#22c55e!important;color:#16a34a!important}.number-pattern-input--wrong{border-bottom-color:#ef4444!important;color:#dc2626!important}.number-pattern-input::-webkit-outer-spin-button,.number-pattern-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-pattern-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.action-game__category-badge{font-size:12px!important;padding:14px 42px!important;margin-top:10px}}@media (max-width: 480px){.number-pattern-container{padding:8px;gap:12px}.number-pattern-row{gap:6px;padding:8px}.number-pattern-cloud{padding:10px 6px;min-height:50px}.number-pattern-cloud{padding:12px 8px;min-height:50px}.number-pattern-number{font-size:18px;padding-top:8px}.number-pattern-input{max-width:45px;padding:6px;font-size:16px}.action-game__back-btn svg{width:16px;height:16px}}.multiplication-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:700px;margin:0 auto;padding:clamp(10px,2vw,20px);place-items:center;min-height:60vh;align-content:center}.multiplication-jar{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.multiplication-jar--correct{transform:scale(1.02)}.multiplication-jar--wrong{animation:game-shake .5s ease}.multiplication-jar-image{width:100%;max-width:200px;height:auto}.multiplication-input{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:80px;padding:10px 4px;border:none;border-bottom:2px dotted #333;border-radius:0;font-size:clamp(20px,4vw,26px);font-weight:700;text-align:center;color:#2c2442;background:transparent;transition:all .2s ease}.multiplication-input:focus{outline:none;border-bottom-color:#667eea}.multiplication-input--correct{border-bottom-color:#22c55e!important;color:#16a34a!important}.multiplication-input--wrong{border-bottom-color:#ef4444!important;color:#dc2626!important}.multiplication-input::-webkit-outer-spin-button,.multiplication-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multiplication-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.multiplication-container{max-width:500px;gap:20px}.multiplication-jar-image{max-width:160px}.multiplication-input{width:70px;font-size:20px;padding:8px 4px}.action-game__category-badge{font-size:12px!important;padding:14px 42px!important;margin-top:10px}}@media (max-width: 480px){.multiplication-container{grid-template-columns:repeat(2,1fr);max-width:100%;gap:15px;padding:10px}.multiplication-jar-image{max-width:165px}.multiplication-input{width:60px;font-size:18px;bottom:22%}.multiplication-answer-btn{width:60px;font-size:18px}.action-game__back-btn svg{width:16px;height:16px}}.multiplication-jar{cursor:pointer}.multiplication-answer-btn{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:80px;padding:10px 4px;border:none;border-bottom:2px dotted #333;border-radius:0;font-size:clamp(20px,4vw,26px);font-weight:700;text-align:center;color:#2c2442;background:transparent;cursor:pointer;transition:all .2s ease}.multiplication-answer-btn:hover:not(:disabled){border-bottom-color:#667eea}.multiplication-answer-btn--correct{border-bottom-color:#22c55e!important;color:#16a34a!important}.multiplication-answer-btn--wrong{border-bottom-color:#ef4444!important;color:#dc2626!important}.multiplication-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:multiPopupFadeIn .3s ease}@keyframes multiPopupFadeIn{0%{opacity:0}to{opacity:1}}.multiplication-popup{background:linear-gradient(135deg,#fff,#f0f4ff);border-radius:25px;padding:30px;box-shadow:0 20px 60px #2c244233;max-width:400px;width:85%;animation:multiPopupPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:none;position:relative}.multiplication-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:25px 25px 0 0}@keyframes multiPopupPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.multiplication-popup-image-container{display:flex;align-items:center;justify-content:center;background:#fff;padding:15px 20px;border-radius:20px;margin-bottom:20px;box-shadow:0 6px 15px #2c244214;border:2px solid rgba(102,126,234,.2)}.multiplication-popup-image{max-width:200px;max-height:200px;object-fit:contain}.multiplication-popup-options{display:flex;flex-direction:column;gap:15px}.multiplication-popup-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;padding:18px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea4d;position:relative;overflow:hidden}.multiplication-popup-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transition:left .5s ease}.multiplication-popup-option:hover:before{left:100%}.multiplication-popup-option:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #667eea80}.multiplication-popup-option:active{transform:translateY(0) scale(.98)}@media (max-width: 480px){.multiplication-popup{padding:20px;width:90%}.multiplication-popup-image-container{padding:12px 15px;margin-bottom:15px}.multiplication-popup-image{max-width:160px;max-height:160px}.multiplication-popup-options{gap:12px}.multiplication-popup-option{padding:14px;font-size:22px}}.worksheet-game{min-height:100vh;background:linear-gradient(175deg,#fef7f4,#f8f0ff,#f0f4ff);padding:0;display:flex;flex-direction:column;align-items:center;--rose: #f6ccd4;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6);--accent-purple: #667eea;--accent-purple-dark: #764ba2}.worksheet-container{background:#ffffffeb;border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 16px 48px #2c244212;border:1px solid rgba(246,214,206,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:1200px;width:100%;margin-top:20px}.worksheet-question-panel{background:#fffc;border-radius:20px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:clamp(20px,4vw,30px)}.worksheet-category-bar{background:linear-gradient(135deg,#667eea1f,#764ba21a);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:700;color:var(--accent-purple, #667eea);margin-bottom:clamp(12px,2vw,16px)}.worksheet-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:var(--text-dark);margin:0 0 12px}.worksheet-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:var(--accent-purple, #667eea);background:linear-gradient(135deg,#667eea1a,#764ba214);padding:6px 14px;border-radius:999px;font-weight:700}.worksheet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(15px,3vw,30px);justify-items:center}.worksheet-problem{display:flex;flex-direction:column;align-items:center;transition:all .3s ease;background:#fff;border-radius:20px;padding:clamp(16px,3vw,24px);border:2px solid rgba(246,214,206,.2);box-shadow:0 4px 16px #2c24420d;position:relative;overflow:hidden}.worksheet-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-purple, #667eea),var(--accent-purple-dark, #764ba2));border-radius:20px 20px 0 0}.worksheet-problem:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2c24421a}.worksheet-problem--correct{border-color:#22c55e;box-shadow:0 0 24px #22c55e33,0 8px 24px #22c55e1a;animation:game-correct-bounce .6s ease}.worksheet-problem--correct:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.worksheet-problem--wrong{animation:game-shake .5s ease;border-color:#fb7185;box-shadow:0 0 20px #fb718526}.worksheet-problem--wrong:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.problem-numbers{display:flex;flex-direction:column;align-items:flex-end;font-family:Georgia,Times New Roman,serif}.problem-num1{font-size:clamp(24px,4vw,40px);font-weight:400;color:#2c2442;line-height:1.2}.problem-operator-row{display:flex;align-items:center;gap:clamp(8px,1.5vw,15px)}.problem-x{font-size:clamp(20px,3vw,32px);font-weight:400;color:#2c2442}.problem-num2{font-size:clamp(24px,4vw,40px);font-weight:400;color:#2c2442;line-height:1.2}.problem-line{width:100%;min-width:clamp(60px,10vw,100px);height:2px;background:#2c2442;margin:clamp(6px,1vw,10px) 0}.problem-input{width:clamp(60px,10vw,100px);padding:clamp(4px,1vw,8px);font-size:clamp(20px,3.5vw,36px);font-family:Georgia,Times New Roman,serif;font-weight:400;text-align:center;border:none;border-bottom:2px solid transparent;background:transparent;color:#2c2442;outline:none;transition:all .2s ease}.problem-input::placeholder{color:#ccc;opacity:.5}.problem-input:focus{border-bottom:2px solid var(--accent-purple, #667eea)}.problem-input--correct{color:#22c55e;border-bottom:2px solid #22c55e}.problem-input--wrong{color:#ef4444;border-bottom:2px solid #ef4444}.problem-input::-webkit-outer-spin-button,.problem-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.problem-input[type=number]{-moz-appearance:textfield}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.problem-help-btn{margin-top:8px;padding:6px 12px;font-size:clamp(12px,2vw,14px);background:#f6ccd4;border:none;border-radius:4px;color:#2c2442;cursor:pointer;transition:all .2s ease;font-family:inherit}.problem-help-btn:hover{background:#f0b8c4;transform:scale(1.05)}.help-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.help-popup{background:#fff;border-radius:16px;padding:clamp(24px,5vw,40px);max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.help-popup h3{font-size:clamp(18px,4vw,24px);color:#2c2442;margin-bottom:24px;font-weight:600}.help-paper-method{margin:20px 0;display:flex;justify-content:center}.paper-problem{display:flex;flex-direction:column;align-items:flex-end;font-family:Georgia,Times New Roman,serif;background:#f8f4f4;padding:20px 30px;border-radius:8px}.paper-num{font-size:clamp(24px,5vw,32px);color:#2c2442;line-height:1.3}.paper-operator{display:flex;align-items:center;gap:12px}.paper-x{font-size:clamp(20px,4vw,28px);color:#2c2442}.paper-line{width:100%;min-width:100px;height:2px;background:#2c2442;margin:8px 0}.paper-partial{font-size:clamp(20px,4vw,28px);color:#666;line-height:1.3}.paper-partial--shifted{color:#888}.paper-result{font-size:clamp(24px,5vw,32px);color:#f6ccd4;font-weight:600}.help-instruction{font-size:clamp(14px,3vw,16px);color:#666;margin:16px 0 8px;font-style:italic}.help-close-btn{margin-top:16px;padding:12px 24px;font-size:clamp(14px,3vw,16px);background:#f6ccd4;border:none;border-radius:8px;color:#2c2442;cursor:pointer;font-weight:600;transition:all .2s ease}.help-close-btn:hover{background:#f0b8c4;transform:scale(1.05)}@media (max-width: 900px){.worksheet-grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,30px)}}@media (max-width: 768px){.worksheet-container{border-width:8px;padding:clamp(15px,3vw,25px);margin-top:50px}.worksheet-grid{grid-template-columns:repeat(2,1fr);gap:clamp(15px,3vw,25px);max-width:320px;margin:0 auto}.worksheet-title{font-size:clamp(18px,5vw,24px);margin-bottom:clamp(20px,5vw,35px)}}@media (max-width: 400px){.problem-num1,.problem-num2{font-size:22px}.problem-x{font-size:18px}.problem-input{font-size:20px;width:55px}.problem-line{min-width:55px}}@media (min-width: 1200px){.worksheet-container{padding:50px}.worksheet-grid{gap:40px}}.worksheet-grid--subtraction{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.worksheet-grid--subtraction{grid-template-columns:repeat(2,1fr)}}.animal-mult-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center;justify-content:center}.animal-mult-container{max-width:900px;width:100%}.animal-mult-header{background:#fffffff2;border-radius:20px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 8px 28px #2c24420f;margin-bottom:clamp(20px,4vw,30px);position:relative}.animal-mult-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.animal-mult-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.animal-mult-title{font-size:clamp(16px,3vw,20px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.animal-mult-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.animal-mult-problems{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px)}.animal-mult-card{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,24px);padding:clamp(16px,3vw,24px);border:none;border-radius:20px;background:#fffffff2;box-shadow:0 8px 28px #2c24420f;transition:all .3s ease;position:relative}.animal-mult-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.animal-mult-card--correct{background:#22c55e14;box-shadow:0 0 20px #22c55e40}.animal-mult-card--wrong{animation:game-shake .5s ease}.animal-mult-images{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);flex-shrink:0}.animal-mult-row{display:flex;gap:clamp(4px,1vw,8px);justify-content:flex-start}.animal-mult-img{width:clamp(70px,18vw,120px);height:auto;object-fit:contain}.animal-mult-equation{display:flex;align-items:center;gap:clamp(8px,2vw,16px);flex:1;justify-content:center}.animal-mult-num{font-size:clamp(32px,8vw,56px);font-weight:400;color:#4ecdc4;font-family:Georgia,serif}.animal-mult-operator,.animal-mult-equals{font-size:clamp(28px,6vw,48px);font-weight:400;color:#4ecdc4;font-family:Georgia,serif}.animal-mult-input{width:clamp(60px,15vw,100px);padding:clamp(8px,2vw,12px);font-size:clamp(28px,6vw,48px);font-family:Georgia,serif;font-weight:400;text-align:center;border:none;border-bottom:3px solid #4ECDC4;background:transparent;color:#2c2442;outline:none;transition:all .2s ease}.animal-mult-input::placeholder{color:transparent}.animal-mult-input:focus{border-bottom-color:#667eea}.animal-mult-input--correct{color:#22c55e;border-bottom-color:#22c55e}.animal-mult-input--wrong{color:#ef4444;border-bottom-color:#ef4444}.animal-mult-input::-webkit-outer-spin-button,.animal-mult-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.animal-mult-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.animal-mult-game{min-height:0}.animal-mult-problems{grid-template-columns:1fr}.animal-mult-card{flex-direction:column;align-items:center}.animal-mult-img{width:100px}.animal-mult-card--four-images .animal-mult-img{width:75px}.animal-mult-card--five-images .animal-mult-img{width:70px}.animal-mult-num{font-size:clamp(24px,6vw,36px)}.animal-mult-operator,.animal-mult-equals{font-size:clamp(20px,5vw,30px)}.animal-mult-input{font-size:clamp(24px,6vw,36px);width:clamp(50px,12vw,70px)}}@media (max-width: 480px){.animal-mult-title{font-size:14px}.animal-mult-num,.animal-mult-operator,.animal-mult-equals{font-size:28px}.animal-mult-input{font-size:28px;width:50px}}.apple-board{display:flex;flex-direction:column;align-items:normal;max-width:1200px!important;margin:0 auto;padding-top:20px;max-height:none!important;overflow-y:visible!important}.apple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(15px,3vw,25px);width:100%}.apple-problem{background:#fffffff2;border:none;border-radius:20px;padding:clamp(20px,4vw,35px);box-shadow:0 8px 28px #2c24420f;position:relative}.apple-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.apple-equation{font-size:clamp(28px,6vw,40px);font-weight:600;text-align:center;margin-bottom:clamp(15px,3vw,25px);color:var(--text-dark, #2c2442);font-family:Georgia,serif}.apple-options{display:flex;justify-content:center;gap:clamp(8px,2vw,16px)}.apple-option{position:relative;background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.apple-option:hover:not(:disabled){transform:scale(1.08)}.apple-option:disabled{cursor:default}.apple-option--wrong{animation:game-shake .5s ease}.apple-image{width:clamp(70px,15vw,110px);height:clamp(70px,15vw,110px);object-fit:contain}.apple-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(18px,4vw,28px);font-weight:600;color:var(--text-dark, #2c2442);font-family:Georgia,serif}.apple-option--correct .apple-number{color:#fff}@media (max-width: 768px){.action-game__question-panel{flex-shrink:0;padding:12px}}@media (max-width: 600px){.apple-board{align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.apple-grid{grid-template-columns:1fr;gap:12px;max-width:400px}.apple-problem{padding:12px}.apple-equation{font-size:22px;margin-bottom:10px}}@media (max-width: 480px){.apple-problem{padding:10px}.apple-image{width:65px;height:65px}.apple-number{font-size:14px}.apple-equation{font-size:20px}}.fill-missing-number-game.action-game{min-height:100vh;padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:10px;display:flex;flex-direction:column;justify-content:center}.fill-missing-number-game .action-game__frame{display:flex;flex-direction:column;justify-content:center;height:100%}.fill-missing-number-game .action-game__board{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px)}.fill-missing-number-container{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,24px);padding:clamp(12px,3vw,20px)}.fill-missing-number-row{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px);background:#667eea26;padding:clamp(20px,5vw,28px);border-radius:6px;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(102,126,234,.12) 8px,rgba(102,126,234,.12) 16px),repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(102,126,234,.12) 8px,rgba(102,126,234,.12) 16px)}.fill-missing-number-row:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:#fffffff2;border:2px solid rgba(102,126,234,.25);border-radius:4px;z-index:0}.fill-missing-number-apples{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,16px);z-index:1}.fill-missing-number-apple-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.fill-missing-number-apple{position:relative;width:clamp(70px,16vw,90px);height:clamp(70px,16vw,90px);display:flex;align-items:center;justify-content:center}.fill-missing-number-apple-img{width:100%;height:100%;object-fit:contain}.fill-missing-number-apple-number{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:#2c2442}.fill-missing-number-apple-drop{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fill-missing-number-apple-drop:hover,.fill-missing-number-apple-drop--correct,.fill-missing-number-apple-drop--wrong{background:transparent}.fill-missing-number-apple-placeholder{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#667eea66}.fill-missing-number-options{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px);position:relative;z-index:1}.fill-missing-number-option{width:clamp(50px,12vw,65px);height:clamp(50px,12vw,65px);display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:12px;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;color:#2c2442;cursor:grab;transition:all .2s ease;box-shadow:0 8px 28px #2c24420f;-webkit-user-select:none;user-select:none}.fill-missing-number-option:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px #667eea33}.fill-missing-number-option:active{cursor:grabbing}.fill-missing-number-option--dragging{opacity:.5;transform:scale(.95)}.fill-missing-number-option--used{opacity:.3;cursor:not-allowed;pointer-events:none}.fill-missing-number-feedback{padding:14px 28px;border-radius:12px;font-weight:600;font-size:18px;text-align:center}.fill-missing-number-feedback--success{background:#22c55e1a;color:#16a34a;border:none}.fill-missing-number-feedback--error{background:#ef444414;color:#dc2626;border:none}.fill-missing-number-navigation{display:flex;gap:20px;justify-content:center;margin-top:auto}.fill-missing-number-nav-btn{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.4rem;box-shadow:0 4px 14px #667eea4d}.fill-missing-number-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.fill-missing-number-nav-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.fill-missing-number-game.action-game{padding-top:calc(45px + env(safe-area-inset-top,0px));padding-bottom:8px}.fill-missing-number-game .action-game__board{max-height:calc(100vh - 70px)}.fill-missing-number-apple{width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px)}.fill-missing-number-option{width:clamp(45px,11vw,60px);height:clamp(45px,11vw,60px)}}@media (max-width: 480px){.fill-missing-number-game.action-game{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:6px}.fill-missing-number-container{gap:clamp(10px,2vw,16px);padding:clamp(6px,1.5vw,10px)}.fill-missing-number-row{gap:clamp(6px,1.5vw,10px)}.fill-missing-number-apples{padding:clamp(8px,2vw,12px);gap:clamp(4px,1vw,8px)}.fill-missing-number-apple{width:clamp(80px,24vw,100px);height:clamp(80px,24vw,100px)}.fill-missing-number-apple-number{font-size:clamp(1.4rem,5vw,1.8rem)}.fill-missing-number-apple-drop{width:clamp(38px,10vw,50px);height:clamp(38px,10vw,50px)}.fill-missing-number-apple-placeholder{font-size:clamp(1.2rem,3vw,1.6rem)}.fill-missing-number-options{gap:clamp(8px,2vw,12px)}.fill-missing-number-option{width:clamp(52px,15vw,62px);height:clamp(52px,15vw,62px);font-size:clamp(1.4rem,4vw,1.8rem)}.fill-missing-number-nav-btn{width:40px;height:40px;font-size:1rem}.fill-missing-number-feedback{padding:8px 16px;font-size:16px}}.fill-numbers-before-after-game.action-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding-top:calc(50px + env(safe-area-inset-top,0px));padding-bottom:20px}.fill-numbers-before-after-game .action-game__frame{display:flex;flex-direction:column;height:auto}.fill-numbers-before-after-game .action-game__board{overflow:visible;max-height:none}.fill-numbers-before-after-container{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);padding:clamp(16px,3vw,24px);max-width:1200px;margin:0 auto}.fill-numbers-before-after-problem{display:flex;gap:clamp(8px,2vw,12px);align-items:center;justify-content:center}.fill-numbers-before-after-box{width:clamp(55px,10vw,75px);height:clamp(55px,10vw,75px);background:#fffffff2;border:none;border-radius:12px;box-shadow:0 8px 28px #2c24420f;display:flex;align-items:center;justify-content:center;position:relative}.fill-numbers-before-after-box--center{background:#667eea0f}.fill-numbers-before-after-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;color:#2c2442;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif;outline:none;padding:0}.fill-numbers-before-after-input:focus{background:#667eea0f}.fill-numbers-before-after-input.correct{background:#22c55e1a;color:#16a34a}.fill-numbers-before-after-input.incorrect{background:#ef444414;color:#dc2626;animation:game-shake .4s ease-in-out}.fill-numbers-before-after-input:disabled{cursor:not-allowed}.fill-numbers-before-after-center-number{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;color:#667eea;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif}@media (max-width: 768px){.fill-numbers-before-after-container{grid-template-columns:1fr;gap:clamp(8px,2vw,12px)}.fill-numbers-before-after-box{width:clamp(55px,16vw,70px);height:clamp(55px,16vw,70px)}.fill-numbers-before-after-input,.fill-numbers-before-after-center-number{font-size:clamp(1.2rem,4vw,1.5rem)}}@media (max-width: 480px){.fill-numbers-before-after-container{gap:clamp(6px,1.5vw,10px)}.fill-numbers-before-after-problem{gap:clamp(4px,1.5vw,8px)}.fill-numbers-before-after-box{width:clamp(50px,18vw,65px);height:clamp(50px,18vw,65px)}.fill-numbers-before-after-input,.fill-numbers-before-after-center-number{font-size:clamp(1.1rem,4vw,1.4rem)}}.fill-numbers-before-after-navigation{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:16px}.fill-numbers-before-after-nav-btn{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2rem;box-shadow:0 4px 14px #667eea4d}.fill-numbers-before-after-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.fill-numbers-before-after-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fill-numbers-before-after-page-indicator{font-size:1rem;font-weight:600;color:#667eea}.addition-matching-game{height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);display:flex;flex-direction:column;overflow:hidden}.addition-matching-container{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(60px,10vw,120px);padding:clamp(10px,2vw,20px);max-width:1600px;margin:0 auto;flex:1;height:100%}.addition-matching-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.addition-matching-problems{display:flex;flex-direction:column;gap:clamp(8px,2vh,16px);flex:1;z-index:2;justify-content:center}.addition-matching-problem{position:relative;background:#fffffff2;border:none;border-radius:20px;padding:clamp(8px,1.5vw,12px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;box-shadow:0 4px 16px #2c24420f}.addition-matching-problem:hover{transform:scale(1.02);box-shadow:0 8px 24px #667eea26}.addition-matching-problem--selected{box-shadow:0 0 0 3px #667eea4d,0 8px 24px #667eea33;transform:scale(1.02)}.addition-matching-problem-images{display:flex;align-items:center;gap:clamp(8px,2vw,12px);justify-content:center}.addition-matching-problem-side{display:flex;flex-wrap:wrap;gap:clamp(4px,1vw,6px);align-items:center;justify-content:center;max-width:45%}.addition-matching-image{width:clamp(40px,7vw,60px);height:clamp(40px,7vw,60px);object-fit:contain}.addition-matching-plus{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#667eea;margin:0 clamp(4px,1vw,8px)}.addition-matching-connection-point{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(102,126,234,.5);border-radius:50%;box-shadow:0 2px 6px #667eea4d}.addition-matching-answers{display:flex;flex-direction:column;gap:clamp(8px,2vh,16px);z-index:2;justify-content:center}.addition-matching-answer{position:relative;background:#fffffff2;border:3px solid rgba(102,126,234,.2);border-radius:50%;width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #2c24420f}.addition-matching-answer:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea33;border-color:#667eea}.addition-matching-answer--clickable{animation:pulse-answer 1s infinite}@keyframes pulse-answer{0%,to{box-shadow:0 4px 14px #2c24420f}50%{box-shadow:0 0 0 4px #667eea33,0 6px 20px #667eea26}}.addition-matching-problem--connected{box-shadow:0 0 16px #22c55e33;animation:success-pop .3s ease-out}.addition-matching-answer--connected{border-color:#22c55e;box-shadow:0 0 16px #22c55e33;animation:success-pop .3s ease-out}@keyframes success-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.addition-matching-problem--wrong,.addition-matching-answer--wrong{animation:game-shake .5s ease}.addition-matching-answer .addition-matching-connection-point{position:absolute;left:-8px;top:50%;transform:translateY(-50%);right:auto}.addition-matching-answer-number{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;color:#667eea;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif}@media (max-width: 768px){.addition-matching-container{gap:clamp(50px,12vw,80px);padding:clamp(10px,2vw,16px)}.addition-matching-problems{gap:clamp(6px,1.5vh,10px)}.addition-matching-problem{padding:clamp(8px,2vw,12px)}.addition-matching-image{width:clamp(36px,9vw,50px);height:clamp(36px,9vw,50px)}.addition-matching-plus{font-size:clamp(1.2rem,3vw,1.6rem)}.addition-matching-answers{gap:clamp(6px,1.5vh,10px)}.addition-matching-answer{width:clamp(44px,11vw,56px);height:clamp(44px,11vw,56px)}.addition-matching-answer-number{font-size:clamp(1.3rem,4vw,1.8rem)}.addition-matching-connection-point{display:none}}@media (max-width: 480px){.addition-matching-container{gap:clamp(30px,8vw,50px);padding:clamp(8px,2vw,14px);margin-top:-15px}.addition-matching-problems{gap:clamp(5px,1.2vh,8px)}.addition-matching-problem{padding:clamp(10px,2.5vw,14px)}.addition-matching-problem-side{max-width:45%}.addition-matching-image{width:clamp(46px,12vw,58px);height:clamp(46px,12vw,58px)}.addition-matching-plus{font-size:clamp(1.3rem,3.5vw,1.7rem)}.addition-matching-answers{gap:clamp(10px,2.5vh,16px)}.addition-matching-answer{width:clamp(52px,14vw,64px);height:clamp(52px,14vw,64px)}.addition-matching-answer-number{font-size:clamp(1.5rem,4.5vw,2rem)}}.safari-addition-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);display:flex;flex-direction:column}.safari-addition-container{display:flex;flex-direction:column;gap:clamp(16px,3vh,24px);padding:clamp(16px,3vw,32px);max-width:1400px;margin:0 auto;width:100%}.safari-addition-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,20px);padding:clamp(12px,2vw,20px);border-radius:20px;border:none;background:#fffffff2;box-shadow:0 8px 28px #2c24420f;transition:transform .2s ease;position:relative}.safari-addition-row:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.safari-addition-row--green,.safari-addition-row--brown{border:none}.safari-addition-row:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2c24421a}.safari-addition-animals-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(40px,6vw,60px),1fr));gap:clamp(4px,1vw,8px);max-width:clamp(180px,25vw,280px);align-items:center;justify-content:center}.safari-addition-animal{width:clamp(40px,6vw,70px);height:clamp(40px,6vw,70px);object-fit:contain}.safari-addition-operator{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#2c2442;margin:0 clamp(4px,1vw,8px);font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif}.safari-addition-answer-section{display:flex;align-items:center;justify-content:center}.safari-addition-input{width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);border:3px solid #2c2442;border-radius:12px;text-align:center;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif;color:#2c2442;background:#fff;transition:all .2s ease}.safari-addition-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.safari-addition-input::placeholder{color:#ccc}.safari-addition-input--correct{border-color:#22c55e;background:#22c55e14;color:#16a34a;box-shadow:0 0 20px #22c55e40}.safari-addition-input--wrong{border-color:#ef4444;background:#ef444414;animation:game-shake .5s ease}@media (max-width: 768px){.safari-addition-container{gap:clamp(12px,2vh,16px);padding:clamp(12px,2vw,20px)}.safari-addition-row{gap:clamp(8px,1.5vw,12px);padding:clamp(10px,1.5vw,16px);flex-wrap:wrap}.safari-addition-animals-group{grid-template-columns:repeat(auto-fit,minmax(clamp(35px,5vw,50px),1fr));gap:clamp(3px,.8vw,6px);max-width:clamp(150px,22vw,220px)}.safari-addition-animal{width:clamp(42px,8vw,65px);height:clamp(42px,8vw,65px)}.safari-addition-operator{font-size:clamp(1.4rem,3vw,1.8rem)}.safari-addition-input{width:clamp(45px,7vw,60px);height:clamp(45px,7vw,60px);font-size:clamp(1.3rem,3vw,1.7rem)}}@media (max-width: 480px){.safari-addition-container{gap:clamp(10px,1.5vh,14px);padding:clamp(10px,1.5vw,16px)}.safari-addition-row{gap:clamp(8px,1.5vw,12px);padding:clamp(10px,1.5vw,14px)}.safari-addition-animals-group{grid-template-columns:repeat(auto-fit,minmax(clamp(38px,6vw,52px),1fr));gap:clamp(3px,.8vw,5px);max-width:clamp(150px,24vw,220px)}.safari-addition-animal{width:clamp(42px,11vw,58px);height:clamp(42px,11vw,58px)}.safari-addition-operator{font-size:clamp(1.3rem,2.8vw,1.6rem);margin:0 clamp(3px,.8vw,6px)}.safari-addition-input{width:clamp(46px,7vw,58px);height:clamp(46px,7vw,58px);font-size:clamp(1.3rem,3vw,1.6rem);border-width:2px}}.simple-addition-game{height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);display:flex;flex-direction:column;overflow:hidden}.simple-addition-container{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,24px);padding:clamp(16px,2vw,24px);max-width:1400px;margin:0 auto;width:100%;flex:1;flex-wrap:nowrap}.simple-addition-problem{background:#fffffff2;border:none;border-radius:20px;padding:clamp(12px,1.5vw,20px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px);transition:transform .2s ease;flex-shrink:0;flex:1;max-width:180px;min-width:140px;box-shadow:0 8px 28px #2c24420f;position:relative}.simple-addition-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.simple-addition-problem:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2c24421a}.simple-addition-number{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#2c2442;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif}.simple-addition-operator{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:#667eea;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif}.simple-addition-line{width:100%;height:3px;background:#2c2442;margin:clamp(4px,1vh,8px) 0}.simple-addition-input{width:100%;height:clamp(45px,7vh,70px);border:3px solid #2c2442;border-radius:12px;text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;font-family:Comfortaa,Chalkboard SE,Arial Rounded MT Bold,sans-serif;color:#2c2442;background:#fff;transition:all .2s ease}.simple-addition-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.simple-addition-input::placeholder{color:#ccc}.simple-addition-input--correct{border-color:#22c55e;background:#22c55e14;color:#16a34a;box-shadow:0 0 20px #22c55e40}.simple-addition-input--wrong{border-color:#ef4444;background:#ef444414;animation:game-shake .5s ease}@media (max-width: 1024px){.simple-addition-container{flex-wrap:wrap;gap:clamp(14px,2.5vw,24px);padding:clamp(14px,2.5vw,24px)}.simple-addition-problem{flex:0 0 calc(33.333% - 16px);min-width:120px}}@media (max-width: 768px){.simple-addition-container{flex-wrap:wrap;gap:clamp(8px,1.5vw,16px);padding:clamp(10px,1.5vw,16px)}.simple-addition-problem{flex:0 0 calc(50% - 8px);min-width:100px;padding:clamp(8px,1.5vw,14px);gap:clamp(4px,.8vh,8px)}.simple-addition-number{font-size:clamp(1.4rem,3vw,1.8rem)}.simple-addition-operator{font-size:clamp(1.2rem,2.5vw,1.5rem)}.simple-addition-input{height:clamp(38px,6vh,50px);font-size:clamp(1.3rem,3vw,1.7rem)}}@media (max-width: 480px){.simple-addition-container{flex-wrap:wrap;gap:clamp(6px,1.2vw,12px);padding:clamp(8px,1.2vw,12px)}.simple-addition-problem{flex:0 0 calc(50% - 6px);min-width:85px;padding:clamp(6px,1.2vw,10px);gap:clamp(3px,.6vh,6px);border-radius:12px}.simple-addition-number{font-size:clamp(1.2rem,2.8vw,1.6rem)}.simple-addition-operator{font-size:clamp(1rem,2.2vw,1.3rem)}.simple-addition-line{height:2px;margin:clamp(2px,.5vh,4px) 0}.simple-addition-input{height:clamp(35px,5.5vh,45px);font-size:clamp(1.1rem,2.6vw,1.5rem);border-width:2px}}.simple-sub-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.simple-sub-container{max-width:900px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 8px 28px #2c24420f;border:none;position:relative}.simple-sub-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.simple-sub-question-panel{background:#fffffff2;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 4px 16px #2c24420a;margin-bottom:clamp(20px,4vw,30px)}.simple-sub-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.simple-sub-title{font-size:clamp(16px,3vw,20px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.simple-sub-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.simple-sub-number-line{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:clamp(20px,4vw,30px);padding:clamp(12px,2vw,16px);background:#667eea0d;border-radius:12px}.number-circle{width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.5vw,16px);font-weight:600;color:#2c2442;flex-shrink:0}.number-line-connector{width:clamp(8px,2vw,16px);height:2px;background:#2c2442}.simple-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,16px)}.simple-sub-problem{display:flex;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(8px,1.5vw,12px);border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.simple-sub-problem--correct{background:#22c55e14;border-radius:8px;border-bottom-color:#22c55e}.simple-sub-problem--wrong{animation:game-shake .5s ease}.simple-sub-num{font-size:23px;font-weight:400;color:#2c2442;font-family:Georgia,serif;min-width:20px;text-align:right}.simple-sub-operator,.simple-sub-equals{font-size:clamp(16px,3vw,22px);font-weight:400;color:#2c2442;font-family:Georgia,serif}.simple-sub-input{width:clamp(40px,8vw,60px);padding:clamp(4px,1vw,8px);font-size:clamp(16px,3vw,22px);font-family:Georgia,serif;font-weight:400;text-align:center;border:none;border-bottom:2px solid #2c2442;background:transparent;color:#2c2442;outline:none;transition:all .2s ease}.simple-sub-input::placeholder{color:transparent}.simple-sub-input:focus{border-bottom-color:#667eea}.simple-sub-input--correct{color:#22c55e;border-bottom-color:#22c55e}.simple-sub-input--wrong{color:#ef4444;border-bottom-color:#ef4444}.simple-sub-input::-webkit-outer-spin-button,.simple-sub-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.simple-sub-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.simple-sub-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.simple-sub-grid{grid-template-columns:1fr}.simple-sub-number-line{gap:0;padding:8px}.number-line-connector{width:4px}.number-circle{width:22px;height:22px;font-size:10px}}@media (max-width: 480px){.simple-sub-grid{grid-template-columns:1fr}.simple-sub-problem{justify-content:center}}.find-missing-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.find-missing-container{position:relative;max-width:700px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);border:none;box-shadow:0 8px 28px #2c24420f;overflow:hidden}.find-missing-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.find-missing-question-panel{background:#667eea0a;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;margin-bottom:clamp(20px,4vw,30px)}.find-missing-category-bar{background:linear-gradient(90deg,#667eea1a,#764ba21a);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.find-missing-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.find-missing-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#667eea;background:#667eea14;padding:6px 14px;border-radius:999px;font-weight:600}.find-missing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px)}.find-missing-problem{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,12px);padding:clamp(12px,2vw,16px);transition:all .3s ease}.find-missing-problem--correct{background:#22c55e1a;border-radius:8px}.find-missing-problem--wrong{animation:game-shake .5s ease}.find-missing-num{font-size:clamp(20px,4vw,28px);font-weight:400;color:#2c2442;font-family:Georgia,serif;min-width:24px;text-align:right}.find-missing-operator,.find-missing-equals{font-size:clamp(20px,4vw,28px);font-weight:400;color:#2c2442;font-family:Georgia,serif}.find-missing-input{width:clamp(50px,12vw,70px);height:clamp(50px,12vw,70px);padding:clamp(4px,1vw,8px);font-size:clamp(20px,4vw,28px);font-family:Georgia,serif;font-weight:600;text-align:center;border:2px solid rgba(102,126,234,.2);border-radius:12px;background:#fffffff2;color:#2c2442;outline:none;transition:all .2s ease}.find-missing-input::placeholder{color:transparent}.find-missing-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.find-missing-input--correct{color:#22c55e;border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 12px #22c55e33}.find-missing-input--wrong{color:#ef4444;border-color:#ef4444;background:#ef444414;box-shadow:0 0 12px #ef444433}.find-missing-input::-webkit-outer-spin-button,.find-missing-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.find-missing-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.find-missing-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.find-missing-grid{grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,16px)}.find-missing-num,.find-missing-operator,.find-missing-equals{font-size:23px}.find-missing-input{width:clamp(40px,14vw,50px);height:clamp(40px,14vw,50px);font-size:clamp(16px,3vw,20px)}}@media (max-width: 480px){.find-missing-grid{grid-template-columns:1fr}}.animal-sub-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.animal-sub-container{max-width:886px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 8px 28px #2c24420f;border:none;position:relative}.animal-sub-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.animal-sub-question-panel{background:#fffffff2;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 4px 16px #2c24420a;margin-bottom:clamp(20px,4vw,30px)}.animal-sub-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.animal-sub-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.animal-sub-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.animal-sub-problems{display:flex;flex-direction:column;gap:clamp(16px,3vw,24px)}.animal-sub-row{display:flex;align-items:center;gap:clamp(16px,3vw,24px);padding:clamp(12px,2vw,16px);border-radius:12px;transition:all .3s ease}.animal-sub-row--correct{background:#22c55e14}.animal-sub-row--wrong{animation:game-shake .5s ease}.animal-sub-animals{display:flex;align-items:center;gap:clamp(4px,1vw,8px);flex:1}.animal-sub-animal{position:relative;display:flex;align-items:center;justify-content:center}.animal-sub-img{width:clamp(60px,10vw,100px);height:auto;object-fit:contain}.animal-sub-animal--crossed .animal-sub-img{opacity:.5}.animal-sub-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(40px,8vw,60px);color:#2c2442;font-weight:700;pointer-events:none}.animal-sub-equation{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px)}.animal-sub-num{font-size:clamp(24px,5vw,36px);font-weight:400;color:#2c2442;font-family:Georgia,serif;min-width:30px;text-align:center}.animal-sub-operator,.animal-sub-equals{font-size:clamp(24px,5vw,36px);font-weight:400;color:#2c2442;font-family:Georgia,serif}.animal-sub-input{width:clamp(50px,12vw,70px);height:clamp(50px,12vw,70px);padding:clamp(4px,1vw,8px);font-size:clamp(20px,4vw,28px);font-family:Georgia,serif;font-weight:600;text-align:center;border:2px solid #2c2442;border-radius:8px;background:#fff;color:#2c2442;outline:none;transition:all .2s ease}.animal-sub-input::placeholder{color:transparent}.animal-sub-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.animal-sub-input--correct{color:#22c55e;border-color:#22c55e;background:#22c55e14}.animal-sub-input--wrong{color:#ef4444;border-color:#ef4444;background:#ef444414}.animal-sub-input::-webkit-outer-spin-button,.animal-sub-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.animal-sub-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.animal-sub-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.animal-sub-container{padding:0}.animal-sub-row{flex-direction:column;align-items:center}.animal-sub-animals{justify-content:center;flex-wrap:wrap}.animal-sub-img{width:120px}.animal-sub-x{font-size:clamp(36px,10vw,48px)}.animal-sub-num,.animal-sub-operator,.animal-sub-equals{font-size:23px}.animal-sub-input{width:clamp(45px,14vw,55px);height:clamp(45px,14vw,55px);font-size:clamp(18px,3.5vw,24px)}}.house-add-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.house-add-container{max-width:900px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 8px 28px #2c24420f;border:none;position:relative}.house-add-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.house-add-question-panel{background:#fffffff2;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 4px 16px #2c24420a;margin-bottom:clamp(20px,4vw,30px)}.house-add-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.house-add-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.house-add-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.house-add-houses{display:flex;justify-content:center;gap:clamp(30px,6vw,60px);flex-wrap:wrap}.house-add-house{display:flex;flex-direction:column;align-items:center}.house-add-roof{position:relative;width:0;height:0;border-left:110px solid transparent;border-right:110px solid transparent;border-bottom:110px solid #4A7CBA;margin-bottom:-3px}.house-add-roof-text{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:clamp(24px,4vw,32px);font-weight:700;color:#fff;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.house-add-body{border:3px solid #2c2442;border-top:none}.house-add-row{display:flex}.house-add-cell{width:clamp(60px,12vw,100px);height:clamp(45px,10vw,60px);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,28px);font-weight:500;color:#2c2442;border:1px solid #2c2442;background:#fff}.house-add-cell--number{border-right:2px solid #2c2442}.house-add-cell--input{border:none;border-bottom:1px solid #2c2442;border-left:1px solid #2c2442;outline:none;text-align:center;font-family:inherit;transition:all .2s ease}.house-add-cell--input:focus{background:#667eea14}.house-add-cell--correct{background:#22c55e26;color:#16a34a;font-weight:600}.house-add-cell--wrong{background:#ef44441a;color:#ef4444;animation:game-shake .5s ease}.house-add-cell--input::-webkit-outer-spin-button,.house-add-cell--input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.house-add-cell--input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.house-add-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.house-add-container{padding:clamp(10px,2vw,20px)}.house-add-houses{flex-direction:column;align-items:center;gap:30px}.house-add-roof{border-left-width:90px;border-right-width:90px;border-bottom-width:90px}.house-add-roof-text{top:30px;font-size:24px}.house-add-cell{width:86px;height:71px;font-size:24px}}.chain-add-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.chain-add-container{max-width:1000px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 8px 28px #2c24420f;border:none;position:relative}.chain-add-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.chain-add-question-panel{background:#fffffff2;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 4px 16px #2c24420a;margin-bottom:clamp(20px,4vw,30px)}.chain-add-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.chain-add-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.chain-add-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.chain-add-rows{display:flex;flex-direction:column;gap:clamp(30px,5vw,50px)}.chain-add-row{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px);flex-wrap:nowrap;overflow-x:auto;padding:10px 0}.chain-add-circle{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,28px);font-weight:600;background:#fff;flex-shrink:0}.chain-add-circle--start{font-style:normal}.chain-add-circle--last{border-color:#9e9e9e!important}.chain-add-circle--input{outline:none;text-align:center;font-family:inherit;transition:all .2s ease;padding:0;-moz-appearance:textfield}.chain-add-circle--input::-webkit-outer-spin-button,.chain-add-circle--input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chain-add-circle--input:focus{box-shadow:0 0 0 3px #667eea26}.chain-add-circle--correct{background:#22c55e1a;color:#16a34a}.chain-add-circle--wrong{background:#ef44441a;border-color:#ef4444!important;animation:game-shake .5s ease}.chain-add-arrow{position:relative;display:flex;flex-direction:column;align-items:center;min-width:clamp(40px,8vw,60px);flex-shrink:0}.chain-add-arrow-text{font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#2c2442;margin-bottom:2px}.chain-add-arrow-svg{width:clamp(40px,8vw,60px);height:20px}@media (max-width: 768px){.chain-add-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.chain-add-container{padding:clamp(10px,2vw,20px)}.chain-add-row{justify-content:center;padding-bottom:15px}.chain-add-circle{width:51px;height:51px;font-size:18px}.chain-add-arrow{min-width:35px}.chain-add-arrow-text{font-size:17px}.chain-add-arrow-svg{width:35px;height:16px}}.domino-add-game{min-height:100vh;background:linear-gradient(175deg,#fff,#faf5ff 40%,#f0f4ff);padding:calc(60px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(20px + env(safe-area-inset-bottom,0px)) clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center}.domino-add-container{max-width:900px;width:100%;background:#fffffff2;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 8px 28px #2c24420f;border:none;position:relative}.domino-add-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.domino-add-question-panel{background:#fffffff2;border-radius:18px;padding:clamp(16px,3vw,24px);border:none;box-shadow:0 4px 16px #2c24420a;margin-bottom:clamp(20px,4vw,30px)}.domino-add-category-bar{background:linear-gradient(90deg,#667eea1f,#764ba21f);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:#2c2442;margin-bottom:clamp(12px,2vw,16px)}.domino-add-title{font-size:clamp(18px,3.5vw,24px);font-weight:700;color:#2c2442;margin:0 0 12px;line-height:1.4}.domino-add-page{display:inline-block;font-size:clamp(12px,2vw,14px);color:#2c2442;background:#667eea1a;padding:6px 14px;border-radius:999px;font-weight:600}.domino-add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,40px)}.domino-add-problem{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,20px)}.domino-add-image{width:clamp(160px,30vw,220px);height:auto;object-fit:contain}.domino-add-equation{display:flex;align-items:center;gap:clamp(6px,1.5vw,12px)}.domino-add-input{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);border:2px solid #ccc;border-radius:6px;background:#fff;font-size:clamp(18px,3.5vw,24px);font-weight:600;text-align:center;color:#2c2442;outline:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.domino-add-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.domino-add-input--total{border-color:#667eea}.domino-add-input--correct{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.domino-add-input--wrong{background:#ef444414;border-color:#ef4444;color:#ef4444;animation:game-shake .5s ease}.domino-add-operator{font-size:clamp(20px,4vw,28px);font-weight:400;color:#2c2442}.domino-add-input::-webkit-outer-spin-button,.domino-add-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.domino-add-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.domino-add-game{padding-top:calc(80px + env(safe-area-inset-top,0px))}.domino-add-container{padding:clamp(10px,2vw,20px)}.domino-add-grid{grid-template-columns:1fr;gap:30px;margin-top:-26px}.domino-add-image{width:200px}.domino-add-input{width:51px;height:51px;font-size:20px}.domino-add-operator{font-size:24px}}.phono-game-screen{min-height:100vh;background:#fef7f4;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-header{text-align:center;margin-bottom:28px;margin-top:40px}.phono-game-header h1{font-size:clamp(1.3rem,4vw,2rem);color:#2f2644;margin-bottom:10px;font-family:Comfortaa,sans-serif}.phono-game-instructions{background:#ffffffe6;border-radius:12px;padding:12px 20px;display:inline-block;box-shadow:0 2px 8px #0000001a}.phono-game-instructions p{margin:4px 0;font-size:clamp(.95rem,2.5vw,1.15rem);color:#444;font-family:Comfortaa,sans-serif}.phono-cards-container{display:flex;align-items:flex-start;justify-content:center;max-width:1200px;margin:0 auto;padding:40px 20px;width:100%}.phono-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;width:100%;max-width:1100px}.phono-cards-grid--4,.phono-cards-grid--6{grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto}@media (max-width: 1024px){.phono-cards-grid,.phono-cards-grid--4{max-width:800px;gap:36px}}@media (max-width: 900px){.phono-cards-grid,.phono-cards-grid--4{grid-template-columns:repeat(2,1fr);max-width:600px;gap:24px}}@media (max-width: 600px){.phono-game-screen{padding:60px 12px 12px}.phono-cards-container{padding:10px;display:flex;justify-content:center}.phono-cards-grid,.phono-cards-grid--4{grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%;margin:0 auto}.phono-cards-grid--6{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px;max-width:100%;margin:0 auto}}.phono-card{border-radius:20px;padding:15px 10px 55px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .2s,box-shadow .2s;border:4px solid rgba(0,0,0,.1);position:relative;min-height:220px;aspect-ratio:1 / 1.25}.phono-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}.phono-card:active{transform:scale(.97)}.phono-card--clicked{border-color:#4caf50;box-shadow:0 0 0 4px #4caf5059}.phono-card--green{background:#a8d5a2}.phono-card--yellow{background:#f5e6a3}.phono-card--pink{background:#f5b8b8}.phono-card--blue{background:#a8c5d5}.phono-card-word{font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;color:#2f2644;margin-bottom:6px;font-family:Comfortaa,sans-serif;text-align:center;word-break:break-word;overflow-wrap:break-word}.phono-card-word--small{font-size:clamp(.9rem,3vw,1.2rem)}.phono-card-image-container{display:flex;align-items:center;justify-content:center;width:100%;padding:4px}.phono-card-image{max-width:100%;max-height:160px;width:auto;height:auto;object-fit:contain}@media (max-width: 900px){.phono-card{min-height:200px;padding:8px}.phono-card-image{max-height:120px}}@media (max-width: 600px){.phono-card{min-height:180px;padding:6px;border-radius:16px;border-width:3px}.phono-card-image{max-height:140px}.phono-card-word{font-size:clamp(1.1rem,5vw,1.4rem);margin-bottom:4px}}@media (max-width: 400px){.phono-card{min-height:160px;padding:6px}.phono-card-image{max-height:85px}}.phono-card-speaker{position:absolute;bottom:10px;right:10px;color:#00000059;font-size:22px}.phono-card:hover .phono-card-speaker{color:#0009}@media (max-width: 600px){.phono-card-speaker{font-size:18px;bottom:8px;right:8px}}.phono-card-buttons{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;align-items:center}.phono-card-speaker-btn,.phono-card-mic-btn{width:40px;height:40px;border:none;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.phono-card-speaker-btn:hover,.phono-card-mic-btn:hover{background:#fff;transform:scale(1.1)}.phono-card-speaker-btn svg,.phono-card-mic-btn svg{width:20px;height:20px;color:#4a5568}.phono-card-mic-btn.listening{background:#f44;animation:pulse-recording 1s infinite}.phono-card-mic-btn.listening svg{color:#fff}.phono-card--completed{border-color:#4caf50!important;box-shadow:0 0 0 4px #4caf5059!important}.phono-card-check{position:absolute;top:10px;left:10px;width:32px;height:32px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10}.phono-card-check svg{width:18px;height:18px;stroke-width:3}@media (max-width: 600px){.phono-card-buttons{bottom:8px;right:8px;gap:6px}.phono-card-speaker-btn,.phono-card-mic-btn{width:28px;height:28px}.phono-card-speaker-btn svg,.phono-card-mic-btn svg{width:14px;height:14px}.phono-card-check{width:26px;height:26px;top:6px;left:6px}.phono-card-check svg{width:14px;height:14px}}.phono-navigation{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:36px;padding:0 20px}.phono-nav-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:14px;background:#2f2644;color:#fff;font-size:1.1rem;font-family:Comfortaa,sans-serif;cursor:pointer;transition:background .2s,transform .2s,opacity .2s;box-shadow:0 4px 14px #0000002e}.phono-nav-btn:hover:not(:disabled){background:#3d3356;transform:translateY(-3px)}.phono-nav-btn:active:not(:disabled){transform:scale(.97)}.phono-nav-btn:disabled{opacity:.4;cursor:not-allowed}.phono-page-indicator{font-size:1.2rem;font-weight:600;color:#2f2644;font-family:Comfortaa,sans-serif;background:#ffffffe6;padding:10px 20px;border-radius:10px;min-width:70px;text-align:center}@media (max-width: 600px){.phono-navigation{gap:12px;margin-top:16px}.phono-nav-btn{padding:12px 16px;font-size:.95rem;border-radius:12px}.phono-page-indicator{font-size:1rem;padding:8px 14px}}@media (max-width: 400px){.phono-nav-btn{padding:10px 12px;font-size:.85rem;gap:6px}.phono-page-indicator{font-size:.9rem;padding:6px 10px;min-width:50px}}.phono-game-progress{text-align:center;margin-top:32px;margin-bottom:36px;padding:12px 20px;background:#ffffffe6;border-radius:14px;display:inline-block;margin-left:50%;transform:translate(-50%)}.phono-game-progress p{margin:0;font-size:1.1rem;color:#2f2644;font-family:Comfortaa,sans-serif}@media (max-width: 600px){.phono-game-progress{padding:12px 18px;border-radius:12px}.phono-game-progress p{font-size:.95rem}}.phono-card--orange{background:#f5c89a}.phono-game-screen--path{padding-bottom:20px;min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.phono-game-screen--path .phono-game-header{margin-bottom:10px;margin-top:20px}.phono-game-screen--path .phono-game-progress{margin-top:10px;margin-bottom:10px}.syllable-path-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;max-width:100%;margin:0 auto;flex:1;justify-content:center}.syllable-path-container--vertical{gap:35px}.syllable-path-row{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.syllable-path-row--reverse{flex-direction:row-reverse}.syllable-path-row--centered{justify-content:center}.syllable-start-box{background:#f5b8b8;border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif;border:3px solid rgba(0,0,0,.15);min-width:80px;text-align:center}.syllable-finish-box{background:#fff;border-radius:12px;padding:10px 16px;font-size:.95rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif;border:3px solid #2f2644;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px}.finish-flag{font-size:1.4rem}.syllable-arrow{font-size:1.6rem;color:#f5b8b8;flex-shrink:0}.syllable-path-connector{display:flex;width:100%;padding:8px 0}.syllable-path-connector--down-right{justify-content:flex-end;padding-right:60px}.syllable-path-connector--down-left{justify-content:flex-start;padding-left:60px}.syllable-card{border-radius:16px;padding:20px 28px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:3px solid rgba(0,0,0,.1);position:relative;min-width:90px;min-height:80px}.syllable-card:hover:not(.syllable-card--disabled){transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.syllable-card--active{border-color:#2f2644;box-shadow:0 0 0 4px #2f26444d;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #2f26444d}50%{box-shadow:0 0 0 8px #2f264433}}.syllable-card--clicked{border-color:#4caf50;opacity:.7}.syllable-card--disabled{opacity:.4;cursor:not-allowed}.syllable-text{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif}.syllable-speaker{position:absolute;bottom:6px;right:6px;color:#00000040;font-size:16px}.syllable-card--active .syllable-speaker{color:#00000080}.syllable-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.syllable-mic-btn{width:22px;height:22px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 4px #667eea66}.syllable-mic-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.syllable-mic-btn--listening{background:linear-gradient(135deg,#f44336,#e91e63);animation:mic-pulse 1s ease-in-out infinite;box-shadow:0 2px 8px #f4433680}@keyframes mic-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f4433680}50%{transform:scale(1.1);box-shadow:0 4px 16px #f44336b3}}.syllable-mic-btn svg{font-size:12px}.syllable-check-icon{position:absolute;top:6px;right:6px;color:#4caf50;font-size:20px;background:#fff;border-radius:50%;padding:2px}@media (max-width: 900px){.syllable-path-container{padding:8px 5px;gap:5px}.syllable-path-row{gap:6px}.syllable-card{min-width:75px;min-height:65px;padding:14px 18px 28px}.syllable-text{font-size:clamp(1.4rem,4vw,1.8rem)}.syllable-arrow{font-size:1.2rem}.syllable-start-box,.syllable-finish-box{padding:8px 12px;font-size:.8rem;min-width:60px}.finish-flag{font-size:1.2rem}.syllable-path-connector--down-right{padding-right:40px}.syllable-path-connector--down-left{padding-left:40px}}@media (max-width: 600px){.phono-game-screen--path{padding-top:calc(100px + env(safe-area-inset-top,0px))}.phono-game-screen--path .phono-game-header{margin-top:10px;margin-bottom:5px}.phono-game-screen--path .phono-game-header h1{font-size:clamp(1.1rem,3.5vw,1.5rem)}.phono-game-screen--path .phono-game-instructions{padding:6px 12px}.phono-game-screen--path .phono-game-instructions p{font-size:.85rem;margin:2px 0}.syllable-path-container{padding:5px 2px;gap:4px}.syllable-path-row{gap:4px}.syllable-card{min-width:60px;min-height:65px;padding:10px 14px 32px;border-radius:12px;border-width:2px}.syllable-text{font-size:clamp(1.2rem,5vw,1.5rem)}.syllable-arrow{font-size:1rem}.syllable-start-box,.syllable-finish-box{padding:6px 10px;font-size:.7rem;min-width:50px;border-radius:10px}.finish-flag{font-size:1rem}.syllable-speaker{font-size:10px;bottom:3px;right:3px}.syllable-path-connector--down-right{padding-right:20px}.syllable-path-connector--down-left{padding-left:20px}.phono-game-screen--path .phono-game-progress{padding:6px 12px;margin-top:5px}.phono-game-screen--path .phono-game-progress p{font-size:.85rem}}@media (max-width: 400px){.syllable-card{min-width:50px;min-height:55px;padding:8px 12px 28px}.syllable-text{font-size:1.1rem}.syllable-arrow{font-size:.85rem}.syllable-start-box,.syllable-finish-box{padding:5px 8px;font-size:.65rem;min-width:45px}.finish-flag{font-size:.9rem}}.phono-game-screen--completion{min-height:100vh;display:flex;flex-direction:column;align-items:center}.phono-game-header--compact{margin-bottom:90px;margin-top:30px}.phono-game-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:#444;font-family:Comfortaa,sans-serif;margin-top:8px}.completion-game-layout{display:flex;gap:40px;padding:0 30px;align-items:center;justify-content:center;max-width:1400px;margin:0 auto;width:100%}.phono-game-screen--completion .phono-navigation{margin-top:75px}.phono-game-screen--completion .phono-game-progress{width:fit-content;transform:none;margin:45px auto 60px}.syllable-bubble-container{flex-shrink:0}.syllable-bubble{background:url(../images/phonological-exercises/bubble.png) no-repeat center center;background-size:contain;width:350px;height:320px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:50px;position:relative}.syllable-option{background:#fff;border:3px solid #2f2644;border-radius:12px;padding:14px 20px;font-size:1.4rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;touch-action:none}.syllable-option--draggable{cursor:grab}.syllable-option--draggable:active{cursor:grabbing}.syllable-option--dragging{opacity:.5;transform:scale(.95)}.syllable-option:hover:not(:disabled){background:#f0e6ff;transform:scale(1.05)}.syllable-option:disabled{opacity:.5;cursor:not-allowed}.syllable-option--selected{background:#e0d0ff;transform:scale(1.1)}.syllable-option--correct{background:#a8d5a2!important;border-color:#4caf50!important;animation:correct-pulse .5s ease}.syllable-option--wrong{background:#f5b8b8!important;border-color:#e74c3c!important;animation:wrong-shake .5s ease}.syllable-drag-ghost{position:fixed;background:#fff;border:3px solid #2f2644;border-radius:12px;padding:14px 20px;font-size:1.4rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif;z-index:1000;pointer-events:none;box-shadow:0 8px 24px #0000004d;transform:scale(1.1)}@keyframes correct-pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}@keyframes wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.completion-cards-container{flex:1;max-width:900px}.completion-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.completion-card{background:#f5e6a3;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;border:5px solid rgba(0,0,0,.1);position:relative;min-height:240px}.completion-card:hover:not(.completion-card--completed){transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.completion-card--active{border-color:#2f2644;box-shadow:0 0 0 4px #2f264440}.completion-card--completed{background:#a8d5a2;border-color:#4caf50;cursor:default}.completion-card--drag-over{border-color:#2f2644;box-shadow:0 0 0 4px #2f264459;transform:scale(1.02);background:#fff3c4}.completion-card-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:8px}.completion-card-image img{max-width:100%;max-height:140px;object-fit:contain}.completion-card-word{background:#fff;border-radius:12px;padding:14px 24px;margin-top:12px;display:flex;align-items:center;gap:6px;border:3px solid rgba(0,0,0,.1)}.word-prefix{font-size:1.8rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif}.word-blank{font-size:1.8rem;font-weight:700;color:#2f2644;font-family:Comfortaa,sans-serif;min-width:60px;transition:all .2s ease}.word-blank--highlight{color:#4caf50;background:#4caf5026;border-radius:8px;padding:4px 8px;margin:-4px -8px}.completion-card-speaker{position:absolute;top:14px;right:14px;color:#0000004d;font-size:26px}.completion-card:hover .completion-card-speaker{color:#00000080}.completion-card-check{position:absolute;top:14px;right:14px;background:#4caf50;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.feedback-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;z-index:100;pointer-events:none}.feedback-overlay--correct{color:#4caf50;text-shadow:0 0 40px rgba(76,175,80,.5)}.feedback-overlay--wrong{color:#e74c3c;text-shadow:0 0 40px rgba(231,76,60,.5)}@media (max-width: 900px){.phono-game-header--compact{margin-top:25px;margin-bottom:0}.completion-game-layout{flex-direction:column;align-items:center;gap:10px;padding:0 15px}.phono-game-screen--completion .phono-navigation{margin-top:8px}.phono-game-screen--completion .phono-game-progress{margin-top:8px;margin-bottom:10px}.syllable-bubble{width:300px;height:280px;padding:45px;gap:12px}.syllable-option{padding:10px 16px;font-size:1.2rem}.completion-cards-grid{grid-template-columns:repeat(3,1fr);gap:18px}.completion-card{min-height:200px;padding:18px}.completion-card-image img{max-height:110px}.word-prefix,.word-blank{font-size:1.5rem}}@media (max-width: 600px){.phono-game-screen--completion{min-height:100vh;height:100vh;padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.phono-game-screen--completion .phono-game-header--compact{margin-top:5px;margin-bottom:3px;flex-shrink:0}.phono-game-screen--completion .phono-game-header--compact h1{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:0}.phono-game-subtitle{display:none}.completion-game-layout{gap:12px;padding:0 12px;flex-direction:column;align-items:center;flex:1;justify-content:space-evenly}.phono-game-screen--completion .phono-navigation{margin-top:auto;flex-shrink:0;padding-top:5px}.phono-game-screen--completion .phono-game-progress{margin-top:5px;margin-bottom:0;padding:5px 10px;flex-shrink:0}.phono-game-screen--completion .phono-game-progress p{font-size:.85rem}.syllable-bubble{width:200px;height:160px;padding:25px 20px;gap:8px;flex-wrap:wrap;margin-top:0}.syllable-option{padding:5px 10px;font-size:.8rem;border-width:2px}.syllable-drag-ghost{padding:5px 10px;font-size:.8rem}.completion-cards-container{width:100%}.completion-cards-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);gap:8px;max-width:100%;margin:0 auto}.completion-card{min-height:80px;padding:10px;border-radius:12px;border-width:2px}.completion-card-image img{max-height:38px}.completion-card-word{padding:5px 10px;margin-top:5px}.word-prefix,.word-blank{font-size:1rem}.word-blank{min-width:35px}.completion-card-speaker{font-size:12px;top:4px;right:4px}.completion-card-check{width:18px;height:18px;font-size:10px;top:4px;right:4px}.feedback-overlay{font-size:60px}}@media (max-width: 400px){.phono-game-screen--completion{padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.completion-game-layout{gap:6px;padding:0 6px}.phono-game-screen--completion .phono-navigation{gap:8px;padding-top:6px}.phono-game-screen--completion .phono-nav-btn{padding:8px 10px;font-size:.8rem}.phono-game-screen--completion .phono-page-indicator{font-size:.85rem;padding:6px 10px}.phono-game-screen--completion .phono-game-progress{margin-top:6px;margin-bottom:0;padding:6px 12px}.phono-game-screen--completion .phono-game-progress p{font-size:.8rem}.syllable-bubble{width:170px;height:140px;padding:20px 16px;gap:5px;margin-top:5px}.syllable-option,.syllable-drag-ghost{padding:4px 6px;font-size:.75rem}.completion-cards-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-width:100%}.completion-card{min-height:75px;padding:6px;border-radius:10px;border-width:2px}.completion-card-image img{max-height:35px}.completion-card-word{padding:5px 8px;margin-top:5px;border-width:2px}.word-prefix,.word-blank{font-size:.9rem}.word-blank{min-width:35px}.completion-card-speaker{font-size:11px;top:3px;right:3px}.completion-card-check{width:16px;height:16px;font-size:9px;top:3px;right:3px}.feedback-overlay{font-size:50px}}.phono-game-screen--recognition{min-height:100vh;background:linear-gradient(135deg,#e0f4f8,#c5e8f0);padding:80px 20px 20px;display:flex;flex-direction:column}.recognition-game-layout{display:flex;flex-direction:column;gap:20px;flex:1;max-width:900px;margin:0 auto;width:100%}.recognition-instructions-box{background:#d6e6eb;border-radius:16px;padding:16px 20px;border:2px solid #9cc5d1}.recognition-instructions-box h3{font-size:1rem;font-weight:700;color:#2f2644;margin:0 0 8px}.recognition-instructions-box p{font-size:.9rem;color:#4a5568;margin:0;line-height:1.5}.recognition-words-container{flex:1}.recognition-words-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recognition-word-card{background:#fff;border:3px solid #c5d1d6;border-radius:30px;padding:14px 20px;font-size:1.3rem;font-weight:600;color:#2f2644;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.recognition-word-card:hover{border-color:#7eb8c9;box-shadow:0 4px 12px #0000001f}.recognition-word-card--placed{opacity:.4;cursor:default;background:#e8e8e8}.recognition-word-card--dragging{opacity:.5;transform:scale(.95)}.recognition-target-zone{background:#f5e6a3;border:3px dashed #d4c67a;border-radius:20px;min-height:100px;padding:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.recognition-target-zone--active{background:#f0dc7a;border-color:#c4b060;box-shadow:0 0 20px #f4dc7a80;transform:scale(1.02)}.recognition-target-content{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.recognition-target-placeholder{color:#8a7d5a;font-size:1rem;font-style:italic}.recognition-placed-word{background:#fff;border:2px solid #c4b060;border-radius:20px;padding:8px 16px;font-size:1rem;font-weight:600;color:#2f2644}.recognition-drag-ghost{position:fixed;pointer-events:none;z-index:1000;background:#fff;border:3px solid #7eb8c9;border-radius:30px;padding:12px 20px;font-size:1.2rem;font-weight:600;color:#2f2644;box-shadow:0 8px 24px #0003;transform:rotate(-3deg)}@media (max-width: 768px){.recognition-words-grid{grid-template-columns:repeat(3,1fr);gap:10px}.recognition-word-card{padding:12px 16px;font-size:1.1rem}.recognition-target-zone{min-height:80px;padding:15px}}@media (max-width: 600px){.phono-game-screen--recognition{min-height:100vh;height:auto;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));overflow:visible;display:flex;flex-direction:column}.phono-game-screen--recognition .phono-game-header--compact{margin-top:10px;margin-bottom:5px;flex-shrink:0}.phono-game-screen--recognition .phono-game-header--compact h1{font-size:clamp(1.1rem,3.5vw,1.5rem);margin-bottom:0}.phono-game-screen--recognition .phono-game-subtitle{display:none}.recognition-game-layout{gap:3px;padding:0 10px;flex:1;overflow-y:visible;align-items:center}.recognition-words-container{flex:0 0 auto;width:100%}.recognition-instructions-box{padding:10px 14px;display:none}.recognition-words-grid{grid-template-columns:repeat(2,1fr);gap:6px}.recognition-word-card{padding:8px 10px;font-size:.85rem;border-radius:18px;border-width:2px}.recognition-target-zone{min-height:45px;padding:6px;border-radius:14px;margin-top:3px;width:100%}.recognition-target-placeholder{font-size:.8rem}.recognition-placed-word{padding:5px 10px;font-size:.8rem}.recognition-drag-ghost{padding:6px 12px;font-size:.85rem}.phono-game-screen--recognition .phono-navigation{margin-top:5px;flex-shrink:0;padding-top:3px}.phono-game-screen--recognition .phono-game-progress{margin-top:3px;margin-bottom:0;flex-shrink:0}.phono-game-screen--recognition .phono-game-progress p{font-size:.8rem}}@media (max-width: 400px){.phono-game-screen--recognition{min-height:100vh;height:auto;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.recognition-game-layout{gap:50px;padding:0 8px}.recognition-words-container{flex:0 0 auto;width:100%}.recognition-words-grid{grid-template-columns:repeat(2,1fr);gap:5px}.recognition-word-card{padding:16px 8px;font-size:.8rem;border-radius:14px}.recognition-target-zone{min-height:40px;padding:5px;margin-top:2px}.recognition-placed-word{padding:4px 8px;font-size:.75rem}.phono-game-screen--recognition .phono-navigation{margin-top:4px;padding-top:3px}.phono-game-screen--recognition .phono-nav-btn{padding:5px 8px;font-size:.75rem}.phono-game-screen--recognition .phono-page-indicator{font-size:.8rem;padding:5px 8px}.phono-game-screen--recognition .phono-game-progress{margin-top:4px;padding:5px 10px}.phono-game-screen--recognition .phono-game-progress p{font-size:.75rem}}.phono-game-screen--visual{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--visual .phono-game-header{margin-bottom:40px;margin-top:50px}.visual-game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 30px;max-width:100%;margin:0 auto;width:100%}.phono-game-screen--visual .phono-game-progress{margin-top:40px;margin-bottom:20px}.letter-grid-wrapper{background:#fff;border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000001f;border:4px solid rgba(0,0,0,.08)}.letter-grid{display:flex;flex-direction:column;gap:12px}.letter-grid-row{display:flex;gap:12px;justify-content:center}.letter-cell{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;background:#fff;border:3px solid #ddd;border-radius:16px;cursor:pointer;transition:all .2s ease}.letter-cell:hover{background:#f0f7fa;border-color:#7eb8c9;transform:scale(1.05)}.letter-cell:active{transform:scale(.95)}.letter-cell--correct{background:#a8d5a2!important;border-color:#4caf50!important;color:#2e7d32;cursor:default;animation:correctPop .3s ease}.letter-cell--wrong{background:#ffcdd2!important;border-color:#f44336!important;color:#c62828;animation:wrongShake .4s ease}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (max-width: 768px){.letter-grid-wrapper{padding:30px}.letter-cell{width:65px;height:65px;font-size:2rem;border-width:3px}.letter-grid-row,.letter-grid{gap:10px}}@media (max-width: 600px){.phono-game-screen--visual{padding:60px 12px 12px;min-height:100vh;justify-content:space-between}.phono-game-screen--visual .phono-game-header{margin-bottom:25px;margin-top:30px}.visual-game-container{padding:20px 10px 15px;flex:1;justify-content:center}.phono-game-screen--visual .phono-game-progress{margin-top:20px;padding-top:15px;margin-bottom:15px}.letter-grid-wrapper{padding:20px;border-radius:18px}.letter-cell{width:52px;height:52px;font-size:1.6rem;border-radius:12px;border-width:2px}.letter-grid-row,.letter-grid{gap:8px}}@media (max-width: 400px){.phono-game-screen--visual .phono-game-header{margin-bottom:20px;margin-top:25px}.visual-game-container{padding:15px 8px 10px}.phono-game-screen--visual .phono-game-progress{padding-top:12px;margin-bottom:12px}.letter-grid-wrapper{padding:15px}.letter-cell{width:44px;height:44px;font-size:1.4rem;border-radius:10px}.letter-grid-row,.letter-grid{gap:6px}}.phono-game-screen--synthesis{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--synthesis .phono-game-header{margin-bottom:40px;margin-top:50px}.synthesis-game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 30px;max-width:100%;margin:0 auto;width:100%}.phono-game-screen--synthesis .phono-game-progress{margin-top:40px;margin-bottom:20px}.synthesis-grid{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;max-width:1000px}.synthesis-item{display:flex;flex-direction:column;align-items:center;gap:12px}.synthesis-letters{display:flex;gap:8px;cursor:pointer;transition:transform .2s}.synthesis-letters:hover{transform:scale(1.05)}.synthesis-letters--active{animation:pulseLetters .5s ease}.synthesis-letters--complete{opacity:.7;cursor:default}.synthesis-letters--complete:hover{transform:none}@keyframes pulseLetters{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.letter-bubble{width:80px;height:80px;background:#fff;border:4px solid #2f2644;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;box-shadow:0 6px 16px #0000001f;cursor:pointer;transition:all .2s ease}.letter-bubble:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #00000026}.letter-bubble--used{background:#e0e0e0;border-color:#bbb;cursor:default}.letter-bubble--disabled{opacity:.5;cursor:not-allowed}.letter-bubble--disabled:hover{transform:none}.synthesis-arrows{display:flex;gap:50px;color:#2f2644;font-size:1.5rem}.arrow-down{font-weight:700}.synthesis-result{width:180px;height:65px;background:#fff;border:4px solid #ddd;border-radius:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.synthesis-result--partial{border-color:#ff9800;background:#fff3e0}.synthesis-result--filled{border-color:#4caf50;background:#e8f5e9}.synthesis-result-text{font-size:2rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644}.synthesis-speaker{position:absolute;right:12px;font-size:1rem;color:#4caf50}@media (max-width: 768px){.synthesis-grid{gap:40px}.letter-bubble{width:65px;height:65px;font-size:2rem;border-width:3px}.synthesis-arrows{gap:40px;font-size:1.3rem}.synthesis-result{width:150px;height:55px;border-width:3px}.synthesis-result-text{font-size:1.6rem}}@media (max-width: 600px){.phono-game-screen--synthesis{padding:60px 12px 12px;min-height:100vh;justify-content:space-between}.phono-game-screen--synthesis .phono-game-header{margin-bottom:25px;margin-top:30px}.synthesis-game-container{padding:20px 10px 15px;flex:1}.phono-game-screen--synthesis .phono-navigation{margin-top:auto;padding-top:15px}.phono-game-screen--synthesis .phono-game-progress{margin-top:10px;margin-bottom:15px}.synthesis-grid{gap:30px}.letter-bubble{width:55px;height:55px;font-size:1.6rem;border-width:3px}.synthesis-arrows{gap:30px;font-size:1.1rem}.synthesis-result{width:130px;height:50px;border-radius:25px;border-width:3px}.synthesis-result-text{font-size:1.4rem}.synthesis-speaker{right:10px;font-size:1rem}}@media (max-width: 400px){.phono-game-screen--synthesis .phono-game-header{margin-bottom:20px;margin-top:25px}.synthesis-game-container{padding:15px 8px 10px}.phono-game-screen--synthesis .phono-navigation{padding-top:12px}.phono-game-screen--synthesis .phono-game-progress{margin-top:8px;margin-bottom:12px}.synthesis-grid{gap:24px}.letter-bubble{width:48px;height:48px;font-size:1.4rem;border-width:2px}.synthesis-arrows{gap:25px;font-size:1rem}.synthesis-result{width:110px;height:44px;border-width:2px}.synthesis-result-text{font-size:1.2rem}}.phono-game-screen--word-synthesis{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--word-synthesis .phono-game-header{margin-bottom:40px;margin-top:50px}.word-synthesis-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px 30px;max-width:100%;margin:0 auto;width:100%}.phono-game-screen--word-synthesis .phono-game-progress{margin-top:40px;margin-bottom:20px}.word-synthesis-grid{display:flex;flex-wrap:wrap;gap:80px;justify-content:center;max-width:1000px}.word-synthesis-item{display:flex;flex-direction:column;align-items:center;gap:20px}.word-balloon{display:flex;flex-direction:column;align-items:center}.balloon-body{background:linear-gradient(135deg,#ffd54f,#ffb300);border-radius:50%/60% 60% 40% 40%;padding:25px 20px;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:inset -10px -10px 20px #fff6,inset 10px 10px 20px #0000001a,0 8px 24px #00000026;position:relative}.balloon-body:before{content:"";position:absolute;top:15px;left:25px;width:20px;height:15px;background:#ffffff80;border-radius:50%;transform:rotate(-30deg)}.balloon-knot{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #ffb300;margin-top:-2px}.balloon-string{width:2px;height:40px;background:#333}.balloon-syllable{background:transparent;border:none;font-size:1.8rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;cursor:pointer;padding:4px 12px;border-radius:8px;transition:all .2s ease}.balloon-syllable:hover:not(:disabled){background:#fff6;transform:scale(1.1)}.balloon-syllable--selected{opacity:.3;text-decoration:line-through;cursor:default}.balloon-syllable--selected:hover{transform:none;background:transparent}.word-answer-line{min-width:180px;height:50px;border-bottom:4px solid #2f2644;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:8px;cursor:pointer;position:relative}.word-answer-line--correct{border-color:#4caf50}.word-answer-line--wrong{border-color:#f44336}.answer-syllable{font-size:1.8rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644}.word-answer-line--correct .answer-syllable{color:#2e7d32}.word-answer-line--wrong .answer-syllable{color:#c62828}.word-speaker-icon{position:absolute;right:-30px;bottom:10px;font-size:1.2rem;color:#4caf50}.word-reset-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ff7043;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.word-reset-btn:hover{background:#f4511e;transform:scale(1.05)}@media (max-width: 768px){.word-synthesis-grid{gap:60px}.balloon-body{min-width:120px;padding:20px 16px}.balloon-syllable{font-size:1.5rem;padding:3px 10px}.balloon-string{height:30px}.word-answer-line{min-width:150px;height:45px}.answer-syllable{font-size:1.5rem}}@media (max-width: 600px){.phono-game-screen--word-synthesis{padding:60px 12px 12px;min-height:100vh;justify-content:space-between}.phono-game-screen--word-synthesis .phono-game-header{margin-bottom:25px;margin-top:30px}.word-synthesis-container{padding:20px 10px 15px;flex:1;justify-content:center}.phono-game-screen--word-synthesis .phono-navigation{margin-top:auto;padding-top:15px}.phono-game-screen--word-synthesis .phono-game-progress{margin-top:10px;margin-bottom:15px}.word-synthesis-grid{gap:40px}.balloon-body{min-width:100px;padding:18px 14px}.balloon-body:before{width:15px;height:12px;top:12px;left:18px}.balloon-syllable{font-size:1.3rem;padding:2px 8px}.balloon-knot{border-left-width:10px;border-right-width:10px;border-top-width:14px}.balloon-string{height:25px}.word-answer-line{min-width:130px;height:40px;border-width:3px}.answer-syllable{font-size:1.3rem}.word-speaker-icon{right:-25px;font-size:1rem}.word-reset-btn{font-size:.8rem;padding:6px 12px}}@media (max-width: 400px){.phono-game-screen--word-synthesis .phono-game-header{margin-bottom:20px;margin-top:25px}.word-synthesis-container{padding:15px 8px 10px}.phono-game-screen--word-synthesis .phono-navigation{padding-top:12px}.phono-game-screen--word-synthesis .phono-game-progress{margin-top:8px;margin-bottom:12px}.word-synthesis-grid{gap:30px}.balloon-body{min-width:85px;padding:15px 12px}.balloon-syllable{font-size:1.1rem;padding:2px 6px}.balloon-knot{border-left-width:8px;border-right-width:8px;border-top-width:12px}.balloon-string{height:20px}.word-answer-line{min-width:110px;height:36px;border-width:2px}.answer-syllable{font-size:1.1rem}.word-reset-btn{font-size:.75rem;padding:5px 10px}}.phono-game-screen--matching{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--matching .phono-game-header{margin-bottom:20px;margin-top:30px}.matching-game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 15px;max-width:100%;margin:0 auto;width:100%;position:relative}.matching-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.phono-game-screen--matching .phono-game-progress{margin-top:20px;margin-bottom:10px}.matching-columns{display:flex;justify-content:center;gap:180px;max-width:900px;width:100%;position:relative;z-index:2}.matching-words-column,.matching-images-column{display:flex;flex-direction:column;gap:15px}.matching-word-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#fff;border:3px solid #ddd;border-radius:16px;cursor:pointer;transition:all .2s ease;width:230px;height:120px}.matching-word-btn:hover:not(:disabled){border-color:#7eb8c9;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.matching-word-btn--selected{border-color:#ff9800;background:#fff3e0;box-shadow:0 4px 16px #ff98004d}.matching-word-btn--matched{border-color:#4caf50;background:#e8f5e9;cursor:default}.matching-word-btn--wrong{border-color:#f44336;background:#ffebee;animation:wrongShake .4s ease}.matching-word-text{font-size:1.5rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644}.matching-word-btn--matched .matching-word-text{color:#2e7d32}.matching-dot{width:24px;height:24px;background:#333;border-radius:50%;border:3px solid #f8bbd9;flex-shrink:0;transition:all .2s ease}.matching-dot--selected{background:#ff9800;border-color:#ff9800;box-shadow:0 0 0 4px #ff98004d}.matching-dot--matched{background:#4caf50;border-color:#4caf50}.matching-image-btn{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:6px 12px;background:transparent;border:3px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;width:170px;height:120px}.matching-image-btn:hover:not(:disabled){background:#ffffff80;transform:scale(1.05)}.matching-image-btn--selected{background:#fff3e0;border-color:#ff9800}.matching-image-btn--matched{opacity:.6;cursor:default}.matching-image-btn--wrong{background:#ffebee;border-color:#f44336;animation:wrongShake .4s ease}.matching-image{width:110px;height:110px;object-fit:contain}@media (max-width: 768px){.matching-columns{gap:120px}.matching-words-column,.matching-images-column{gap:12px}.matching-word-btn{width:170px;padding:10px 16px;gap:12px;height:100px}.matching-word-text{font-size:1.3rem}.matching-dot{width:20px;height:20px}.matching-image{width:90px;height:90px}.matching-image-btn{width:140px;gap:12px;padding:6px 12px;height:100px}}@media (max-width: 600px){.phono-game-screen--matching{padding:60px 12px 12px;min-height:100vh;justify-content:space-between}.phono-game-screen--matching .phono-game-header{margin-bottom:15px;margin-top:30px}.matching-game-container{padding:10px 5px;flex:1;justify-content:center}.phono-game-screen--matching .phono-navigation{margin-top:auto;padding-top:10px}.phono-game-screen--matching .phono-game-progress{margin-top:8px;margin-bottom:10px}.matching-columns{gap:80px}.matching-words-column,.matching-images-column{gap:8px}.matching-word-btn{width:140px;padding:6px 10px;gap:8px;border-width:2px;border-radius:12px;height:85px}.matching-word-text{font-size:.85rem}.matching-dot{width:16px;height:16px;border-width:2px}.matching-image{width:75px;height:75px}.matching-image-btn{width:115px;gap:8px;padding:3px 6px;border-width:2px;border-radius:10px;height:85px}}@media (max-width: 400px){.phono-game-screen--matching .phono-game-header{margin-bottom:12px;margin-top:25px}.matching-game-container{padding:8px 4px}.phono-game-screen--matching .phono-navigation{padding-top:8px}.phono-game-screen--matching .phono-game-progress{margin-top:6px;margin-bottom:8px}.matching-columns{gap:50px}.matching-words-column,.matching-images-column{gap:6px}.matching-word-btn{width:120px;padding:5px 8px;gap:5px;height:70px}.matching-word-text{font-size:.75rem}.matching-dot{width:14px;height:14px}.matching-image{width:60px;height:60px}.matching-image-btn{width:95px;gap:6px;padding:2px 4px;height:70px}}.phono-game-screen--sorting{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--sorting .phono-game-header{margin-bottom:20px;margin-top:30px}.sorting-game-container{display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px;max-width:900px;margin:0 auto;width:100%}.sorting-words-area{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px;min-height:120px}.sorting-word-card{background:#fff;border:3px solid #2f2644;border-radius:12px;padding:12px 20px;font-size:1.5rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.sorting-word-card:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.sorting-word-card:active{cursor:grabbing}.sorting-word-card--dragging{opacity:.5;transform:scale(.95)}.sorting-drag-ghost{position:fixed;pointer-events:none;z-index:1000;background:#fff;border:3px solid #2f2644;border-radius:12px;padding:12px 20px;font-size:1.5rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;box-shadow:0 8px 24px #00000040;transform:rotate(-3deg)}.sorting-baskets-area{display:flex;justify-content:center;gap:80px;width:100%}.sorting-basket{display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.sorting-basket--wrong{animation:wrongShake .4s ease}.sorting-basket-label{padding:8px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644}.sorting-basket-label--xi,.sorting-basket-label--beta{background:#ff69b4;color:#fff}.sorting-basket-image{width:180px;height:160px;display:flex;align-items:center;justify-content:center}.sorting-basket-image img{width:100%;height:100%;object-fit:contain}.sorting-basket-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;max-width:200px}.sorting-basket-word{background:#e8f5e9;border:2px solid #4CAF50;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:600;color:#2e7d32}.phono-game-screen--sorting .phono-game-progress{margin-top:auto;padding-top:20px}@media (max-width: 768px){.sorting-game-container{gap:30px;padding:15px}.sorting-words-area{gap:12px;padding:15px}.sorting-word-card{padding:10px 16px;font-size:1.3rem}.sorting-baskets-area{gap:60px}.sorting-basket-image{width:150px;height:130px}.sorting-basket-label{font-size:1rem;padding:6px 16px}}@media (max-width: 600px){.phono-game-screen--sorting{padding:60px 12px 12px;min-height:100vh;justify-content:space-between}.phono-game-screen--sorting .phono-game-header{margin-bottom:15px;margin-top:30px}.sorting-game-container{gap:25px;padding:10px;flex:1}.sorting-words-area{gap:10px;padding:10px;min-height:100px}.sorting-word-card{padding:8px 14px;font-size:1.1rem;border-width:2px}.sorting-drag-ghost{padding:8px 14px;font-size:1.1rem}.sorting-baskets-area{gap:40px}.sorting-basket-image{width:120px;height:100px}.sorting-basket-label{font-size:.85rem;padding:5px 12px}.sorting-basket-words{max-width:140px}.sorting-basket-word{font-size:.75rem;padding:3px 8px}.phono-game-screen--sorting .phono-game-progress{padding-top:15px;margin-bottom:15px}}@media (max-width: 400px){.phono-game-screen--sorting .phono-game-header{margin-bottom:12px;margin-top:25px}.sorting-game-container{gap:20px;padding:8px}.sorting-words-area{gap:8px;padding:8px}.sorting-word-card,.sorting-drag-ghost{padding:6px 12px;font-size:.95rem}.sorting-baskets-area{gap:25px}.sorting-basket-image{width:100px;height:85px}.sorting-basket-label{font-size:.75rem;padding:4px 10px}.sorting-basket-words{max-width:110px}.sorting-basket-word{font-size:.7rem;padding:2px 6px}.phono-game-screen--sorting .phono-game-progress{padding-top:12px;margin-bottom:12px}}.phono-game-screen--text-reading{min-height:100vh;background:#b8d4e8;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column}.phono-game-screen--text-reading .phono-game-header{margin-bottom:20px;margin-top:30px}.text-reading-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:900px;margin:0 auto;width:100%;flex:1}.text-reading-content{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #0000001a;font-size:1.8rem;line-height:2;font-family:Comfortaa,sans-serif;color:#2f2644;text-align:justify}.text-char{transition:all .2s ease}.text-char--clickable{cursor:pointer;border-radius:3px}.text-char--clickable:hover{background:#2f26441a}.text-char--beta{font-weight:700}.text-char--wrong{background:#f44336!important;color:#fff!important;border-radius:3px;animation:wrongFlash .6s ease}@keyframes wrongFlash{0%,to{background:#f44336}50%{background:#ff7961}}.text-char--found{background:#4caf50!important;color:#fff!important;border-radius:3px;animation:foundPop .3s ease}.text-char--hinted{background:gold!important;color:#2f2644!important;border-radius:3px;animation:hintPulse 1.5s ease;box-shadow:0 0 20px #ffd700cc}@keyframes foundPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes hintPulse{0%,to{box-shadow:0 0 10px #ffd70080;transform:scale(1)}50%{box-shadow:0 0 30px gold;transform:scale(1.2)}}.hint-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:30px;font-size:1.1rem;font-weight:700;font-family:Comfortaa,sans-serif;color:#2f2644;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffa50066}.hint-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffa50080}.hint-button:active:not(:disabled){transform:translateY(0)}.hint-button:disabled{opacity:.5;cursor:not-allowed}.hint-button svg{font-size:1.3rem}.phono-game-screen--text-reading .phono-game-progress{margin-top:auto;padding-top:20px}@media (max-width: 768px){.text-reading-container{padding:15px;gap:15px}.text-reading-content{padding:25px;font-size:1.5rem;line-height:1.9}.hint-button{padding:10px 20px;font-size:1rem}}@media (max-width: 600px){.phono-game-screen--text-reading{padding:50px 8px 8px;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.phono-game-screen--text-reading .phono-game-header{margin-bottom:8px;margin-top:8px}.phono-game-screen--text-reading .phono-game-header h1{font-size:1.1rem}.phono-game-screen--text-reading .phono-game-instructions{padding:6px 12px}.phono-game-screen--text-reading .phono-game-instructions p{font-size:.85rem}.text-reading-container{padding:6px;gap:10px;flex:1;overflow:hidden}.text-reading-content{padding:14px;font-size:1.25rem;line-height:1.7;border-radius:12px;overflow:hidden}.hint-button{padding:8px 16px;font-size:.9rem;border-radius:20px}.hint-button svg{font-size:1rem}.phono-game-screen--text-reading .phono-game-progress{padding-top:8px;margin-bottom:8px}.phono-game-screen--text-reading .phono-game-progress p{font-size:.85rem}}@media (max-width: 400px){.phono-game-screen--text-reading{padding:45px 6px 6px}.phono-game-screen--text-reading .phono-game-header{margin-bottom:6px;margin-top:6px}.phono-game-screen--text-reading .phono-game-header h1{font-size:1rem}.text-reading-container{padding:4px;gap:8px}.text-reading-content{padding:12px;font-size:1.15rem;line-height:1.65;border-radius:10px}.hint-button{padding:6px 14px;font-size:.85rem}.hint-button svg{font-size:.95rem}.phono-game-screen--text-reading .phono-game-progress{padding-top:6px;margin-bottom:6px}.phono-game-screen--text-reading .phono-game-progress p{font-size:.8rem}}.phonological-game{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:#fef7f4;padding:20px;padding-top:calc(70px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.phonological-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;width:100%;max-width:1200px;position:fixed;top:0;left:0;right:0;background:#fef7f4;padding:16px 20px;z-index:100}.phonological-back-btn{background:#ffb3d9;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffb3d94d;flex-shrink:0}.phonological-back-btn:hover{background:#ffa3cc;transform:scale(1.05)}.phonological-back-btn svg{width:24px;height:24px;color:#1a1a1a}.phonological-title h1{font-size:24px;color:#2d3748;margin:0;font-weight:700}.phonological-cards-container{flex:1;display:flex;flex-direction:column;gap:20px}.phonological-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px;flex:1;max-height:calc(100vh - 180px)}.phonological-card{border:4px solid;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:250px}.phonological-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.phonological-card.completed{box-shadow:0 4px 20px #28a7454d}.phonological-success-badge{position:absolute;top:-12px;right:-12px;width:40px;height:40px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #28a74566;z-index:10}.phonological-success-badge svg{width:24px;height:24px;color:#fff;stroke-width:3}.phonological-card--instructions{text-align:center;padding:24px}.phonological-card--instructions h3{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 16px;line-height:1.3}.phonological-instructions-label{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px}.phonological-instructions-text{font-size:14px;color:#4a5568;margin:0;line-height:1.5}.phonological-card--word{padding:16px;gap:8px}.phonological-word{font-size:24px;font-weight:700;color:#2d3748;margin:0;text-align:center}.phonological-image-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.phonological-image{max-width:100%;max-height:160px;object-fit:contain}.phonological-card-buttons{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;align-items:center}.phonological-speak-btn,.phonological-record-btn,.phonological-play-btn{width:40px;height:40px;border:none;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.phonological-speak-btn:hover,.phonological-record-btn:hover,.phonological-play-btn:hover{background:#fff;transform:scale(1.1)}.phonological-speak-btn svg,.phonological-record-btn svg,.phonological-play-btn svg{width:20px;height:20px;color:#4a5568}.phonological-record-btn{background:#ffffffe6}.phonological-record-btn.recording,.phonological-record-btn.listening{background:#f44;animation:pulse-recording 1s infinite}.phonological-record-btn.recording svg,.phonological-record-btn.listening svg{color:#fff}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 10px #f440}}.phonological-play-btn{background:#4caf50;color:#fff;font-size:14px}.phonological-play-btn:hover{background:#45a049}.phonological-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px}.phonological-nav-btn{width:48px;height:48px;border:none;background:#ffb3d9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffb3d94d}.phonological-nav-btn:hover:not(:disabled){background:#ffa3cc;transform:scale(1.05)}.phonological-nav-btn:disabled{opacity:.5;cursor:not-allowed}.phonological-nav-btn svg{width:24px;height:24px;color:#1a1a1a}.phonological-page-indicator{font-size:16px;font-weight:600;color:#2d3748}@media (max-width: 1024px){.phonological-cards-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:16px}.phonological-card{min-height:220px}.phonological-image{max-height:130px}}@media (max-width: 767px){.phonological-game{padding:16px;padding-top:calc(90px + env(safe-area-inset-top,0px));padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));align-items:center;justify-content:center}.phonological-header{margin-bottom:16px}.phonological-title h1{font-size:18px}.phonological-single-card-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.phonological-card--single{width:100%;max-width:320px;min-height:350px;padding:24px}.phonological-card--single .phonological-word{font-size:32px;margin-bottom:16px}.phonological-card--single .phonological-image{max-height:180px}.phonological-card--single .phonological-card-buttons{bottom:16px;right:16px;gap:12px}.phonological-card--single .phonological-speak-btn,.phonological-card--single .phonological-record-btn{width:50px;height:50px}.phonological-card--single .phonological-speak-btn svg,.phonological-card--single .phonological-record-btn svg{width:24px;height:24px}.phonological-cards-container{flex:none}.phonological-cards-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:12px;max-height:none;flex:none}.phonological-card{min-height:180px;padding:12px}.phonological-card--instructions{grid-column:span 2;min-height:auto;padding:16px}.phonological-card--instructions h3{font-size:16px;margin-bottom:12px}.phonological-instructions-text{font-size:13px}.phonological-word{font-size:18px}.phonological-image{max-height:100px}.phonological-nav-btn{width:40px;height:40px}}.phonological-selection-container{display:flex;flex-direction:column;gap:24px;padding:20px;max-width:600px;margin:0 auto}.phonological-selection-card{border:4px solid;border-radius:20px;padding:30px;cursor:pointer;transition:all .3s ease;text-align:center}.phonological-selection-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.phonological-selection-title{font-size:28px;font-weight:700;color:#2d3748;margin:0 0 12px}.phonological-selection-description{font-size:16px;color:#4a5568;margin:0 0 8px}.phonological-selection-examples{font-size:14px;color:#718096;font-style:italic;margin:0 0 20px}.phonological-selection-btn{background:#ffb3d9;border:none;padding:12px 32px;border-radius:25px;font-size:18px;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffb3d94d}.phonological-selection-btn:hover{background:#ffa3cc;transform:scale(1.05)}@media (max-width: 767px){.phonological-selection-container{padding:16px}.phonological-selection-card{padding:24px}.phonological-selection-title{font-size:24px}.phonological-selection-description{font-size:14px}}@media (max-width: 480px){.phonological-title h1{font-size:16px}.phonological-card{min-height:160px;padding:10px}.phonological-word{font-size:16px}.phonological-image{max-height:80px}}.syllable-path-visual{flex:1;display:flex;justify-content:center;padding:20px;max-width:900px;margin:0 auto;width:100%;overflow-x:hidden}.path-grid{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.path-row{display:flex;align-items:center;gap:8px;justify-content:center}.path-row-1,.path-row-2,.path-row-3,.path-row-4{justify-content:center}.arrow-h{color:#ff69b4;font-size:18px;font-weight:700;letter-spacing:-3px}.path-arrow{color:#ff69b4;font-size:24px;font-weight:700;padding-left:50px}.path-arrow-1{padding-left:50px}.path-arrow-2{text-align:right;padding-right:60px;padding-left:0}.path-arrow-3{padding-left:10px}.path-syllable-box{width:100px;height:100px;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 4px 12px #00000026;transition:all .2s ease;margin-bottom:10px}.path-syllable-box:hover{transform:scale(1.05)}.path-syllable-box.active{transform:scale(1.1);box-shadow:0 0 0 4px #ff6b9d,0 6px 20px #ff6b9d66;z-index:20}.path-syllable-box.completed{opacity:.7}.path-syllable-text{font-size:36px;font-weight:700;color:#2d3748;font-style:italic}.path-check-icon{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#28a745;border-radius:50%;color:#fff;padding:5px}.path-mic-btn{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;border:none;background:#ffb3d9;color:#2d3748;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0003;transition:all .2s ease;z-index:25}.path-mic-btn:hover{background:#ff9bc8;transform:translate(-50%) scale(1.1)}.path-mic-btn.listening{background:#f44;color:#fff;animation:pulse-path-mic 1s infinite}@keyframes pulse-path-mic{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 12px #f440}}.path-mic-btn svg{width:18px;height:18px}.path-finish-sign{background:#fff;border:3px solid #333;padding:8px 16px;font-weight:700;font-size:14px;margin-left:10px;position:relative}.path-finish-sign:before{content:"";position:absolute;left:0;bottom:-15px;width:3px;height:15px;background:#6b5b95}.path-finish-sign:after{content:"";position:absolute;right:0;bottom:-15px;width:3px;height:15px;background:#6b5b95}.syllable-path-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.completion-content{background:#fff;border-radius:30px;padding:40px;text-align:center;box-shadow:0 8px 32px #00000026;max-width:400px;width:100%}.completion-star{font-size:80px;margin-bottom:16px}.completion-content h2{font-size:32px;color:#28a745;margin:0 0 12px}.completion-content p{font-size:18px;color:#4a5568;margin:0 0 24px}.completion-buttons{display:flex;gap:16px;justify-content:center}.completion-btn{padding:12px 32px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.completion-btn.play-again{background:#ffb3d9;color:#2d3748}.completion-btn.play-again:hover{background:#ff9bc8;transform:scale(1.05)}.completion-btn.go-back{background:#e2e8f0;color:#4a5568}.completion-btn.go-back:hover{background:#cbd5e0;transform:scale(1.05)}@media (max-width: 900px){.path-grid{align-items:center}.path-row{justify-content:center!important}.path-syllable-box{width:75px;height:70px;margin-bottom:8px}.path-syllable-text{font-size:26px}.arrow-h{font-size:14px}.path-arrow{padding-left:0;padding-right:0;text-align:center}}@media (max-width: 600px){.syllable-path-visual{padding:10px}.path-row{gap:4px}.path-syllable-box{width:65px;height:75px;margin-bottom:6px;border-radius:12px}.path-syllable-text{font-size:22px}.arrow-h{font-size:12px;letter-spacing:-2px}.path-arrow{font-size:16px}.path-mic-btn{width:24px;height:24px;bottom:-16px}.path-mic-btn svg{width:14px;height:14px}.path-finish-sign{padding:4px 8px;font-size:9px}.path-check-icon{width:18px;height:18px;top:-5px;right:-5px;padding:3px}}@media (max-width: 400px){.path-row{gap:3px}.path-syllable-box{width:61px;height:83px;margin-bottom:4px}.path-syllable-text{font-size:18px}.arrow-h{font-size:10px}.path-check-icon{width:16px;height:16px;top:-4px;right:-4px;padding:2px}}.syllable-fill-container{display:flex;flex-direction:row;gap:30px;padding:20px;max-width:1200px;margin:0 auto;align-items:flex-start}.syllable-bubble{background:linear-gradient(135deg,#b8e6f7,#89d4f5,#b8e6f7);border-radius:100px;padding:30px 25px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;box-shadow:0 8px 30px #89d4f566;position:relative;min-width:120px;flex-shrink:0}.syllable-bubble:before{content:"";position:absolute;top:15px;left:20px;width:30px;height:30px;background:#fff9;border-radius:50%}.syllable-bubble:after{content:"";position:absolute;top:35px;left:35px;width:15px;height:15px;background:#fff6;border-radius:50%}.bubble-syllable{background:#fff;border:none;padding:12px 20px;border-radius:25px;font-size:22px;font-weight:700;color:#2d3748;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #00000026;min-width:70px;text-align:center}.bubble-syllable:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.bubble-syllable.selected{background:#ffb3d9;color:#2d3748;transform:scale(1.15);box-shadow:0 0 0 3px #ff6b9d,0 4px 15px #ff6b9d66}.bubble-syllable.dragging{opacity:.5;cursor:grabbing}.bubble-syllable{cursor:grab;touch-action:none}.floating-syllable{background:#ffb3d9;padding:12px 20px;border-radius:25px;font-size:22px;font-weight:700;color:#2d3748;box-shadow:0 8px 25px #ff6b9d80;transform:scale(1.2)}.syllable-fill-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;background:#ffb6c1;border-radius:30px;padding:25px;flex:1}.syllable-fill-grid-4{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,1fr)!important;flex:none!important;max-width:500px;height:fit-content}.syllable-fill-container-centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.syllable-fill-container-centered .syllable-fill-grid-4{flex:none}.syllable-fill-card{background:beige;border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;min-height:220px}.syllable-fill-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.syllable-fill-card.completed{background:#d4edda;border:3px solid #28a745}.syllable-fill-card.wrong{animation:shake .5s ease;border:3px solid #dc3545}.syllable-fill-card.drag-over{border:3px dashed #FF6B9D;background:#fff0f5;transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.card-check{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10}.card-check svg{width:18px;height:18px;stroke-width:3}.card-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:10px}.syllable-fill-grid .card-image img{max-width:100%!important;max-height:160px!important;width:auto!important;height:auto!important;object-fit:contain}.card-word{display:flex;align-items:center;justify-content:center;gap:2px;font-size:22px;font-weight:700;color:#2d3748}.word-blank{color:#999;letter-spacing:-2px}.word-text{color:#2d3748}.word-filled{color:#28a745;font-size:24px}.card-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;z-index:20}.card-feedback.correct{background:#28a745}.card-feedback.wrong{background:#dc3545}.syllable-fill-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.nav-btn{width:45px;height:45px;border:none;background:#ffb3d9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#ff9bc8;transform:scale(1.1)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn svg{width:24px;height:24px;color:#2d3748}.nav-indicator{font-size:16px;font-weight:600;color:#2d3748}@media (max-width: 900px){.syllable-fill-container{flex-direction:column;align-items:stretch}.syllable-bubble{flex-direction:row;flex-wrap:wrap;border-radius:50px;padding:20px 30px;min-width:auto}}@media (max-width: 768px){.syllable-fill-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:10px;padding:12px}.syllable-fill-card{min-height:140px;padding:8px}.syllable-fill-grid .card-image img{max-height:100px!important}.card-image{margin-bottom:5px}.card-word{font-size:15px}.bubble-syllable{font-size:15px;padding:6px 10px;min-width:auto}}@media (max-width: 480px){.syllable-fill-container{padding:0 6px;gap:6px;width:100%}.syllable-bubble{padding:8px 12px;gap:5px;border-radius:25px;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.syllable-bubble:before{display:none}.syllable-bubble:after{display:none}.bubble-syllable{font-size:13px;padding:5px 9px;min-width:auto}.syllable-fill-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:10px;border-radius:16px;width:100%}.syllable-fill-card{min-height:120px;padding:8px;border-radius:12px}.syllable-fill-grid .card-image img{max-height:80px!important}.card-image{margin-bottom:4px}.card-word{font-size:15px}.word-filled{font-size:16px}.card-check{width:18px;height:18px;top:-5px;right:-5px}.card-check svg{width:11px;height:11px}.card-feedback{width:35px;height:35px;font-size:18px}}@media (max-width: 400px){.syllable-bubble{flex-direction:row;flex-wrap:wrap;height:auto;padding:8px 10px;gap:5px;justify-content:center}.bubble-syllable{font-size:13px;padding:4px 7px;min-width:auto}}.syllable-fill-grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 768px){.syllable-fill-grid-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.syllable-fill-grid-6 .syllable-fill-card{min-height:140px;padding:8px}.syllable-fill-grid-6 .card-image img{max-height:100px!important}.syllable-fill-grid-6 .card-word{font-size:14px}}@media (max-width: 480px){.syllable-fill-grid-6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:8px;padding:10px}.syllable-fill-grid-6 .syllable-fill-card{min-height:130px;padding:6px}.syllable-fill-grid-6 .card-image img{max-height:90px!important}.syllable-fill-grid-6 .card-word{font-size:14px}}.ai-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ai-loading-content{background:#fff;padding:30px 50px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #0000004d}.ai-loading-content p{margin-top:15px;font-size:18px;color:#333;font-weight:500}.ai-loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.speech-cards-speaker-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#1565c0);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #2196f366;margin-left:auto}.speech-cards-speaker-btn:hover:not(:disabled){background:linear-gradient(135deg,#42a5f5,#1976d2);transform:scale(1.1);box-shadow:0 6px 20px #2196f380}.speech-cards-speaker-btn:disabled{opacity:.6;cursor:not-allowed}.speech-cards-speaker-btn svg{width:24px;height:24px}.phonological-game:has(.visual-recognition-container){min-height:100vh;min-height:100dvh;padding-top:calc(70px + env(safe-area-inset-top,0px));padding-bottom:20px;justify-content:center;align-items:center;overflow:visible}@media (max-width: 768px){.phonological-game:has(.visual-recognition-container){padding-top:calc(90px + env(safe-area-inset-top,0px));padding-left:10px;padding-right:10px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));justify-content:center}}.visual-recognition-container{display:flex;flex-direction:column;gap:15px;padding:10px;max-width:900px;margin:auto;width:100%}.visual-recognition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px}.visual-word-card{background:#fff;border:2px solid #E2E8F0;border-radius:16px;padding:16px;font-size:20px;font-weight:600;color:#2d3748;cursor:grab;transition:all .2s ease;box-shadow:0 2px 8px #00000014;user-select:none;-webkit-user-select:none;touch-action:none;display:flex;flex-direction:column;align-items:center;gap:10px}.visual-word-image{width:100px;height:100px;object-fit:contain}.visual-word-text{font-size:18px;font-weight:600;text-align:center}.visual-word-card:hover:not(:disabled){border-color:#ff6b9d;box-shadow:0 4px 15px #ff6b9d33}.visual-word-card:active:not(:disabled){cursor:grabbing}.visual-word-card.dragging{opacity:.5;transform:scale(1.05);box-shadow:0 8px 25px #0003}.visual-word-card.dropped{background:#e8f5e9;border-color:#28a745;color:#28a745;opacity:.6;cursor:default}.visual-word-card.wrong{animation:shake-word .5s ease;border-color:#dc3545;background:#ffebee}@keyframes shake-word{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.visual-drop-zone{background:#fff9c4;border:3px dashed #FFD54F;border-radius:20px;min-height:80px;padding:15px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;transition:all .3s ease}.visual-drop-zone.drag-over{background:#ffecb3;border-color:#ffa000;border-style:solid;transform:scale(1.02);box-shadow:0 0 20px #ffa0004d}.drop-hint{color:#9e9e9e;font-size:16px;font-style:italic}.dropped-word{font-size:18px;font-weight:600;color:#2d3748;padding:8px 16px;background:#fff;border-radius:20px;border-bottom:2px solid #FFD54F}.visual-progress{text-align:center;font-size:16px;font-weight:600;color:#4a5568}.visual-recognition-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 768px){.visual-recognition-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.visual-word-card{padding:8px}.visual-word-image{width:55px;height:55px}.visual-word-text{font-size:13px}.visual-drop-zone{min-height:60px;padding:10px 12px}.dropped-word{font-size:14px;padding:5px 10px}}@media (max-width: 480px){.visual-recognition-container{padding:5px;gap:12px}.visual-recognition-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:8px}.visual-word-card{padding:7px;border-radius:14px;gap:8px}.visual-word-image{width:80px;height:74px}.visual-word-text{font-size:12px}.visual-drop-zone{min-height:79px;padding:6px;gap:5px;border-radius:12px}.dropped-word{font-size:10px;padding:3px 6px;border-radius:12px}.visual-progress{font-size:11px}}@media (max-width: 360px){.visual-recognition-grid{grid-template-columns:repeat(3,1fr);gap:4px}.visual-word-card{padding:4px}.visual-word-image{width:35px;height:35px}.visual-word-text{font-size:8px}}@media (max-height: 650px) and (max-width: 480px){.visual-recognition-container{gap:5px}.visual-recognition-grid{gap:4px}.visual-word-card{padding:4px;gap:2px}.visual-word-image{width:32px;height:32px}.visual-word-text{font-size:8px}.visual-drop-zone{min-height:35px;padding:5px}.dropped-word{font-size:9px;padding:2px 5px}}.letter-grid-container{display:flex;justify-content:center;align-items:center;padding:20px;width:100%;overflow-x:auto}.letter-grid{display:flex;flex-direction:column;gap:10px;background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 15px #0000001a}.letter-grid-row{display:flex;gap:10px;justify-content:center}.letter-cell{width:55px;height:55px;min-width:55px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#2d3748;background:#f7fafc;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;transition:all .2s ease}.letter-cell:hover:not(:disabled){background:#edf2f7;border-color:#ff6b9d;transform:scale(1.05)}.letter-cell.correct{background:#c6f6d5;border-color:#38a169;color:#276749;cursor:default}.letter-cell.wrong{animation:shake-word .5s ease;background:#fed7d7;border-color:#e53e3e;color:#c53030}@media (max-width: 768px){.letter-cell{width:46px;height:46px;min-width:46px;font-size:22px}.letter-grid{padding:14px;gap:7px}.letter-grid-row{gap:7px}}@media (max-width: 480px){.letter-grid-container{padding:8px}.letter-cell{width:38px;height:38px;min-width:38px;font-size:18px;border-radius:8px}.letter-grid{padding:10px;gap:5px}.letter-grid-row{gap:5px}}@media (max-width: 360px){.letter-grid-container{padding:5px}.letter-cell{width:32px;height:32px;min-width:32px;font-size:16px;border-radius:6px;border-width:1.5px}.letter-grid{padding:8px;gap:4px;border-radius:12px}.letter-grid-row{gap:4px}}.visual-lambda-container{display:grid;grid-template-columns:180px 1fr;gap:15px;background:#b8e6f7;padding:20px;border-radius:20px;max-width:900px}.visual-instructions-panel{background:beige;border-radius:15px;padding:15px;font-size:14px;color:#2d3748;align-self:start}.visual-instructions-title{font-weight:700;margin-bottom:8px;font-size:15px}.visual-instructions-subtitle{font-weight:600;margin-bottom:5px}.visual-instructions-text{font-size:13px;line-height:1.4;margin:0}.visual-lambda-content{display:flex;flex-direction:column;gap:12px}.visual-lambda-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.visual-lambda-bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.visual-word-card-text-only{background:#fff;border:2px solid #E2E8F0;border-radius:30px;padding:12px 20px;font-size:18px;flex-direction:row;justify-content:center}.visual-word-card-text-only .visual-word-text{font-size:18px}.visual-lambda-drop-zone{background:#fff9c4;border-radius:15px;padding:15px;display:flex;justify-content:space-around;align-items:center;min-height:60px;gap:10px;transition:all .3s ease}.visual-lambda-drop-zone.drag-over{background:#ffecb3;box-shadow:0 0 20px #ffa0004d}.drop-slot{flex:1;text-align:center;min-width:80px}.drop-slot-empty{color:#9e9e9e;font-size:18px;font-weight:600;letter-spacing:2px}.dropped-word-text{font-size:16px;font-weight:600;color:#2d3748}.visual-recognition-grid-8{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.visual-recognition-grid-8{grid-template-columns:repeat(2,1fr);gap:10px}.visual-recognition-grid-8 .visual-word-card{padding:10px}.visual-recognition-grid-8 .visual-word-text{font-size:15px}}@media (max-width: 480px){.visual-recognition-grid-8{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.visual-recognition-grid-8 .visual-word-card{padding:8px}.visual-recognition-grid-8 .visual-word-text{font-size:14px}}@media (max-width: 768px){.visual-lambda-container{grid-template-columns:1fr;padding:12px;gap:10px}.visual-instructions-panel{padding:12px}.visual-lambda-main-grid{grid-template-columns:repeat(3,1fr);gap:8px}.visual-lambda-bottom-row{grid-template-columns:repeat(4,1fr);gap:8px}.visual-word-card-text-only{padding:10px 14px;font-size:15px}.visual-word-card-text-only .visual-word-text{font-size:15px}}@media (max-width: 480px){.visual-lambda-container{padding:8px;gap:8px}.visual-instructions-panel{padding:10px;font-size:12px}.visual-instructions-title{font-size:13px}.visual-instructions-text{font-size:11px}.visual-lambda-main-grid,.visual-lambda-bottom-row{gap:6px}.visual-word-card-text-only{padding:8px 10px;border-radius:20px}.visual-word-card-text-only .visual-word-text{font-size:13px}.visual-lambda-drop-zone{min-height:50px;padding:10px 8px;flex-wrap:wrap}.drop-slot{min-width:60px}.drop-slot-empty{font-size:14px}.dropped-word-text{font-size:13px}}.synthesis-container{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;align-items:center;justify-content:center}.synthesis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:900px;width:100%}.synthesis-pair{display:flex;flex-direction:column;align-items:center;padding:15px;background:transparent;border-radius:16px;position:relative}.synthesis-pair.completed .letter-circle,.synthesis-pair.completed .result-box{background:#c8e6c9;border-color:#4caf50}.letters-row{display:flex;gap:10px;margin-bottom:5px}.letter-circle{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:500;cursor:pointer;transition:all .3s ease}.letter-circle:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.letter-circle.clicked{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 3px #2196f34d}.arrows-row{display:flex;gap:10px;margin:5px 0}.arrow{width:60px;text-align:center;font-size:20px;color:#999;transition:color .3s ease}.arrow.active{color:#2196f3;font-weight:700}.result-box{width:130px;height:50px;background:#fff;border:2px solid #333;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:2px;transition:all .3s ease}.result-box.filled{background:#e8f5e9;border-color:#4caf50}.box-letter{font-size:28px;font-weight:600;color:#333}.synthesis-mic-btn:hover{background:#43a047;transform:translate(-50%) scale(1.1)}.synthesis-reset-btn{position:absolute;top:5px;left:5px;width:28px;height:28px;border-radius:50%;background:#ff9800;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:all .2s ease}.synthesis-reset-btn:hover{opacity:1;transform:scale(1.1)}.synthesis-reset-btn svg{width:14px;height:14px}.synthesis-mic-btn{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:#4caf50;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #00000040;z-index:10}.synthesis-mic-btn:hover{background:#43a047}.synthesis-mic-btn.listening{background:#f44336;animation:pulse 1s infinite}.synthesis-mic-btn svg{width:22px;height:22px}.synthesis-speaker-btn{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:#2196f3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #00000040;z-index:10}.synthesis-speaker-btn:hover{background:#1976d2}.synthesis-speaker-btn svg{width:22px;height:22px}@keyframes pulse{0%{box-shadow:0 0 #f44336b3}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 #f4433600}}.pair-check{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center}.pair-check svg{width:16px;height:16px}.synthesis-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.synthesis-completion .completion-content{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 10px 40px #0003}.synthesis-completion .completion-star{font-size:60px;margin-bottom:20px}.synthesis-completion h2{font-size:32px;color:#333;margin-bottom:10px}.synthesis-completion p{font-size:18px;color:#666;margin-bottom:30px}.synthesis-completion .completion-buttons{display:flex;gap:15px;justify-content:center}.synthesis-completion .completion-btn{padding:12px 30px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.synthesis-completion .completion-btn.play-again{background:#4caf50;color:#fff}.synthesis-completion .completion-btn.play-again:hover{background:#43a047}.synthesis-completion .completion-btn.go-back{background:#f5f5f5;color:#333}.synthesis-completion .completion-btn.go-back:hover{background:#e0e0e0}@media (max-width: 768px){.synthesis-grid{grid-template-columns:repeat(3,1fr);gap:20px}.letter-circle{width:55px;height:55px;font-size:28px}.arrow{width:55px;font-size:18px}.result-box{width:120px;height:48px}.box-letter{font-size:26px}}@media (max-width: 480px){.synthesis-container{padding:15px 10px}.synthesis-grid{grid-template-columns:repeat(2,1fr);gap:15px}.synthesis-pair{padding:12px 8px;margin-bottom:10px}.letter-circle{width:50px;height:50px;font-size:26px}.letters-row{gap:8px}.arrow{width:50px;font-size:16px}.arrows-row{gap:8px;margin:4px 0}.result-box{width:108px;height:44px;border-radius:10px}.box-letter{font-size:24px}.synthesis-mic-btn{width:40px;height:40px;bottom:-15px}.synthesis-mic-btn svg{width:20px;height:20px}.synthesis-reset-btn{width:24px;height:24px}.synthesis-reset-btn svg{width:12px;height:12px}.pair-check{width:24px;height:24px}.pair-check svg{width:14px;height:14px}.synthesis-completion .completion-content{padding:30px 20px}.synthesis-completion .completion-star{font-size:50px}.synthesis-completion h2{font-size:26px}.synthesis-completion .completion-buttons{flex-direction:column}}.synthesis-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:10px}.synthesis-nav-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffb3d9;font-size:20px;font-weight:700;color:#2d3748;cursor:pointer;transition:all .2s ease}.synthesis-nav-btn:hover:not(:disabled){background:#ff9bc8;transform:scale(1.1)}.synthesis-nav-btn:disabled{opacity:.4;cursor:not-allowed}.synthesis-page-indicator{font-size:16px;font-weight:600;color:#2d3748}.word-synthesis-container{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;align-items:center;justify-content:center;position:relative}.word-synthesis-progress{font-size:18px;font-weight:600;color:#555;margin-left:auto;padding-right:15px}.puzzles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;width:100%}.puzzle-item{display:flex;flex-direction:column;align-items:center;position:relative;padding:15px}.puzzle-item.completed .balloon-body{background:linear-gradient(135deg,#a5d6a7,#81c784,#66bb6a)}.balloons-container{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.balloon{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;background:transparent;border:none;box-shadow:none}.balloon.selected{cursor:default}.balloon-body{width:100px;height:338px;background:linear-gradient(135deg,#ffd54f,#ffc107,#ffb300);border-radius:50%/55% 55% 45% 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:inset -10px -10px 20px #0000001a,inset 10px 10px 20px #ffffff4d}.balloon-body:before{content:"";position:absolute;top:15px;left:20px;width:20px;height:25px;background:#fff6;border-radius:50%;transform:rotate(-30deg)}.balloon-syllable{font-size:28px;font-weight:700;color:#333;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.selection-number{position:absolute;bottom:10px;right:10px;width:24px;height:24px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.balloon-knot{width:12px;height:12px;background:#ffb300;border-radius:50%;margin-top:-2px;box-shadow:0 2px 4px #0003}.balloon-string{width:2px;height:79px;background:linear-gradient(to bottom,#888,#666);border-radius:1px}.puzzle-speaker-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#1565c0);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #2196f366;transition:all .3s ease;flex-shrink:0}.puzzle-speaker-btn:hover{background:linear-gradient(135deg,#42a5f5,#1976d2);transform:scale(1.1);box-shadow:0 6px 20px #2196f380}.puzzle-speaker-btn svg{width:28px;height:28px}.puzzle-check{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #4caf5066;margin-top:10px}.puzzle-check svg{width:22px;height:22px}.puzzle-reset-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#e65100);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #ff980066;transition:all .3s ease;flex-shrink:0}.puzzle-reset-btn:hover{transform:scale(1.1)}.puzzle-reset-btn svg{width:20px;height:20px}.answer-area{width:100%;max-width:400px;margin-bottom:30px;display:flex;align-items:center;gap:15px}.answer-line{flex:1;min-height:60px;border-bottom:3px solid #333;display:flex;align-items:flex-end;justify-content:center;gap:5px;padding-bottom:10px}.answer-syllable{font-size:36px;font-weight:700;color:#333}.success-area{display:flex;flex-direction:column;align-items:center;gap:20px}.success-message{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;color:#4caf50}.success-icon{width:32px;height:32px}.success-buttons{display:flex;gap:15px}.speak-word-btn{width:50px;height:50px;border-radius:50%;background:#2196f3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #2196f34d}.speak-word-btn svg{width:24px;height:24px}.next-puzzle-btn{padding:12px 30px;border-radius:25px;background:#4caf50;border:none;color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #4caf504d}.reset-btn{position:absolute;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:#ff9800;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #ff98004d}.reset-btn svg{width:24px;height:24px}.word-synthesis-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.word-synthesis-completion .completion-content{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 10px 40px #0003}.word-synthesis-completion .completion-star{font-size:60px;margin-bottom:20px}.word-synthesis-completion h2{font-size:32px;color:#333;margin-bottom:10px}.word-synthesis-completion p{font-size:18px;color:#666;margin-bottom:30px}.word-synthesis-completion .completion-buttons{display:flex;gap:15px;justify-content:center}.word-synthesis-completion .completion-btn{padding:12px 30px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.word-synthesis-completion .completion-btn.play-again{background:#4caf50;color:#fff}.word-synthesis-completion .completion-btn.play-again:hover{background:#43a047}.word-synthesis-completion .completion-btn.go-back{background:#f5f5f5;color:#333}.word-synthesis-completion .completion-btn.go-back:hover{background:#e0e0e0}@media (min-width: 769px){.balloon-body{min-width:118px}}@media (max-width: 768px){.balloons-container{gap:12px}.balloon-body{width:80px;height:270px}.balloon-syllable{font-size:22px}.balloon-string{height:60px}.answer-syllable{font-size:30px}}@media (max-width: 480px){.word-synthesis-container{padding:10px 5px}.puzzles-grid{grid-template-columns:1fr;gap:15px}.puzzle-item{padding:8px}.balloons-container{gap:6px;margin-bottom:8px}.balloon-body{width:76px;height:160px}.balloon-syllable{font-size:16px}.balloon-string{height:30px}.balloon-knot{width:8px;height:8px}.balloon-body:before{top:10px;left:12px;width:12px;height:15px}.selection-number{width:18px;height:18px;font-size:10px;bottom:6px;right:6px}.answer-area{max-width:100%;gap:10px;margin-bottom:15px}.answer-line{min-height:40px;padding-bottom:5px}.answer-syllable,.answer-word{font-size:20px}.puzzle-speaker-btn{width:44px;height:44px}.puzzle-speaker-btn svg{width:20px;height:20px}.puzzle-reset-btn{width:32px;height:32px}.puzzle-reset-btn svg{width:16px;height:16px}.success-message{font-size:20px}.next-puzzle-btn{padding:10px 24px;font-size:16px}.reset-btn{bottom:20px;right:20px;width:44px;height:44px}.word-synthesis-completion .completion-content{padding:30px 20px}.word-synthesis-completion .completion-star{font-size:50px}.word-synthesis-completion h2{font-size:26px}.word-synthesis-completion .completion-buttons{flex-direction:column}}.word-image-container{flex:1;display:flex;flex-direction:row;padding:30px;overflow-y:auto;gap:30px}.word-image-progress{font-size:18px;font-weight:600;color:#555;margin-left:auto;padding-right:15px}.word-image-instructions{background:#a8d5ba;border-radius:16px;padding:20px;max-width:220px;height:fit-content;flex-shrink:0}.word-image-instructions h3{font-size:16px;font-weight:700;color:#333;margin-bottom:15px;text-align:center}.word-image-instructions p{font-size:14px;color:#444;line-height:1.6;text-align:center}.matching-area{display:flex;flex:1;justify-content:center;gap:150px;position:relative}.connection-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.words-column,.images-column{display:flex;flex-direction:column;gap:15px;justify-content:center;flex:1}.word-item{display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;height:140px}.word-item.matched{cursor:default}.word-item.matched .word-text{color:#888}.word-item .word-text{font-size:36px;font-weight:500;color:#333;min-width:150px;text-align:right}.word-dot{width:32px;height:32px;border-radius:50%;background:#222;border:3px solid #d8b4d8;transition:all .3s ease;flex-shrink:0}.word-dot.selected{background:#4caf50;border-color:#4caf50;box-shadow:0 0 15px #4caf5099}.word-dot.matched{background:#4caf50;border-color:#4caf50}.image-item{display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;height:140px}.image-item.matched{cursor:default}.image-item.matched .match-image{opacity:.5}.image-dot{width:32px;height:32px;border-radius:50%;background:#222;border:3px solid #d8b4d8;transition:all .3s ease;flex-shrink:0}.image-dot.selected{background:#4caf50;border-color:#4caf50;box-shadow:0 0 15px #4caf5099}.image-dot.matched{background:#4caf50;border-color:#4caf50}.match-image{width:140px;height:140px;object-fit:contain}.word-image-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.word-image-completion .completion-content{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 10px 40px #0003}.word-image-completion .completion-star{font-size:60px;margin-bottom:20px}.word-image-completion h2{font-size:32px;color:#333;margin-bottom:10px}.word-image-completion p{font-size:18px;color:#666;margin-bottom:30px}.word-image-completion .completion-buttons{display:flex;gap:15px;justify-content:center}.word-image-completion .completion-btn{padding:12px 30px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.word-image-completion .completion-btn.play-again{background:#4caf50;color:#fff}.word-image-completion .completion-btn.play-again:hover{background:#43a047}.word-image-completion .completion-btn.go-back{background:#f5f5f5;color:#333}.word-image-completion .completion-btn.go-back:hover{background:#e0e0e0}@media (max-width: 768px){.word-item .word-text{font-size:28px}.match-image{width:120px;height:120px}.word-item,.image-item{height:120px}.word-dot,.image-dot{width:24px;height:24px}}@media (max-width: 480px){.word-image-container{padding:15px 5px}.matching-area{gap:20px}.words-column,.images-column{gap:10px;flex:1}.word-item{justify-content:flex-end;height:80px}.word-item .word-text{font-size:20px;font-weight:600;min-width:auto}.image-item{height:80px}.word-item,.image-item{gap:12px}.word-dot,.image-dot{width:24px;height:24px}.match-image{width:120px;height:120px}.word-image-completion .completion-content{padding:30px 20px}.word-image-completion .completion-star{font-size:50px}.word-image-completion h2{font-size:26px}.word-image-completion .completion-buttons{flex-direction:column}}.phonological-game:has(.basket-game-container){padding-top:calc(80px + env(safe-area-inset-top,0px));padding-left:20px;padding-right:20px;justify-content:flex-start;overflow:visible}.phonological-game:has(.basket-game-container) .phonological-header{position:fixed;top:0;left:0;right:0;background:#fef7f4;padding:16px 20px;z-index:100}@media (max-width: 480px){.phonological-game:has(.basket-game-container){padding:10px;padding-top:calc(70px + env(safe-area-inset-top,0px));justify-content:flex-start;align-items:center;overflow-y:auto}.basket-game-container{justify-content:flex-start;padding-top:0;flex:none}.basket-game-content{justify-content:flex-start}.words-cloud{grid-template-columns:repeat(3,1fr);gap:8px;max-width:100%}.floating-word--with-image{min-width:auto;padding:8px}.floating-word-image{width:50px;height:50px}.floating-word-text{font-size:11px}}.basket-game-container{flex:1;display:flex;flex-direction:column;padding:15px 30px;overflow:visible;justify-content:flex-start;align-items:center}.basket-game-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.basket-progress{font-size:18px;font-weight:600;color:#555;margin-left:auto;padding-right:15px}.words-cloud{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;justify-content:center;gap:10px;padding:10px;width:100%;max-width:380px;margin:0 auto;box-sizing:border-box}.floating-word{background:#fff;padding:12px 24px;border-radius:25px;font-size:24px;font-weight:600;color:#333;cursor:pointer;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:10px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.floating-word--with-image{flex-direction:column;padding:10px;border-radius:16px;gap:6px;min-width:90px}.floating-word--text-only{padding:8px 16px;border-radius:20px;font-size:18px}.words-cloud--text-only{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:500px}.flying-word--text-only{padding:8px 16px;border-radius:20px}.floating-word-image{width:60px;height:60px;object-fit:contain}.floating-word-text{font-size:14px;font-weight:600;color:#333}.floating-word:hover{box-shadow:0 6px 20px #00000026}.floating-word.selected{background:linear-gradient(135deg,#ffd54f,#ffc107);transform:scale(1.1);box-shadow:0 8px 25px #ffc10766}.word-speak-btn{width:32px;height:32px;border-radius:50%;background:#2196f3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.word-speak-btn:hover{background:#1976d2;transform:scale(1.1)}.word-speak-btn svg{width:16px;height:16px}.baskets-container{display:flex;justify-content:center;gap:40px;padding:10px;width:100%}.basket{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.basket-label{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff;padding:10px 25px;border-radius:20px;font-size:18px;font-weight:600;margin-bottom:10px;box-shadow:0 4px 15px #ff6b9d66}.basket-image{width:120px;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.basket-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:200px;margin-top:10px}.basket-word{background:#e8f5e9;color:#2e7d32;padding:5px 12px;border-radius:15px;font-size:14px;font-weight:600}.basket.correct{animation:basket-correct .5s ease}.basket.wrong{animation:basket-wrong .5s ease}@keyframes basket-correct{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes basket-wrong{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.basket.correct .basket-label{background:linear-gradient(135deg,#4caf50,#2e7d32)}.basket.wrong .basket-label{background:linear-gradient(135deg,#f44336,#c62828)}.basket.clickable{cursor:pointer;animation:basket-pulse 1s ease-in-out infinite}@keyframes basket-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.selection-hint{text-align:center;padding:15px;background:#ffffffe6;border-radius:15px;font-size:18px;color:#555;margin:0 auto;max-width:400px;box-shadow:0 4px 15px #0000001a}.flying-word{position:fixed;background:#fff;padding:10px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 25px #4caf5080;pointer-events:none;z-index:1000}.flying-word .floating-word-image{width:60px;height:60px;object-fit:contain}.flying-word .floating-word-text{font-size:14px;font-weight:600;color:#333}.flying-word-animation{position:fixed;background:linear-gradient(135deg,#ffd54f,#ffc107);padding:12px 24px;border-radius:25px;font-size:24px;font-weight:600;color:#333;box-shadow:0 8px 25px #ffc10780;pointer-events:none;z-index:1000;white-space:nowrap;animation:flyToBasket .5s ease-out forwards}@keyframes flyToBasket{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y))) scale(.4)}}.basket-completion{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.basket-completion .completion-content{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 10px 40px #0003}.basket-completion .completion-star{font-size:60px;margin-bottom:20px}.basket-completion h2{font-size:32px;color:#333;margin-bottom:10px}.basket-completion p{font-size:18px;color:#666;margin-bottom:20px}.completion-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px;font-size:16px;font-weight:600;color:#555}.basket-completion .completion-buttons{display:flex;gap:15px;justify-content:center}.basket-completion .completion-btn{padding:12px 30px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.basket-completion .completion-btn.play-again{background:#4caf50;color:#fff}.basket-completion .completion-btn.play-again:hover{background:#43a047}.basket-completion .completion-btn.go-back{background:#f5f5f5;color:#333}.basket-completion .completion-btn.go-back:hover{background:#e0e0e0}@media (max-width: 768px){.baskets-container{gap:20px}.basket-image{width:140px}.basket-label{font-size:16px;padding:8px 20px}.floating-word{font-size:20px;padding:10px 20px}}@media (max-width: 480px){.basket-game-container{padding:10px;overflow:hidden}.basket-game-content{gap:25px}.words-cloud{padding:5px;gap:10px;min-height:auto;align-content:center;justify-content:center;overflow:visible;max-width:100%}.floating-word{font-size:20px;padding:10px 16px;gap:4px;border-radius:20px}.word-speak-btn{width:22px;height:22px}.word-speak-btn svg{width:11px;height:11px}.baskets-container{gap:25px;padding:5px;flex-shrink:0}.basket{align-items:center}.basket-image{width:90px}.basket-label{font-size:12px;padding:6px 12px;border-radius:15px;margin-bottom:5px}.basket-words{max-width:120px;gap:4px;margin-top:5px}.basket-word{font-size:10px;padding:3px 6px}.selection-hint{font-size:13px;padding:8px 12px;margin-bottom:5px}.basket-completion .completion-content{padding:30px 20px}.basket-completion .completion-star{font-size:50px}.basket-completion h2{font-size:26px}.completion-stats{flex-direction:column;gap:10px}.basket-completion .completion-buttons{flex-direction:column}.basket-progress{font-size:14px}}@media (max-width: 360px){.basket-game-content{gap:20px}.words-cloud{gap:6px;padding:3px}.floating-word{font-size:15px;padding:8px 12px;gap:3px}.baskets-container{gap:20px;padding:3px}.basket-image{width:75px}.basket-label{font-size:11px;padding:5px 10px}.basket-words{max-width:100px}.basket-word{font-size:9px;padding:2px 5px}}@media (max-height: 600px) and (max-width: 480px){.basket-game-content{gap:15px}.words-cloud{gap:5px;padding:2px}.floating-word{font-size:11px;padding:5px 8px}.basket-image{width:60px}.basket-label{font-size:10px;padding:4px 8px;margin-bottom:3px}}.text-reading-container{flex:1;display:flex;flex-direction:column;padding:20px 30px;overflow-y:auto;align-items:center}.text-reading-score{font-size:18px;font-weight:600;color:#555;margin-left:auto;padding-right:15px}.text-reading-content{display:flex;justify-content:center;align-items:flex-start;padding:10px 20px;width:100%;max-width:900px}.text-reading-text{width:100%;max-width:800px;background:#fff;border-radius:50px;padding:40px 50px;font-size:22px;line-height:1.9;color:#333;font-family:Comfortaa,sans-serif;font-style:normal;text-align:center;box-shadow:0 8px 30px #0000001a,inset 0 -5px 20px #00000008;position:relative}.text-reading-text:before{content:"";position:absolute;bottom:-20px;left:80px;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000001a}.text-reading-text:after{content:"";position:absolute;bottom:-45px;left:50px;width:25px;height:25px;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001a}.text-word{cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease}.text-word:hover{background:#2196f333}.text-word.selected{background:#ffd54f;font-weight:600}.text-word.correct{background:#a5d6a7!important;color:#1b5e20}.text-word.incorrect{background:#ef9a9a!important;color:#b71c1c;text-decoration:line-through}.text-word.missed{background:#fff9c4!important;border:2px dashed #f57f17}.text-word.wrong{background:#ef5350!important;color:#fff!important;animation:wrongPulse .5s ease;border-radius:6px}@keyframes wrongPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.text-reading-actions{display:flex;justify-content:center;padding:20px;gap:15px}.text-reading-check-btn{padding:15px 50px;border-radius:30px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;color:#fff;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #4caf5066;transition:all .3s ease}.text-reading-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.text-reading-results{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.results-summary{display:flex;gap:20px;font-size:18px;font-weight:600}.result-correct{color:#2e7d32}.result-incorrect{color:#c62828}.result-missed{color:#f57f17}.text-reading-reset-btn{padding:12px 30px;border-radius:25px;background:linear-gradient(135deg,#2196f3,#1565c0);border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #2196f366}.text-reading-back-btn{padding:12px 30px;border-radius:25px;background:#f5f5f5;border:none;color:#333;font-size:16px;font-weight:600;cursor:pointer}@media (max-width: 768px){.text-reading-text{font-size:22px;padding:25px 30px}}@media (max-width: 480px){.phonological-game:has(.text-reading-container){overflow-y:auto;height:auto;min-height:100vh}.text-reading-container{padding:5px;overflow:visible;flex:none}.text-reading-content{padding:5px}.text-reading-text{font-size:19px;padding:15px;line-height:1.5;border-radius:16px;height:auto;overflow:visible}.text-reading-check-btn{padding:10px 30px;font-size:16px}.text-reading-actions{padding:10px}.results-summary{flex-direction:column;gap:10px;font-size:16px}.text-reading-results{flex-direction:column}}.speech-game__back-btn{position:fixed;top:20px;left:20px;background:transparent;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:110;color:#2c2442;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.memory-game-screen .speech-game__back-btn{top:70px;animation:slideDownButton .4s ease-out}@keyframes slideDownButton{0%{top:20px;opacity:0}to{top:70px;opacity:1}}.speech-game__back-btn:hover{background:#0000000d;transform:scale(1.1)}.speech-game__back-btn:active{background:#f6ccd4;transform:scale(.95)}.speech-game__back-btn svg{width:20px;height:20px;pointer-events:none}.memory-game-screen{padding-top:0!important}.memory-game-header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(12px,3vw,20px);display:flex;align-items:center;justify-content:center;z-index:90;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 10px #00000014}.memory-back-button{position:fixed;top:80px;left:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:8px 16px;fontSize:14px;fontWeight:600;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:1001}.memory-restart-button{position:fixed;top:80px;right:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:8px 16px;fontSize:14px;fontWeight:600;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:1001}.memory-back-button:hover,.memory-restart-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.memory-back-button:active,.memory-restart-button:active{transform:translateY(0)}.back-btn,.restart-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:20px;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:101;position:relative}.back-btn:hover,.restart-btn:hover{background:#f3f4f6;transform:scale(1.05)}.back-btn:active,.restart-btn:active{transform:scale(.95)}.game-stats{display:flex;gap:clamp(16px,4vw,24px);align-items:center}.game-stats .stat{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:600;color:#475569;border:1px solid #e2e8f0}.game-stats .stat svg{font-size:16px;color:#4fc3f7}.memory-game-container{padding:120px 8px 16px;min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px);display:flex;align-items:flex-start;justify-content:center}.memory-game-grid{display:grid;gap:clamp(8px,2vw,16px);max-width:100%;margin:0 auto;justify-content:center}.memory-card{aspect-ratio:1;width:clamp(90px,22vw,140px);height:clamp(90px,22vw,140px);perspective:1000px;cursor:pointer;border-radius:16px;transition:all .3s ease}.memory-card:hover:not(.flipped){transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:16px}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.card-front{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;font-size:clamp(24px,6vw,32px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-back{background:#fff;transform:rotateY(180deg);border:2px solid #e5e7eb;flex-direction:column;padding:8px}.card-image{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.card-image img{width:100%;height:100%;max-width:clamp(50px,12vw,80px);max-height:clamp(50px,12vw,80px);object-fit:contain;border-radius:8px}.card-name{font-size:clamp(11px,2.8vw,14px);font-weight:600;color:#374151;text-align:center;line-height:1.2;margin-top:auto}.memory-card.matched .card-back{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.memory-card.matched .card-name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.game-results{padding:clamp(32px,8vw,64px) clamp(16px,4vw,24px);text-align:center;max-width:600px;margin:0 auto}.score-display{background:#fff;border-radius:24px;padding:clamp(32px,8vw,48px);margin-bottom:32px;box-shadow:0 8px 32px #0000001a;border:1px solid #e5e7eb}.stars{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.star-filled{color:gold;font-size:32px;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.star-empty{color:#d1d5db;font-size:32px}.score-display h2{font-size:clamp(28px,6vw,36px);font-weight:700;color:#1f2937;margin:0 0 24px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.stats .stat{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#374151}.stats .stat svg{font-size:20px;color:#4fc3f7}.action-buttons{display:flex;flex-direction:column;gap:16px;max-width:300px;margin:0 auto}.speech-continue-button,.speech-back-button{padding:16px 24px;border-radius:16px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.speech-continue-button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;box-shadow:0 4px 15px #4fc3f74d}.speech-continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.speech-back-button{background:#f8fafc;color:#475569;border:2px solid #e2e8f0}.speech-back-button:hover{background:#f1f5f9;transform:translateY(-1px)}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.celebration-content{background:#fff;border-radius:24px;padding:48px 32px;text-align:center;max-width:400px;margin:20px;box-shadow:0 20px 60px #0000004d}.celebration-content h2{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 16px}.celebration-content p{font-size:18px;color:#6b7280;margin:0 0 24px}.final-stats{display:flex;justify-content:space-around;gap:16px;font-size:16px;font-weight:600;color:#374151}@media (max-width: 768px){.memory-game-grid{padding:0 8px}.game-stats{gap:12px}.game-stats .stat{padding:6px 10px;font-size:12px}.action-buttons{padding:0 16px}.stats{gap:20px}.final-stats{flex-direction:column;gap:8px}}@media (max-width: 480px){.memory-game-header{padding:8px 12px}.memory-back-button,.memory-restart-button{top:70px;padding:6px 12px;fontSize:12px}.back-btn,.restart-btn{width:36px;height:36px;font-size:16px}.game-stats .stat{padding:4px 8px;font-size:11px}.celebration-content{padding:32px 24px;margin:16px}.celebration-content h2{font-size:24px}}.memory-game-grid[style*="repeat(3"]{max-width:95%;width:100%}.memory-game-grid[style*="repeat(3"] .memory-card{width:clamp(120px,32vw,220px);height:clamp(120px,32vw,220px)}.memory-game-grid[style*="repeat(3"] .card-image img{max-width:clamp(80px,22vw,160px);max-height:clamp(80px,22vw,160px)}.memory-game-grid[style*="repeat(4"]{max-width:100%;width:100%}.memory-game-grid[style*="repeat(4"] .memory-card{width:clamp(110px,20vw,160px);height:clamp(110px,20vw,160px)}.memory-game-grid[style*="repeat(4"] .card-image img{max-width:clamp(80px,14vw,120px);max-height:clamp(80px,14vw,120px)}@media (max-width: 768px){.memory-game-screen{height:100dvh;max-height:100dvh;overflow:hidden}.memory-game-container{padding:70px 8px 0;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);box-sizing:border-box;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.memory-game-grid[data-rows="4"][style*="repeat(3"]{gap:5px}.memory-game-grid[data-rows="4"][style*="repeat(3"] .memory-card{aspect-ratio:unset!important;width:calc((100vw - 34px) / 3);height:calc((100dvh - 180px)/4)}.memory-game-grid[data-rows="4"][style*="repeat(4"]{gap:5px}.memory-game-grid[data-rows="4"][style*="repeat(4"] .memory-card{aspect-ratio:unset!important;width:calc((100vw - 39px)/4);height:calc((100dvh - 180px)/4)}.memory-game-grid[data-rows="6"]{gap:4px}.memory-game-grid[data-rows="6"] .memory-card{aspect-ratio:unset!important;width:calc((100vw - 36px)/4);height:calc((100dvh - 160px) / 6)}.memory-game-grid .card-image img{max-width:70%;max-height:70%}}.ai-help-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #9b59b64d}.ai-help-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #9b59b666;background:linear-gradient(135deg,#a66bbe,#9b59b6)}.ai-help-button:active:not(:disabled){transform:translateY(0)}.ai-help-button:disabled{opacity:.7;cursor:not-allowed}.ai-help-button svg{width:18px;height:18px}.ai-help-button--loading{animation:ai-pulse 1.5s infinite}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 480px){.ai-help-button{padding:6px 12px;font-size:12px}.ai-help-button svg{width:16px;height:16px}}.custom-puzzle-container{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;touch-action:none}.custom-puzzle-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#666}.puzzle-grid{display:grid;position:absolute;left:50%;transform:translate(-50%);top:0;background:#fff;border-radius:12px;overflow:visible}.puzzle-cell{background:transparent;box-sizing:border-box}.puzzle-outline-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.puzzle-piece{background-repeat:no-repeat;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:filter .15s ease;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.puzzle-piece.free-piece{cursor:grab;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.puzzle-piece.dragging{cursor:grabbing;transform:scale(1.05);filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));z-index:1000!important;pointer-events:none}.puzzle-piece.solved{cursor:default;filter:none;animation:pieceSnap .3s ease}@keyframes pieceSnap{0%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}.puzzle-game-screen{padding-bottom:20px}.puzzle-game-screen .puzzle-game-container{margin-top:-10px}.puzzle-game-header{display:flex;justify-content:space-between;align-items:center;padding:70px 20px 15px;background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:20px}.puzzle-game-info{color:#fff}.puzzle-game-info h2{margin:0;font-size:1.4rem;font-weight:700}.puzzle-game-info span{font-size:.9rem;opacity:.9}.puzzle-restart-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:2px solid white;border-radius:25px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.puzzle-restart-btn:hover{background:#ffffff4d;transform:scale(1.05)}.puzzle-game-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:6px}.puzzle-reference-image{display:flex;flex-direction:row;align-items:center;gap:6px}.puzzle-reference-image span{font-size:.8rem;color:#fffc;font-weight:600}.puzzle-reference-image img{width:50px;height:50px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #00000026;border:2px solid white}.puzzle-board{width:100%;max-width:500px;background:transparent;border-radius:16px;padding:0;overflow:visible}.puzzle-board.custom-puzzle-board{height:calc(100vh - 155px);max-width:none}.puzzle-board .jigsaw-puzzle{width:100%!important;height:100%!important;background:transparent}.puzzle-board .jigsaw-puzzle__piece{cursor:grab;transition:transform .15s ease,box-shadow .15s ease;border-radius:4px;box-shadow:0 2px 8px #00000026}.puzzle-board .jigsaw-puzzle__piece:hover{transform:scale(1.02);box-shadow:0 4px 15px #00000040}.puzzle-board .jigsaw-puzzle__piece--dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 25px #0000004d;z-index:100}.puzzle-board .jigsaw-puzzle__piece--solved{cursor:default;box-shadow:none;opacity:1}.puzzle-difficulty-grid{grid-template-columns:repeat(2,1fr)!important;max-width:700px;margin:0 auto}.puzzle-difficulty-card .puzzle-card-preview{width:100%;height:140px;overflow:hidden;border-radius:12px}.puzzle-difficulty-card .puzzle-card-preview img{width:100%;height:100%;object-fit:cover}.puzzle-completed-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:30px}.puzzle-completed-image{width:280px;height:280px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0003}.puzzle-completed-image img{width:100%;height:100%;object-fit:cover}.action-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.action-buttons button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease}@media (min-width: 768px){.puzzle-game-container{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;padding-top:20px}.puzzle-reference-image{order:2}.puzzle-reference-image img{width:60px;height:60px}.puzzle-board{order:1;max-width:550px}.puzzle-difficulty-grid{grid-template-columns:repeat(4,1fr)!important;max-width:900px}.puzzle-completed-image{width:350px;height:350px}}@media (max-width: 480px){.puzzle-game-header{padding:60px 15px 12px}.puzzle-game-info h2{font-size:1.2rem}.puzzle-restart-btn{padding:8px 14px;font-size:.85rem}.puzzle-reference-image img{width:45px;height:45px}.puzzle-board{padding:8px}.puzzle-difficulty-grid{grid-template-columns:1fr!important;gap:15px}.puzzle-difficulty-card .puzzle-card-preview{height:120px}}.spot-diff-screen{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb,#90caf9);padding:20px;position:relative;display:flex;flex-direction:column}.spot-diff-back-btn{position:absolute;top:20px;left:20px;width:48px;height:48px;border-radius:50%;background:#fff;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#5d5d5d;transition:all .2s ease;z-index:100}.spot-diff-back-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.spot-diff-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding-top:10px}.spot-diff-header h1{font-size:32px;font-weight:700;color:#1565c0;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.spot-diff-speaker-btn{width:44px;height:44px;border-radius:50%;background:#ffd54f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;color:#5d5d5d;box-shadow:0 4px 8px #00000026;transition:all .2s ease}.spot-diff-speaker-btn:hover:not(:disabled){transform:scale(1.1);background:#ffca28}.spot-diff-speaker-btn:disabled{opacity:.6;cursor:not-allowed}.spot-diff-progress{background:#fff;padding:8px 20px;border-radius:20px;box-shadow:0 4px 8px #0000001a;font-size:24px;font-weight:700}.spot-diff-found{color:#4caf50}.spot-diff-separator{color:#9e9e9e;margin:0 5px}.spot-diff-total{color:#1565c0}.spot-diff-intro{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;max-width:600px;margin:0 auto}.spot-diff-instructions{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 24px #0000001f;width:100%}.spot-diff-instruction-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #E0E0E0}.spot-diff-instruction-item:last-child{border-bottom:none}.spot-diff-instruction-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.spot-diff-instruction-item p{margin:0;font-size:18px;color:#424242}.spot-diff-preview{width:300px;height:240px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026}.spot-diff-preview img{width:100%;height:100%;object-fit:cover}.spot-diff-start-btn{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;padding:18px 60px;border-radius:30px;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #4caf5066;transition:all .2s ease}.spot-diff-start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #4caf5080}.spot-diff-game-area{display:flex;justify-content:center;gap:15px;flex:1;padding:5px}.spot-diff-image-container{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;max-width:48%}.spot-diff-image-label{background:#fff;padding:8px 20px;border-radius:15px;font-weight:600;color:#5d5d5d;box-shadow:0 2px 8px #0000001a}.spot-diff-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0003;cursor:pointer;transition:transform .2s ease}.spot-diff-image-wrapper:hover{transform:scale(1.02)}.spot-diff-image-wrapper img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.spot-diff-debug-number{position:absolute;width:28px;height:28px;border-radius:50%;background:#ff5722;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:100;box-shadow:0 2px 8px #0000004d;pointer-events:none}.spot-diff-marker{position:absolute;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.spot-diff-marker.found{background:transparent;border:3px solid #4CAF50;border-radius:50%;box-shadow:0 0 0 2px #4caf504d,0 3px 8px #4caf5066}.spot-diff-wrong-click{position:absolute;width:40px;height:40px;border-radius:50%;background:#f4433699;border:3px solid #F44336;transform:translate(-50%,-50%);pointer-events:none}.spot-diff-hint-pulse{position:absolute;width:60px;height:60px;border-radius:50%;background:#ffc10766;border:4px solid #FFC107;transform:translate(-50%,-50%);pointer-events:none}.spot-diff-actions{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-bottom:20px}.spot-diff-action-btn{padding:14px 30px;border-radius:25px;border:none;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.spot-diff-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.spot-diff-action-btn:disabled{opacity:.5;cursor:not-allowed}.spot-diff-action-btn.hint-btn{background:linear-gradient(135deg,#ffd54f,#ffca28);color:#5d4037}.spot-diff-action-btn.reset-btn{background:#fff;color:#5d5d5d}.spot-diff-complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.spot-diff-complete-card{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:400px}.spot-diff-stars{font-size:48px;margin-bottom:20px}.spot-diff-complete-card h2{font-size:36px;color:#4caf50;margin:0 0 10px}.spot-diff-complete-card p{font-size:20px;color:#5d5d5d;margin:0 0 30px}.spot-diff-complete-buttons{display:flex;gap:15px;justify-content:center}.spot-diff-complete-buttons button{padding:14px 30px;border-radius:25px;border:2px solid #E0E0E0;background:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.spot-diff-complete-buttons button:hover{border-color:#bdbdbd}.spot-diff-complete-buttons button.primary{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none}.spot-diff-complete-buttons button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media (max-width: 1200px){.spot-diff-game-area{flex-direction:column;align-items:center}.spot-diff-image-container{max-width:95%}.spot-diff-image-wrapper img{max-width:100%;width:100%}}@media (max-width: 600px){.spot-diff-screen{padding:10px}.spot-diff-header h1{font-size:22px}.spot-diff-game-area{gap:10px;padding:0}.spot-diff-image-container{max-width:100%;width:100%}.spot-diff-image-wrapper{width:100%}.spot-diff-image-wrapper img{max-width:100%;width:100%}.spot-diff-instruction-item p{font-size:16px}.spot-diff-complete-card{padding:30px 20px;margin:20px}.spot-diff-complete-card h2{font-size:28px}.spot-diff-actions{gap:10px;margin-top:10px}.spot-diff-action-btn{padding:10px 20px;font-size:16px}}.speech-cards-screen{padding:80px 24px 48px!important;min-height:100vh;overflow-y:auto!important;overflow-x:hidden!important}.crossword-level-selection .language-card{padding:8px!important;min-height:auto!important;margin-bottom:0!important}.crossword-level-selection .language-card-icon{width:100px!important;height:100px!important;font-size:22px!important;flex-shrink:0!important;margin-left:-10px!important}.crossword-feedback-popup{font-size:clamp(18px,4vw,24px);font-weight:700}.crossword-magnifier-letter{font-size:64px;font-weight:800}.crossword-particle{font-size:40px}.crossword-word-chip{font-size:clamp(10px,2.5vw,12px);font-weight:600}.crossword-grid-cell{font-size:clamp(14px,3.8vw,22px);font-weight:700}.phonological-game-screen .phonological-game-container{flex:none!important}.phonological-game-screen .phonological-game-frame,.phonological-game-screen{overflow-y:auto!important;overflow-x:hidden!important}@media (max-width: 768px){.speech-cards-screen{padding:unset!important}}.language-card-grid{display:flex;flex-direction:column;gap:16px;padding-bottom:0;width:100%;max-width:100%}.language-card{position:relative;overflow:visible;padding:10px;min-height:auto;isolation:isolate}.language-card:last-child{margin-bottom:0}.language-card-icon{width:50px;height:50px;font-size:24px;flex-shrink:0}.language-card-body{height:auto;min-width:0;padding-left:0;justify-content:center;gap:4px;display:flex;flex-direction:column;text-align:left;align-items:flex-start}.language-card-title{font-family:Comfortaa,sans-serif;font-size:clamp(14px,5.5vw,18px);font-weight:700;margin-bottom:4px;line-height:1.2;text-align:left}.language-card-description{font-family:Comfortaa,sans-serif;font-size:clamp(11px,3vw,14px);margin-bottom:8px;line-height:1.3;text-align:left}.language-card-meta{gap:6px;justify-content:flex-start}.language-chip{font-family:Comfortaa,sans-serif;font-size:clamp(9px,2.2vw,11px);padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,18px)}@media (max-width: 768px){.language-card-grid{gap:12px;padding-bottom:0}.language-card{padding:8px}.language-card:last-child{margin-bottom:0}.language-card-icon{width:45px;height:45px}}.language-card:before,.language-card:after{content:"";position:absolute;pointer-events:none;opacity:.55;z-index:0}.language-card:before{width:clamp(70px,24vw,110px);height:clamp(70px,24vw,110px);border-radius:42% 58% 55% 45%;top:clamp(-32px,-7vw,-20px);left:clamp(-20px,-5vw,-12px);background:#ffd8b033}.language-card.game-card-border:before{background-color:transparent!important;border-radius:0!important;opacity:1;width:clamp(105%,28vw,112%)!important;height:100%!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}@media (min-width: 768px){.language-card.game-card-border:before{width:110%!important;height:100%!important}}@media (min-width: 1200px){.language-card.game-card-border:before{width:112%!important;height:100%!important}}.smart-cards-custom-card .language-card-icon{width:clamp(80px,18vw,100px);height:clamp(80px,18vw,100px);padding:0}.smart-cards-custom-card .language-card-body{height:auto;min-width:0;padding-left:0;justify-content:center;gap:4px}.smart-cards-custom-card .language-card-title{font-family:Comfortaa,sans-serif;font-size:clamp(14px,5.5vw,18px);line-height:1.3;font-weight:700}.smart-cards-custom-card .language-card-description{font-family:Comfortaa,sans-serif;font-size:clamp(11px,3vw,14px);line-height:1.45}@media (max-width: 768px){.smart-cards-custom-card{min-height:168px}}.game-card-border{position:relative!important;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important}.game-card-border:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:110%!important;height:100%!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;z-index:-1!important;pointer-events:none!important}.game-card-border .card-content{position:relative!important;z-index:1!important;background:#fffffff7!important;border-radius:24px!important;padding:clamp(20px,5vw,28px)!important;margin:20px!important;display:flex!important;align-items:center!important;gap:clamp(18px,4vw,28px)!important;min-height:clamp(140px,28vw,180px)!important;box-shadow:inset 0 2px 8px #00000008!important}.border-smart-cards-recognition:before,.game-card-border.border-smart-cards-recognition:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-comparison:before,.game-card-border.border-smart-cards-comparison:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.72) brightness(1.12)!important;background-color:transparent!important}.border-smart-cards-coloring:before,.game-card-border.border-smart-cards-coloring:before{background-image:url(../images/game-borders/Asset%2038.svg)!important;filter:hue-rotate(0deg) saturate(.68) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-auditory:before,.language-card.game-card-border.border-action-auditory:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-descriptive:before,.language-card.game-card-border.border-action-descriptive:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-action-memory:before,.language-card.game-card-border.border-action-memory:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-listen:before,.language-card.game-card-border.border-phonological-listen:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-syllable:before,.language-card.game-card-border.border-phonological-syllable:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(250deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-letter:before,.language-card.game-card-border.border-phonological-letter:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(246deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-naming:before,.language-card.game-card-border.border-speech-naming:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-basket:before,.language-card.game-card-border.border-speech-basket:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-coloring:before,.language-card.game-card-border.border-speech-coloring:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori1:before,.language-card.game-card-border.border-cognitive-montessori1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-montessori2:before,.language-card.game-card-border.border-cognitive-montessori2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(178deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-cognitive-farm:before,.language-card.game-card-border.border-cognitive-farm:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(172deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting:before,.language-card.game-card-border.border-school-prewriting:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-prewriting-en:before,.language-card.game-card-border.border-school-prewriting-en:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-math:before,.language-card.game-card-border.border-school-math:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(796deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-multiplication:before,.language-card.game-card-border.border-school-multiplication:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(802deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-1:before,.language-card.game-card-border.border-mult-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-2:before,.language-card.game-card-border.border-mult-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-3:before,.language-card.game-card-border.border-mult-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-4:before,.language-card.game-card-border.border-mult-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-5:before,.language-card.game-card-border.border-mult-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-6:before,.language-card.game-card-border.border-mult-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-7:before,.language-card.game-card-border.border-mult-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-mult-8:before,.language-card.game-card-border.border-mult-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-9:before,.language-card.game-card-border.border-mult-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-10:before,.language-card.game-card-border.border-mult-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-11:before,.language-card.game-card-border.border-mult-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-12:before,.language-card.game-card-border.border-mult-12:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-mult-13:before,.language-card.game-card-border.border-mult-13:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-spelling:before,.language-card.game-card-border.border-school-spelling:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(795deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-school-crossword:before,.language-card.game-card-border.border-school-crossword:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-1:before,.language-card.game-card-border.border-school-crossword-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-2:before,.language-card.game-card-border.border-school-crossword-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-3:before,.language-card.game-card-border.border-school-crossword-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-4:before,.language-card.game-card-border.border-school-crossword-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-school-crossword-5:before,.language-card.game-card-border.border-school-crossword-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-patterns:before,.language-card.game-card-border.border-tracing-patterns:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-numbers:before,.language-card.game-card-border.border-tracing-numbers:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-tracing-letters:before,.language-card.game-card-border.border-tracing-letters:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-gamma:before,.language-card.game-card-border.border-phonological-gamma:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-beta:before,.language-card.game-card-border.border-phonological-beta:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(278deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-delta:before,.language-card.game-card-border.border-phonological-delta:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(272deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-lambda:before,.language-card.game-card-border.border-phonological-lambda:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phonological-rho:before,.language-card.game-card-border.border-phonological-rho:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(280deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-learn-emotions:before,.language-card.game-card-border.border-social-learn-emotions:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-recognize-emotions:before,.language-card.game-card-border.border-social-recognize-emotions:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(38deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-social-odd-emotion:before,.language-card.game-card-border.border-social-odd-emotion:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(32deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-memory:before,.language-card.game-card-border.border-concentration-memory:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-differences:before,.language-card.game-card-border.border-concentration-differences:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(122deg) saturate(.78) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-concentration-puzzle:before,.language-card.game-card-border.border-concentration-puzzle:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(116deg) saturate(.82) brightness(1.12)!important;background-color:transparent!important}.game-card-border:hover,.game-card-border:active,.language-card.game-card-border:hover,.language-card.game-card-border:active{transform:none!important;box-shadow:none!important}.game-card-border.border-phono-gamma-1:before,.language-card.game-card-border.border-phono-gamma-1:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-2:before,.language-card.game-card-border.border-phono-gamma-2:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-3:before,.language-card.game-card-border.border-phono-gamma-3:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-4:before,.language-card.game-card-border.border-phono-gamma-4:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-5:before,.language-card.game-card-border.border-phono-gamma-5:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-6:before,.language-card.game-card-border.border-phono-gamma-6:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-7:before,.language-card.game-card-border.border-phono-gamma-7:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-8:before,.language-card.game-card-border.border-phono-gamma-8:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-9:before,.language-card.game-card-border.border-phono-gamma-9:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-10:before,.language-card.game-card-border.border-phono-gamma-10:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-gamma-11:before,.language-card.game-card-border.border-phono-gamma-11:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-1:before,.language-card.game-card-border.border-phono-delta-1:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-2:before,.language-card.game-card-border.border-phono-delta-2:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-3:before,.language-card.game-card-border.border-phono-delta-3:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-4:before,.language-card.game-card-border.border-phono-delta-4:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-5:before,.language-card.game-card-border.border-phono-delta-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-6:before,.language-card.game-card-border.border-phono-delta-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-7:before,.language-card.game-card-border.border-phono-delta-7:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-delta-8:before,.language-card.game-card-border.border-phono-delta-8:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-9:before,.language-card.game-card-border.border-phono-delta-9:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-10:before,.language-card.game-card-border.border-phono-delta-10:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-delta-11:before,.language-card.game-card-border.border-phono-delta-11:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-1:before,.language-card.game-card-border.border-phono-lambda-1:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-2:before,.language-card.game-card-border.border-phono-lambda-2:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-3:before,.language-card.game-card-border.border-phono-lambda-3:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-4:before,.language-card.game-card-border.border-phono-lambda-4:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-5:before,.language-card.game-card-border.border-phono-lambda-5:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-6:before,.language-card.game-card-border.border-phono-lambda-6:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-7:before,.language-card.game-card-border.border-phono-lambda-7:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-8:before,.language-card.game-card-border.border-phono-lambda-8:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-9:before,.language-card.game-card-border.border-phono-lambda-9:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-lambda-10:before,.language-card.game-card-border.border-phono-lambda-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-1:before,.language-card.game-card-border.border-phono-rho-1:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-2:before,.language-card.game-card-border.border-phono-rho-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-3:before,.language-card.game-card-border.border-phono-rho-3:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-4:before,.language-card.game-card-border.border-phono-rho-4:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-5:before,.language-card.game-card-border.border-phono-rho-5:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-6:before,.language-card.game-card-border.border-phono-rho-6:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-7:before,.language-card.game-card-border.border-phono-rho-7:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-rho-8:before,.language-card.game-card-border.border-phono-rho-8:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-9:before,.language-card.game-card-border.border-phono-rho-9:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-10:before,.language-card.game-card-border.border-phono-rho-10:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-rho-11:before,.language-card.game-card-border.border-phono-rho-11:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-1:before,.language-card.game-card-border.border-phono-beta-1:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-2:before,.language-card.game-card-border.border-phono-beta-2:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-3:before,.language-card.game-card-border.border-phono-beta-3:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-4:before,.language-card.game-card-border.border-phono-beta-4:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-5:before,.language-card.game-card-border.border-phono-beta-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-6:before,.language-card.game-card-border.border-phono-beta-6:before{background-image:url(../images/game-borders/Asset%20210.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-7:before,.language-card.game-card-border.border-phono-beta-7:before{background-image:url(../images/game-borders/Asset%20211.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-phono-beta-8:before,.language-card.game-card-border.border-phono-beta-8:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-9:before,.language-card.game-card-border.border-phono-beta-9:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-10:before,.language-card.game-card-border.border-phono-beta-10:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-phono-beta-11:before,.language-card.game-card-border.border-phono-beta-11:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-1:before,.language-card.game-card-border.border-math-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-2:before,.language-card.game-card-border.border-math-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(275deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-3:before,.language-card.game-card-border.border-math-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(248deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-4:before,.language-card.game-card-border.border-math-4:before{background-image:url(../images/game-borders/Asset%2012.svg)!important;filter:hue-rotate(175deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-5:before,.language-card.game-card-border.border-math-5:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(119deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-6:before,.language-card.game-card-border.border-math-6:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(35deg) saturate(.85) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-7:before,.language-card.game-card-border.border-math-7:before{background-image:url(../images/game-borders/Asset%2015.svg)!important;filter:hue-rotate(800deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-math-8:before,.language-card.game-card-border.border-math-8:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-9:before,.language-card.game-card-border.border-math-9:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-10:before,.language-card.game-card-border.border-math-10:before{background-image:url(../images/game-borders/Asset%20312.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-11:before,.language-card.game-card-border.border-math-11:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-math-12:before,.language-card.game-card-border.border-math-12:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-speech-development:before,.language-card.game-card-border.border-speech-development:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-memory:before,.language-card.game-card-border.border-speech-memory:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-speech-drawing:before,.language-card.game-card-border.border-speech-drawing:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(798deg) saturate(.85) brightness(1.15)!important;background-color:transparent!important}.game-card-border.border-memory-easy:before,.language-card.game-card-border.border-memory-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-medium:before,.language-card.game-card-border.border-memory-medium:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-memory-hard:before,.language-card.game-card-border.border-memory-hard:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-1:before,.language-card.game-card-border.border-diff-1:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-2:before,.language-card.game-card-border.border-diff-2:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-3:before,.language-card.game-card-border.border-diff-3:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(200deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-4:before,.language-card.game-card-border.border-diff-4:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(275deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-5:before,.language-card.game-card-border.border-diff-5:before{background-image:url(../images/game-borders/Asset%2027.svg)!important;filter:hue-rotate(170deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-diff-6:before,.language-card.game-card-border.border-diff-6:before{background-image:url(../images/game-borders/Asset%2029.svg)!important;filter:hue-rotate(10deg) saturate(.75) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-very-easy:before,.language-card.game-card-border.border-puzzle-very-easy:before{background-image:url(../images/game-borders/Asset%2031.svg)!important;filter:hue-rotate(100deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-easy:before,.language-card.game-card-border.border-puzzle-easy:before{background-image:url(../images/game-borders/Asset%2026.svg)!important;filter:hue-rotate(80deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-medium:before,.language-card.game-card-border.border-puzzle-medium:before{background-image:url(../images/game-borders/Asset%2013.svg)!important;filter:hue-rotate(40deg) saturate(.8) brightness(1.12)!important;background-color:transparent!important}.game-card-border.border-puzzle-hard:before,.language-card.game-card-border.border-puzzle-hard:before{background-image:url(../images/game-borders/Asset%2014.svg)!important;filter:hue-rotate(0deg) saturate(.7) brightness(1.12)!important;background-color:transparent!important}@keyframes magicLiquidWobble1{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50.1%,-49.9%) rotate(.4deg) scale(1.008)}50%{transform:translate(-49.9%,-50.1%) rotate(-.3deg) scale(1.012)}75%{transform:translate(-50.05%,-50%) rotate(.2deg) scale(1.005)}}@keyframes magicLiquidWobble2{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}20%{transform:translate(-50.15%,-49.9%) rotate(-.35deg) scale(1.006)}40%{transform:translate(-49.9%,-50.15%) rotate(.4deg) scale(1.01)}60%{transform:translate(-50.1%,-49.95%) rotate(-.25deg) scale(1.008)}80%{transform:translate(-49.95%,-50.1%) rotate(.2deg) scale(1.005)}}@keyframes magicLiquidWobble3{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}30%{transform:translate(-50.12%,-50.05%) rotate(.35deg) scale(1.01)}60%{transform:translate(-49.9%,-49.95%) rotate(-.4deg) scale(1.007)}90%{transform:translate(-50.03%,-50.03%) rotate(.15deg) scale(1.004)}}@keyframes magicBreathe{0%,to{opacity:1}50%{opacity:.92}}.game-card-border:before{will-change:transform,opacity}.language-card:nth-child(6n+1).game-card-border:before{animation:magicLiquidWobble1 5s ease-in-out infinite,magicBreathe 3s ease-in-out infinite!important}.language-card:nth-child(6n+2).game-card-border:before{animation:magicLiquidWobble2 6s ease-in-out infinite,magicBreathe 4s ease-in-out infinite!important;animation-delay:.5s,.3s!important}.language-card:nth-child(6n+3).game-card-border:before{animation:magicLiquidWobble3 5.5s ease-in-out infinite,magicBreathe 3.5s ease-in-out infinite!important;animation-delay:1s,.6s!important}.language-card:nth-child(6n+4).game-card-border:before{animation:magicLiquidWobble1 6.5s ease-in-out infinite,magicBreathe 4.5s ease-in-out infinite!important;animation-delay:.3s,1s!important}.language-card:nth-child(6n+5).game-card-border:before{animation:magicLiquidWobble2 5s ease-in-out infinite,magicBreathe 3s ease-in-out infinite!important;animation-delay:.8s,.5s!important}.language-card:nth-child(6n+6).game-card-border:before{animation:magicLiquidWobble3 6s ease-in-out infinite,magicBreathe 4s ease-in-out infinite!important;animation-delay:1.2s,.8s!important}.game-card-border:before{animation:magicLiquidWobble1 5s ease-in-out infinite,magicBreathe 3s ease-in-out infinite!important}.smart-cards-custom-card.game-card-border:nth-child(3n+1):before,.speech-cards-screen .language-card.game-card-border:nth-child(3n+1):before{animation:magicLiquidWobble1 5s ease-in-out infinite,magicBreathe 3s ease-in-out infinite!important}.smart-cards-custom-card.game-card-border:nth-child(3n+2):before,.speech-cards-screen .language-card.game-card-border:nth-child(3n+2):before{animation:magicLiquidWobble2 6s ease-in-out infinite,magicBreathe 4s ease-in-out infinite!important;animation-delay:.5s,.3s!important}.smart-cards-custom-card.game-card-border:nth-child(3n+3):before,.speech-cards-screen .language-card.game-card-border:nth-child(3n+3):before{animation:magicLiquidWobble3 5.5s ease-in-out infinite,magicBreathe 3.5s ease-in-out infinite!important;animation-delay:1s,.6s!important}@media (prefers-reduced-motion: reduce){.game-card-border:before,.smart-cards-custom-card.game-card-border:before,.speech-cards-screen .language-card.game-card-border:before{animation:none!important}}@media (max-width: 768px){.game-card-border:before{top:-50px!important;right:-30px!important;bottom:-50px!important;left:-30px!important}}@media (max-width: 480px){.game-card-border:before{top:-45px!important;right:-25px!important;bottom:-45px!important;left:-25px!important}}.tracing-game{height:100vh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:0;font-family:Comfortaa,sans-serif;background:radial-gradient(120% 120% at 20% 10%,rgba(246,204,212,.35) 0%,transparent 60%),radial-gradient(100% 100% at 85% 15%,rgba(212,240,231,.32) 0%,transparent 65%),radial-gradient(140% 140% at 50% 110%,rgba(248,224,215,.45) 0%,transparent 70%),#fdf4f1}.tracing-game-screen{min-height:100vh;display:flex;flex-direction:column;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px)) 0;overflow-y:auto;overflow-x:hidden}.tracing-game .phonological-game-screen{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.tracing-game .phonological-game-frame{overflow:visible;min-height:0;flex:1}.tracing-game .phonological-game-container{height:auto;min-height:0;flex:none;background:transparent;padding:0;box-shadow:none;border-radius:0}.tracing-game .patterns-canvas-container{margin-top:clamp(10px,2.5vw,16px)}.tracing-game-screen--intro{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px clamp(24px,6vw,52px) clamp(24px,6vw,52px)}.tracing-game-screen--complete{display:flex;align-items:center;justify-content:center;min-height:100vh}.tracing-game-container{max-width:600px;margin:0 auto;padding:clamp(16px,4vw,24px)}.tracing-category-selection{margin-top:clamp(20px,5vw,32px);text-align:center}.tracing-category-selection h3{font-size:clamp(16px,3.5vw,20px);font-weight:700;color:var(--text-dark);margin-bottom:clamp(16px,4vw,24px)}.tracing-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(12px,3vw,16px);max-width:600px;margin:0 auto}.tracing-category-btn{background:#fffdfcf2;border:2px solid rgba(246,214,206,.4);border-radius:clamp(16px,4vw,20px);padding:clamp(20px,5vw,28px) clamp(16px,4vw,20px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2c244214;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px)}.tracing-category-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #f6ccd44d;border-color:var(--rose)}.tracing-category-icon{width:70px;height:70px;font-size:clamp(40px,10vw,56px);line-height:1}.tracing-category-label{font-size:clamp(16px,3.5vw,20px);font-weight:700;color:var(--text-dark);margin:0}.tracing-category-desc{font-size:clamp(12px,2.8vw,14px);color:var(--text-muted);margin:0}.tracing-canvas-wrapper{background:#fff;border-radius:clamp(18px,4.5vw,24px);padding:clamp(16px,4vw,24px);box-shadow:0 8px 24px #2c24421a;margin:clamp(16px,4vw,24px) 0;border:2px solid rgba(246,214,206,.3);touch-action:none;user-select:none;-webkit-user-select:none}.tracing-svg{width:100%;height:auto;display:block;background:#f8fafc;border-radius:clamp(12px,3vw,16px);cursor:crosshair;touch-action:none}.tracing-restart-btn{width:44px;height:44px;border-radius:14px;border:none;background:var(--mint);color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px #d4f0e759;transition:transform .2s ease}.tracing-restart-btn:hover{transform:translateY(-2px)}.tracing-restart-btn svg{width:20px;height:20px}.tracing-hint{text-align:center;font-size:clamp(13px,3vw,15px);color:var(--text-muted);padding:clamp(12px,3vw,16px);background:#f6d6ce26;border-radius:clamp(12px,3vw,16px);margin-top:clamp(12px,3vw,16px)}.tracing-reference{margin-top:clamp(20px,5vw,28px);padding:clamp(16px,4vw,20px);background:#fffdfcf2;border-radius:clamp(16px,4vw,20px);border:2px solid rgba(246,214,206,.4);box-shadow:0 4px 12px #2c244214}.tracing-reference-label{text-align:center;font-size:clamp(14px,3.5vw,16px);color:var(--text-dark);margin:0 0 clamp(12px,3vw,16px) 0;font-weight:600}.tracing-reference-image{background:#fff;border-radius:clamp(12px,3vw,16px);overflow:hidden;border:1px solid rgba(246,214,206,.2)}.tracing-intro-icon{font-size:clamp(80px,18vw,120px);line-height:1}.tracing-complete-card{background:#fffdfcf2;border-radius:clamp(24px,6vw,32px);padding:clamp(32px,8vw,48px);text-align:center;box-shadow:0 20px 40px #2c244226;max-width:500px;margin:0 auto;border:2px solid rgba(246,214,206,.4)}.tracing-trophy{font-size:clamp(64px,16vw,96px);margin-bottom:clamp(16px,4vw,24px);animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tracing-complete-card h2{font-size:clamp(28px,6vw,36px);font-weight:800;color:var(--text-dark);margin:0 0 clamp(8px,2vw,12px) 0}.tracing-complete-card p{font-size:clamp(14px,3.5vw,18px);color:var(--text-muted);margin:0 0 clamp(20px,5vw,28px) 0}.tracing-stars{display:flex;justify-content:center;gap:clamp(8px,2vw,12px);margin-bottom:clamp(20px,5vw,28px)}.star-filled{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.4))}.star-empty{color:#e5e7eb}.tracing-score{font-size:clamp(20px,5vw,28px);font-weight:700;color:var(--text-dark);margin-bottom:clamp(24px,6vw,32px);background:linear-gradient(135deg,#f6ccd44d,#d4f0e74d);padding:clamp(12px,3vw,16px);border-radius:clamp(12px,3vw,16px)}.tracing-complete-actions{display:flex;gap:clamp(12px,3vw,16px);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.tracing-game{padding:0}.tracing-game-screen{padding-top:0}.tracing-category-grid{grid-template-columns:1fr;max-width:300px}.tracing-canvas-wrapper{padding:clamp(12px,3vw,16px)}}@media (max-width: 600px){.tracing-game-screen--intro{padding:clamp(18px,6vw,28px)}.tracing-complete-card{padding:clamp(24px,6vw,32px)}}@media (max-width: 480px){.tracing-game{padding:0}.tracing-game-container,.tracing-canvas-wrapper{padding:12px}.tracing-category-grid{gap:10px}.tracing-category-btn{padding:16px 12px}}.tracing-svg:active{cursor:grabbing}.tracing-canvas-wrapper *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@keyframes fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.drag-drop-mode{padding:clamp(16px,4vw,24px)}.drag-drop-instruction{text-align:center;font-size:clamp(18px,4vw,24px);font-weight:700;color:var(--text-dark);margin-bottom:clamp(20px,5vw,32px)}.drag-objects-container{display:flex;gap:clamp(12px,3vw,20px);justify-content:center;margin-bottom:clamp(20px,5vw,32px);flex-wrap:wrap}.drag-object{width:clamp(60px,15vw,100px);height:clamp(60px,15vw,100px);cursor:grab;background:#ffffffe6;border:3px solid rgba(246,214,206,.5);border-radius:clamp(12px,3vw,16px);padding:clamp(8px,2vw,12px);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #2c24421a}.drag-object:active{cursor:grabbing}.drag-object.completed{opacity:.3;cursor:not-allowed}.drag-object img{width:100%;height:100%;object-fit:contain}.drag-drop-svg{width:100%;max-width:800px;height:auto;min-height:400px;margin:0 auto;display:block;background:#ffffff80;border-radius:clamp(16px,4vw,24px);border:2px solid rgba(246,214,206,.3)}.patterns-mode{width:100%;min-height:calc(100vh - 80px);max-width:100%;margin:0 auto;padding:0 clamp(8px,2vw,12px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.tracing-mode-header{text-align:center;margin-bottom:clamp(24px,6vw,40px)}.tracing-mode-header h2{font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--text-dark);margin:0 0 clamp(8px,2vw,12px) 0}.tracing-mode-header p{font-size:clamp(14px,3.5vw,18px);color:var(--text-muted);margin:0}.patterns-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);background:#ffffffe6;border-radius:clamp(12px,3vw,16px);margin-bottom:clamp(8px,2vw,12px);box-shadow:0 2px 8px #2c244214}.patterns-card-counter{font-size:clamp(14px,3.5vw,16px);font-weight:600;color:var(--text-dark)}.patterns-speak-btn{width:44px;height:44px;border-radius:12px;border:none;background:var(--mint);color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.patterns-speak-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #d4f0e766}.patterns-progress-bar{height:6px;background:#f6d6ce4d;border-radius:3px;margin-bottom:clamp(8px,2vw,12px);overflow:hidden}.patterns-progress-fill{height:100%;background:linear-gradient(90deg,var(--rose),var(--peach));border-radius:3px;transition:width .3s ease}.patterns-navigation{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,3vw,16px);margin-top:auto}.patterns-item-progress{font-size:clamp(16px,4vw,20px);font-weight:700;color:var(--text-dark);background:#ffffffe6;padding:clamp(8px,2vw,12px) clamp(16px,4vw,24px);border-radius:clamp(12px,3vw,16px);box-shadow:0 2px 8px #2c244214}.patterns-item-counter{text-align:center;font-size:clamp(14px,3.5vw,16px);font-weight:600;color:var(--text-muted);padding:clamp(8px,2vw,12px)}.card-thumbnail-btn{display:flex;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(10px,2.5vw,14px) clamp(16px,4vw,20px);background:#fffffff2;border:2px solid rgba(246,214,206,.4);border-radius:clamp(12px,3vw,16px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2c244214}.card-thumbnail-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6ccd44d;border-color:var(--rose)}.card-thumbnail-arrow{color:var(--text-dark);display:flex;align-items:center}.card-thumbnail-label{font-size:clamp(12px,3vw,14px);font-weight:600;color:var(--text-dark)}.pattern-icon{text-align:center;margin:clamp(16px,4vw,24px) 0}.pattern-icon img{max-width:clamp(60px,15vw,100px);height:auto;filter:drop-shadow(0 4px 12px rgba(44,36,66,.15))}.patterns-canvas-container{background:#fff;border-radius:clamp(12px,3vw,16px);padding:clamp(8px,2vw,12px);box-shadow:0 8px 24px #2c24421a;margin:0;border:2px solid rgba(246,214,206,.3);overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:400px}.patterns-svg{width:100%;height:auto;max-width:600px;max-height:80vh;display:block;background:transparent;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.patterns-svg:active{cursor:grabbing}.start-point{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.completion-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffffa;border-radius:clamp(20px,5vw,28px);padding:clamp(32px,8vw,48px);box-shadow:0 20px 40px #2c244233;text-align:center;z-index:1000;border:3px solid rgba(76,175,80,.3)}.completion-message h2{font-size:clamp(28px,7vw,40px);font-weight:800;color:var(--text-dark);margin:0}.retry-btn{display:block;margin:clamp(16px,4vw,24px) auto 0;padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,32px);font-size:clamp(14px,3.5vw,16px);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--rose),var(--peach));border:none;border-radius:clamp(12px,3vw,16px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f6ccd466}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f6ccd480}.retry-btn:active{transform:translateY(0)}@media (max-width: 768px){.patterns-canvas-container{padding:clamp(8px,2vw,12px);min-height:300px}.patterns-svg{min-height:300px;max-height:60vh}}@media (max-width: 480px){.patterns-mode{padding:12px}.patterns-svg{min-height:250px}}.feedback-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:clamp(24px,6vw,40px) clamp(40px,10vw,64px);border-radius:clamp(16px,4vw,24px);font-size:clamp(24px,6vw,36px);font-weight:800;display:flex;align-items:center;gap:clamp(12px,3vw,20px);z-index:1000;box-shadow:0 20px 40px #0000004d}.feedback-message--success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.feedback-emoji{font-size:clamp(32px,8vw,48px)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.confetti{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.patterns-progress{text-align:center;font-size:clamp(14px,3.5vw,16px);font-weight:600;color:var(--text-muted);margin-top:clamp(12px,3vw,16px)}.icon-management{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:80px 20px 100px}.icon-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666}.icon-management.loading svg{font-size:40px;color:#667eea}.icon-management.access-denied{display:flex;align-items:center;justify-content:center}.access-denied__content{background:#fff;border-radius:24px;padding:48px;text-align:center;max-width:400px;box-shadow:0 8px 32px #0000001a}.access-denied__icon{font-size:64px;color:#ef4444;margin-bottom:24px}.access-denied__content h2{font-size:24px;color:#333;margin:0 0 12px}.access-denied__content p{font-size:14px;color:#666;margin:0 0 8px;line-height:1.5}.access-denied__hint{font-size:13px!important;color:#888!important;font-style:italic;margin-top:16px!important}.access-denied__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s}.access-denied__btn:hover{background:#5a6fd6;transform:translateY(-2px)}.icon-management__header{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.icon-management__header .back-btn,.icon-management__header .config-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f0f2f5;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:20px}.icon-management__header .back-btn svg,.icon-management__header .config-btn svg{width:20px;height:20px}.icon-management__header .back-btn:hover,.icon-management__header .config-btn:hover{background:#667eea;color:#fff}.icon-management__header .header-content{flex:1}.icon-management__header h1{font-size:20px;color:#333;margin:0 0 4px}.icon-management__header p{font-size:13px;color:#888;margin:0}.config-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.config-panel h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;margin:0 0 16px}.config-form{display:grid;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:13px;font-weight:600;color:#555}.config-field input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:border-color .2s}.config-field input:focus{outline:none;border-color:#667eea}.save-config-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.save-config-btn:hover{background:#5a6fd6}.config-field-row{display:flex;gap:10px}.config-field-row input{flex:1}.fetch-voices-btn{padding:12px 16px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;display:flex;align-items:center;gap:6px}.fetch-voices-btn:hover:not(:disabled){background:#059669}.fetch-voices-btn:disabled{opacity:.6;cursor:not-allowed}.config-field select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.config-field select:focus{outline:none;border-color:#667eea}.config-field select:disabled{background:#f5f5f5;cursor:not-allowed}.voice-preview{background:#f8fafc;padding:16px;border-radius:12px;border:2px dashed #e5e7eb}.voice-preview textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.voice-preview textarea:focus{outline:none;border-color:#667eea}.preview-voice-btn{margin-top:10px;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.preview-voice-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.preview-voice-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-management__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #0000000d}.stat-card svg{font-size:24px;color:#667eea}.stat-card.total svg{color:#667eea}.stat-card.pending svg{color:#f59e0b}.stat-card.warning svg{color:#ef4444}.stat-card.success svg{color:#10b981}.stat-card .stat-value{font-size:32px;font-weight:700;color:#333}.stat-card .stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.icon-management__options{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:12px}.icon-management__options .option-group{display:flex;align-items:center;gap:8px}.icon-management__options label{font-size:13px;font-weight:600;color:#555}.icon-management__options select,.icon-management__options input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.icon-management__options select{min-width:180px}.icon-management__options input[type=number]{width:70px;text-align:center}.icon-management__options select:focus,.icon-management__options input:focus{outline:none;border-color:#667eea}.icon-management__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.scan{background:#667eea;color:#fff}.action-btn.analyze{background:#10b981;color:#fff}.action-btn.audio{background:#f59e0b;color:#fff}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.secondary{background:#6b7280;color:#fff}.action-btn.success{background:#10b981;color:#fff}.action-btn.folder{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;border:2px solid #7c3aed}.action-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.audio-info-box{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:20px}.audio-info-box>svg{flex-shrink:0;font-size:24px;color:#d97706;margin-top:2px}.audio-info-box strong{display:block;color:#92400e;margin-bottom:4px}.audio-info-box p{margin:0;font-size:13px;color:#78350f;line-height:1.5}.audio-info-box code{background:#fff9;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px;color:#92400e}.icon-management__tools{display:flex;gap:8px;margin-bottom:20px}.icon-management__tools button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.icon-management__tools button:hover{border-color:#667eea;color:#667eea}.icon-management__tools button.danger:hover{border-color:#ef4444;color:#ef4444}.icon-management__game-stats{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.icon-management__game-stats h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;margin:0 0 16px}.game-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.game-stat-card{background:#f8f9fa;border:2px solid transparent;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s}.game-stat-card:hover{background:#f0f2f5;border-color:#667eea}.game-stat-card.active{background:#eef0ff;border-color:#667eea}.game-stat-card .game-name{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-stat-card .game-progress{display:flex;align-items:center;gap:10px}.game-stat-card .count{font-size:12px;color:#666;min-width:45px}.game-stat-card .progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.game-stat-card .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#10b981);border-radius:3px;transition:width .3s ease}.icon-management__filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.icon-management__filters select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;min-width:200px;cursor:pointer}.icon-management__filters select:focus{outline:none;border-color:#667eea}.icon-management__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;color:#888}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.icon-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s}.icon-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.icon-card__image{height:120px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:16px}.icon-card__image img{max-width:100%;max-height:100%;object-fit:contain}.icon-card__info{padding:12px 16px}.icon-card__info .filename{display:block;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-card__info .directory{display:block;font-size:11px;color:#888;margin-top:2px}.icon-card__info .description{font-size:12px;color:#666;margin:8px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.icon-card__status{display:flex;gap:8px;padding:0 16px 12px}.icon-card__status .badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.icon-card__status .badge.complete{background:#d1fae5;color:#059669}.icon-card__status .badge.pending{background:#fef3c7;color:#d97706}.icon-card__actions{display:flex;gap:8px;padding:0 16px 16px}.icon-card__actions button{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-card__actions .play-btn{background:#10b981;color:#fff}.icon-card__actions .override-btn{background:#f0f2f5;color:#555}.icon-card__actions button:hover{transform:scale(1.1)}.icon-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.icon-modal{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.icon-modal .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f0f2f5;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.icon-modal .modal-content{padding:24px}.icon-modal img{width:100%;max-height:200px;object-fit:contain;background:#f5f7fa;border-radius:12px;margin-bottom:16px}.icon-modal h3{font-size:18px;color:#333;margin:0 0 4px}.icon-modal .path{font-size:12px;color:#888;word-break:break-all;margin:0 0 16px}.icon-modal .detail-section{margin-bottom:16px}.icon-modal .detail-section h4{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.icon-modal .detail-section p{font-size:14px;color:#333;margin:0;line-height:1.5}.color-swatches{display:flex;gap:8px}.color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid #e5e7eb}.modal-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.modal-actions button{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;background:#667eea;color:#fff;transition:all .2s}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions button.ai-btn{background:#10b981;color:#fff}.modal-actions button.ai-btn:hover:not(:disabled){background:#059669}.modal-actions button.audio-btn{background:#f59e0b;color:#fff}.modal-actions button.audio-btn:hover:not(:disabled){background:#d97706}.modal-actions button.reset-btn{background:#f0f2f5;color:#333}.modal-actions button.reset-btn:hover:not(:disabled){background:#e5e7eb}.games-list{display:flex;flex-wrap:wrap;gap:8px}.game-tag{display:inline-block;padding:4px 12px;background:#eef0ff;color:#667eea;border-radius:20px;font-size:12px;font-weight:500}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.icon-management{padding:16px}.icon-management__stats{grid-template-columns:repeat(2,1fr)}.icon-management__actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.icon-management__grid{grid-template-columns:1fr}}.instruction-management{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:80px 20px 100px}.instruction-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666}.instruction-management.loading svg{font-size:40px;color:#667eea}.instruction-management.access-denied{display:flex;align-items:center;justify-content:center}.instruction-management .access-denied__content{background:#fff;border-radius:24px;padding:48px;text-align:center;max-width:400px;box-shadow:0 8px 32px #0000001a}.instruction-management .access-denied__icon{font-size:64px;color:#ef4444;margin-bottom:24px}.instruction-management .access-denied__content h2{font-size:24px;color:#333;margin:0 0 12px}.instruction-management .access-denied__content p{font-size:14px;color:#666;margin:0 0 8px;line-height:1.5}.instruction-management .access-denied__hint{font-size:13px!important;color:#888!important;font-style:italic;margin-top:16px!important}.instruction-management .access-denied__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s}.instruction-management .access-denied__btn:hover{background:#5a6fd6;transform:translateY(-2px)}.instruction-management__header{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.instruction-management__header .back-btn,.instruction-management__header .config-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f0f2f5;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:20px}.instruction-management__header .back-btn svg,.instruction-management__header .config-btn svg{width:20px;height:20px}.instruction-management__header .back-btn:hover,.instruction-management__header .config-btn:hover{background:#667eea;color:#fff}.instruction-management__header .header-content{flex:1}.instruction-management__header h1{font-size:20px;color:#333;margin:0 0 4px}.instruction-management__header p{font-size:13px;color:#888;margin:0}.instruction-management .config-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.instruction-management .config-panel h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;margin:0 0 16px}.instruction-management .config-form{display:grid;gap:16px}.instruction-management .config-field{display:flex;flex-direction:column;gap:6px}.instruction-management .config-field label{font-size:13px;font-weight:600;color:#555}.instruction-management .config-field input,.instruction-management .config-field select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:border-color .2s}.instruction-management .config-field input:focus,.instruction-management .config-field select:focus{outline:none;border-color:#667eea}.instruction-management .config-field-row{display:flex;gap:10px}.instruction-management .config-field-row input{flex:1}.instruction-management .field-hint{font-size:12px;color:#888;font-style:italic;margin-top:2px}.instruction-management .env-keys-notice{display:flex;align-items:center;gap:8px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#2e7d32}.instruction-management .env-badge{display:inline-block;background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:middle;letter-spacing:.5px}.instruction-management .fetch-voices-btn{padding:12px 16px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;display:flex;align-items:center;gap:6px}.instruction-management .fetch-voices-btn:hover:not(:disabled){background:#059669}.instruction-management .fetch-voices-btn:disabled{opacity:.6;cursor:not-allowed}.instruction-management .voice-preview{background:#f8fafc;padding:16px;border-radius:12px;border:2px dashed #e5e7eb}.instruction-management .voice-preview textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.instruction-management .voice-preview textarea:focus{outline:none;border-color:#667eea}.instruction-management .preview-voice-btn{margin-top:10px;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.instruction-management .preview-voice-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.instruction-management .preview-voice-btn:disabled{opacity:.6;cursor:not-allowed}.instruction-management .save-config-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.instruction-management .save-config-btn:hover{background:#5a6fd6}.instruction-management__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.instruction-management .stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 8px #0000000d}.instruction-management .stat-card svg{font-size:24px;color:#667eea}.instruction-management .stat-card.total svg{color:#667eea}.instruction-management .stat-card.pending svg{color:#f59e0b}.instruction-management .stat-card.success svg{color:#10b981}.instruction-management .stat-card.info svg{color:#3b82f6}.instruction-management .stat-card .stat-value{font-size:32px;font-weight:700;color:#333}.instruction-management .stat-card .stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.instruction-management__options{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:12px}.instruction-management__options .option-group{display:flex;align-items:center;gap:8px}.instruction-management__options label{font-size:13px;font-weight:600;color:#555}.instruction-management__options input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;width:70px;text-align:center}.instruction-management__options input:focus{outline:none;border-color:#667eea}.instruction-management__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.instruction-management .action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.instruction-management .action-btn:disabled{opacity:.5;cursor:not-allowed}.instruction-management .action-btn.import{background:#667eea;color:#fff}.instruction-management .action-btn.audio{background:#f59e0b;color:#fff}.instruction-management .action-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.instruction-management .audio-info-box{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:20px}.instruction-management .audio-info-box>svg{flex-shrink:0;font-size:24px;color:#d97706;margin-top:2px}.instruction-management .audio-info-box strong{display:block;color:#92400e;margin-bottom:4px}.instruction-management .audio-info-box p{margin:0;font-size:13px;color:#78350f;line-height:1.5}.instruction-management .audio-info-box code{background:#fff9;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px;color:#92400e}.instruction-management__tools{display:flex;gap:8px;margin-bottom:20px}.instruction-management__tools button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.instruction-management__tools button:hover{border-color:#667eea;color:#667eea}.instruction-management__tools button.danger:hover{border-color:#ef4444;color:#ef4444}.instruction-management__tools button.sync{background:#10b981;color:#fff;border-color:#10b981}.instruction-management__tools button.sync:hover{background:#059669;border-color:#059669;color:#fff}.instruction-management__filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.instruction-management__filters select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;min-width:180px;cursor:pointer}.instruction-management__filters select:focus{outline:none;border-color:#667eea}.instruction-management__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.instruction-management .empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;color:#888}.instruction-management .empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.instruction-management .game-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s}.instruction-management .game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.instruction-management .game-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.instruction-management .game-card .game-icon{font-size:24px;color:#667eea;flex-shrink:0}.instruction-management .game-card .game-info{flex:1;min-width:0}.instruction-management .game-card .game-name{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.3;word-break:break-word}.instruction-management .game-card .game-category{display:block;font-size:12px;color:#888}.instruction-management .game-card__progress{margin-bottom:12px}.instruction-management .game-card .progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:6px}.instruction-management .game-card .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#10b981);border-radius:4px;transition:width .3s ease}.instruction-management .game-card .progress-text{font-size:12px;color:#666}.instruction-management .game-card__status{margin-bottom:12px}.instruction-management .game-card .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.instruction-management .game-card .badge.complete{background:#d1fae5;color:#059669}.instruction-management .game-card .badge.pending{background:#fef3c7;color:#d97706}.instruction-management .game-card__actions{display:flex;gap:8px}.instruction-management .game-card__actions button{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.instruction-management .game-card__actions .generate-btn{background:#f59e0b;color:#fff}.instruction-management .game-card__actions .reset-btn{background:#f0f2f5;color:#555}.instruction-management .game-card__actions button:hover:not(:disabled){transform:scale(1.1)}.instruction-management .game-card__actions button:disabled{opacity:.5;cursor:not-allowed}.instruction-management .game-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.instruction-management .game-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.instruction-management .game-modal .close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#f0f2f5;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.instruction-management .game-modal .modal-content{padding:24px}.instruction-management .game-modal h3{font-size:20px;color:#333;margin:0 0 4px;padding-right:48px}.instruction-management .game-modal .category-label{font-size:13px;color:#888;margin:0 0 24px}.instruction-management .instruction-set-tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb;overflow-x:auto}.instruction-management .instruction-set-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 16px;background:#f8f9fa;border:2px solid transparent;border-radius:10px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:fit-content}.instruction-management .instruction-set-tab:hover{background:#eef0ff;border-color:#c7d2fe;color:#667eea}.instruction-management .instruction-set-tab.active{background:#667eea;border-color:#667eea;color:#fff}.instruction-management .instruction-set-tab .tab-step-count{font-size:11px;font-weight:500;opacity:.8}.instruction-management .instruction-set-tab.active .tab-step-count{opacity:.9}.instruction-management .instruction-set{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px}.instruction-management .instruction-set h4{font-size:14px;color:#333;margin:0 0 12px}.instruction-management .instruction-set h4 .subtitle{display:block;font-size:12px;font-weight:400;color:#888;margin-top:2px}.instruction-management .instruction-set-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.instruction-management .instruction-set-header h4{margin:0}.instruction-management .reset-set-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;font-size:11px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s;white-space:nowrap}.instruction-management .reset-set-btn:hover{background:#fecaca;border-color:#f87171}.instruction-management .reset-set-btn:disabled{opacity:.5;cursor:not-allowed}.instruction-management .reset-set-btn svg{font-size:12px}.instruction-management .step-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:8px;margin-bottom:8px}.instruction-management .step-item:last-child{margin-bottom:0}.instruction-management .step-item.header-step{background:#eef0ff;border:1px solid #667eea}.instruction-management .step-content{flex:1;min-width:0}.instruction-management .step-label{display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;margin-bottom:4px}.instruction-management .step-content p{font-size:13px;color:#333;margin:0;line-height:1.5}.instruction-management .step-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.instruction-management .status-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.instruction-management .status-indicator.complete{background:#d1fae5;color:#059669}.instruction-management .status-indicator.pending{background:#fef3c7;color:#d97706}.instruction-management .step-actions button{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.instruction-management .step-actions .play-btn{background:#10b981;color:#fff}.instruction-management .step-actions .generate-step-btn{background:#f59e0b;color:#fff}.instruction-management .step-actions .reset-step-btn{background:#f0f2f5;color:#666}.instruction-management .step-actions .reset-step-btn:hover:not(:disabled){background:#ef4444;color:#fff}.instruction-management .step-actions .edit-step-btn{background:#e0e7ff;color:#667eea}.instruction-management .step-actions .edit-step-btn:hover:not(:disabled){background:#667eea;color:#fff}.instruction-management .step-actions button:hover:not(:disabled){transform:scale(1.1)}.instruction-management .edit-text-container{width:100%;display:flex;flex-direction:column;gap:8px}.instruction-management .edit-text-input{width:100%;padding:10px 12px;border:2px solid #667eea;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;line-height:1.5}.instruction-management .edit-text-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #667eea33}.instruction-management .edit-text-actions{display:flex;gap:8px;justify-content:flex-end}.instruction-management .save-edit-btn,.instruction-management .cancel-edit-btn{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.instruction-management .save-edit-btn{background:#10b981;color:#fff}.instruction-management .save-edit-btn:hover{background:#059669}.instruction-management .cancel-edit-btn{background:#f0f2f5;color:#666}.instruction-management .cancel-edit-btn:hover{background:#ef4444;color:#fff}.instruction-management .step-actions button:disabled{opacity:.5;cursor:not-allowed}.instruction-management .modal-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.instruction-management .modal-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.instruction-management .modal-actions button:disabled{opacity:.5;cursor:not-allowed}.instruction-management .modal-actions .generate-all-btn{background:#f59e0b;color:#fff}.instruction-management .modal-actions .generate-all-btn:hover:not(:disabled){background:#d97706}.instruction-management .modal-actions .reset-game-btn{background:#f0f2f5;color:#333}.instruction-management .modal-actions .reset-game-btn:hover:not(:disabled){background:#e5e7eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instruction-management .spinning{animation:spin 1s linear infinite}.game-sounds-section{margin-top:24px;padding:16px;background:linear-gradient(135deg,#fdf4ff,#f5f3ff);border-radius:12px;border:1px solid rgba(139,92,246,.2)}.game-sounds-section h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;color:#7c3aed}.game-sounds-section .sound-stats{margin-left:auto;font-size:13px;color:#8b5cf6;background:#8b5cf61a;padding:4px 10px;border-radius:12px;font-weight:500}.game-sounds-section .section-description{font-size:12px;color:#888;margin:0 0 16px}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.sound-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:10px;border:1px solid rgba(139,92,246,.15);transition:all .2s ease}.sound-item:hover{border-color:#8b5cf64d;box-shadow:0 2px 8px #8b5cf61a}.sound-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sound-name{font-size:14px;font-weight:600;color:#333}.sound-prompt{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-actions{display:flex;align-items:center;gap:8px;margin-left:12px}.generate-sound-btn,.generate-all-sounds-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.generate-sound-btn{padding:6px 10px;font-size:14px}.generate-sound-btn:hover,.generate-all-sounds-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.generate-sound-btn:disabled,.generate-all-sounds-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.generate-all-sounds-btn{width:100%;padding:12px;margin-top:8px}@media (max-width: 768px){.instruction-management{padding:16px}.instruction-management__stats{grid-template-columns:repeat(2,1fr)}.instruction-management__actions{flex-direction:column}.instruction-management .action-btn{width:100%;justify-content:center}.instruction-management__grid{grid-template-columns:1fr}.instruction-management .modal-actions{flex-direction:column}}.top-bar-v2{position:fixed;top:0;left:0;right:0;width:100%;height:110px;background:#fef7f4;z-index:1000;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.top-bar-spacer{height:110px;flex-shrink:0}.top-bar-v2.scrolled{background:#fef7f4;box-shadow:0 2px 4px #0000000d}.top-bar-content{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:100%;background:#fef7f4}.nav-button{width:45px;height:45px;border-radius:50%;border:2px solid #4DD4CE;background:#fef7f4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-button:hover{background:#4dd4ce;transform:scale(1.05)}.nav-button:hover svg{color:#fff}.nav-button svg{font-size:24px;color:#4dd4ce;transition:color .2s ease}.top-bar-brand{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-left:16px}.brand-content{display:flex;align-items:center;gap:12px}.brand-logo-inline{height:90px;width:auto;max-height:100%;object-fit:contain;transition:transform .2s ease;animation:logoFloat 4s ease-in-out infinite,logoEntrance .8s cubic-bezier(.34,1.56,.64,1) forwards}.brand-content:hover .brand-logo-inline{transform:scale(1.05);animation:logoWiggle .6s ease-in-out}@keyframes logoEntrance{0%{opacity:0;transform:scale(.3) rotate(-15deg)}60%{opacity:1;transform:scale(1.1) rotate(3deg)}80%{transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1.5deg)}50%{transform:translateY(1px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(.5deg)}}@keyframes logoWiggle{0%{transform:rotate(0) scale(1.05)}15%{transform:rotate(-6deg) scale(1.08)}30%{transform:rotate(5deg) scale(1.08)}45%{transform:rotate(-4deg) scale(1.06)}60%{transform:rotate(3deg) scale(1.06)}75%{transform:rotate(-1deg) scale(1.05)}to{transform:rotate(0) scale(1.05)}}.brand-text{display:flex;align-items:center}.brand-title{font-size:var(--header-font-size);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.top-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.action-button{width:52px;height:52px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.action-button:hover{background:#0000000d}.action-button svg{font-size:22px;color:#555}.action-button img{width:32px;height:32px}.notification-btn{position:relative}.notification-count{position:absolute;top:8px;right:8px;background:#ff4757;color:#fff;font-size:9px;font-weight:600;padding:2px 4px;border-radius:8px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.top-bar-content{padding:0 15px}.top-bar-brand{padding-left:0}.brand-logo-inline{height:90px}.nav-button,.action-button{width:48px;height:48px}.nav-button svg,.action-button svg{font-size:22px}.action-button img{width:30px;height:30px}}@media (max-width: 480px){.brand-logo-inline{height:80px}}:root.is-iphone .top-bar-v2{display:flex;flex-direction:column;height:110px}:root.is-iphone .top-bar-content{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px 10px;pointer-events:none}:root.is-iphone .top-bar-brand{pointer-events:auto;padding-left:16px}:root.is-iphone .brand-logo-inline{height:80px;animation:logoFloat 4s ease-in-out infinite,logoEntrance .8s cubic-bezier(.34,1.56,.64,1) forwards}:root.is-iphone .top-bar-actions{pointer-events:auto;padding-right:16px}:root.is-iphone .action-button{width:56px;height:56px}:root.is-iphone .action-button img{width:38px;height:38px}.brand-logo-inline.brand-logo-hidden{opacity:0!important;animation:none!important}@keyframes topBarSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.top-bar-v2.top-bar-slide-down{animation:topBarSlideDown 1s cubic-bezier(.4,0,.2,1) forwards}@media (prefers-reduced-motion: reduce){.brand-logo-inline,.top-bar-v2.top-bar-slide-down{animation:none!important}}