@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap&subset=greek,latin";: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: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:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,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,body{margin:0;min-width:320px;height:100vh;height:100svh;overflow:hidden}#root{height:100vh;height:100svh;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:#fcf5f3}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}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--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: #fcf5f2;--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:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--background);min-height:100vh;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:100vh;background:transparent;position:relative}.mobile-container{height:100vh;height:100svh;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;padding-bottom:0!important;overflow-y:scroll;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-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}.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}.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{text-align:center;margin:24px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:#e5e7eb}.divider:before{left:0}.divider:after{right:0}.divider span{color:var(--text-muted);font-size:14px;padding:0 10px;background:transparent}.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}.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-group{margin-bottom:16px}.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.with-icon{padding-left:48px}.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:100vh;height:100svh;padding:calc(70px + env(safe-area-inset-top,0px)) 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%;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:Nunito,Poppins,-apple-system,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:Nunito,Poppins,-apple-system,sans-serif}.hero-text h1{margin:0;font-size:32px;font-weight:800;color:#3e2723;letter-spacing:-.5px;font-family:Nunito,Poppins,-apple-system,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:18px;font-weight:600;letter-spacing:-.3px;color:#3e2723;line-height:1.3;font-family:Nunito,Poppins,-apple-system,sans-serif}.category-card__subtitle{font-size:14px;color:#8d6e63;font-weight:500;opacity:.8;font-family:Nunito,Poppins,-apple-system,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:calc(90px + env(safe-area-inset-top,0px)) 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(6px,1vh,12px) 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:clamp(35px,9vh,75px);height:clamp(35px,9vh,75px);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:calc(90px + env(safe-area-inset-top,0px)) 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(40px,9vh,70px);height:clamp(40px,9vh,70px)}.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:calc(90px + env(safe-area-inset-top,0px)) 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(35px,8vh,55px);height:clamp(35px,8vh,55px)}.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(105px + env(safe-area-inset-top,0px));padding-bottom:100px;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:calc(105px + env(safe-area-inset-top,0px));padding-bottom:100px;width:100%;min-height:100vh;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{min-height:100vh;background:var(--white);display:flex;flex-direction:column;padding-top:calc(105px + env(safe-area-inset-top,0px))}.edit-profile-actions{position:absolute;top:70px;right:16px;z-index:10}.edit-profile-header{position:sticky;top:0;background:var(--white);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F3F4F6;z-index:100}.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:20px;font-weight:600;color:var(--text-dark);letter-spacing:-.5px}.save-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}.save-button:hover{background:#8bb3e8}.save-button:disabled{opacity:.6;cursor:not-allowed}.profile-error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin:0 20px 16px;border:1px solid #FECACA}.profile-success-message{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin:0 20px 16px;border:1px solid #A7F3D0}.profile-tabs{display:flex;background:#f3f4f6;margin:0 20px 20px;border-radius:10px;padding:4px}.tab-button{flex:1;padding:12px;background:none;border:none;font-size:14px;font-weight:600;color:var(--text-light);border-radius:8px;cursor:pointer;transition:all .2s}.edit-profile-content{flex:1;padding:0 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-content{max-width:500px;margin:0 auto}.avatar-section{text-align:center;margin-bottom:32px}.avatar-preview{width:100px;height:100px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;margin:0 auto 16px;box-shadow:0 8px 24px #0000001a}.avatar-edit{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:none;padding:8px 16px;border-radius:20px;font-size:14px;color:var(--text-dark);cursor:pointer;transition:all .2s}.avatar-edit:hover{background:#e5e7eb}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.section-subtitle{font-size:14px;color:var(--text-light);margin-bottom:20px;line-height:1.4}.input-group{margin-bottom:20px}.input-icon{position:absolute;left:16px;color:var(--text-muted);font-size:20px;pointer-events:none}.native-input.with-icon{padding-left:50px}.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:hover{background:#e5e7eb}.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:16px 0;border-bottom:1px solid #F3F4F6}.preference-item:last-child{border-bottom:none}.preference-content h4{font-size:16px;font-weight:500;color:var(--text-dark);margin-bottom:4px}.preference-content p{font-size:14px;color:var(--text-light)}@media (max-width: 480px){.edit-profile-content{padding:0 16px 20px}.profile-tabs{margin:0 16px 20px}.avatar-preview{width:80px;height:80px;font-size:28px}}.subscription-screen{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(105px + env(safe-area-inset-top,0px))}.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:100vh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(105px + env(safe-area-inset-top,0px))}.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}}.exercises-screen{min-height:100vh;background:#fef7f4;display:flex;flex-direction:column;position:relative;overflow-x:hidden;padding-top:calc(75px + env(safe-area-inset-top,0px))}.exercises-header{position:sticky;top:75px;background:transparent;border-bottom:none;z-index:100;padding:16px 20px}.header-top{margin-bottom:16px}.user-greeting{display:flex;align-items:center;gap:12px}.user-icon{font-size:24px;color:var(--primary-blue)}.user-greeting h1{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.user-greeting p{font-size:14px;color:var(--text-light);margin:0}.search-section{margin-bottom:16px}.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}.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: 768px){.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:22px;font-weight:800;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.game-card p{font-size:14px;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:13px;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 (max-width: 1024px){.games-grid{grid-template-columns:repeat(2,1fr)}}@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:100vh;background:#f8f9fa;display:flex;flex-direction:column;padding-top:calc(105px + env(safe-area-inset-top,0px))}.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%}}:root{--rose: #f6ccd4;--peach: #f8e0d7;--mint: #d4f0e7;--cream: #fdf4f1;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.speech-cards-screen{position:relative;width:100%;min-height:100%;padding:80px 24px 48px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px));background:#fef7f4;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.speech-cards-header{flex-shrink:0;margin-bottom:clamp(16px,4vw,24px);margin-top:0!important;padding:0!important;text-align:center;width:100%;max-width:960px;margin-left:auto;margin-right:auto}.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}.language-layout{width:100%;padding:20px clamp(16px,4vw,32px) 0px}.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__question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px);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:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,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:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,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,.speech-game__intro-list{text-align:left}.category-screen{background:#fef7f4;position:relative;display:flex;padding-top:calc(130px + env(safe-area-inset-top,0px))}.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:60px;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(130px + env(safe-area-inset-top,0px));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:20px 20px 60px;padding-top:calc(103px + env(safe-area-inset-top,0px));background:transparent;overflow:visible;margin:0 auto;max-width:720px;box-sizing:border-box}@media (max-width: 767px){.language-layout{padding:100px 0 0!important}}@media (min-width: 768px){.language-layout{max-width:1200px;padding:140px 40px 80px}}@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:20px;grid-template-columns:1fr;width:100%}@media (min-width: 768px){.language-card-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1200px){.language-card-grid{grid-template-columns:repeat(2,1fr);gap:28px}}.language-card{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:var(--card-surface, #ffffff);box-shadow:0 22px 42px #2f26441f;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:visible;min-height:clamp(180px,36vw,220px);width:100%;max-width:1100px}@media (hover: hover){.language-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #2f26441f}}.language-card:before,.language-card:after{content:"";position:absolute;pointer-events:none;opacity:.55;z-index:0}.language-card:before{width:clamp(110px,34vw,160px);height:clamp(110px,34vw,160px);border-radius:42% 58% 55% 45%;top:clamp(-48px,-9vw,-28px);left:clamp(-30px,-6vw,-16px);background:#ffd8b033}.language-card:after{width:clamp(46px,12vw,72px);height:clamp(46px,12vw,72px);border-radius:50%;bottom:clamp(-10px,-2vw,-4px);right:clamp(-6px,-1.5vw,-2px);background:var(--language-card-doodle, rgba(255, 214, 170, .12));opacity:1}.language-card-icon{width:var(--game-icon-size);height:var(--game-icon-size);border-radius:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent!important;box-shadow:none;position:relative;z-index:1;padding-left:25px}.language-card-icon img{width:var(--game-icon-size);height:var(--game-icon-size);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;gap:6px;text-align:left;position:relative;z-index:1;flex:1;min-width:0;min-height:100px;padding-left:15px}.language-card-title{margin:0;font-size:20px;font-weight:500;color:inherit}.language-card-description{margin:0;font-size:14px;line-height:1.45;color:#2f2644a3}.language-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.language-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;background:#1118270f;color:#111827bf}.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(14px,5vw,20px);padding:clamp(18px,6vw,26px)}.language-card-title,.language-card-description,.language-card-meta{text-align:left}}.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)}.language-card-grid .language-card{padding:14px!important;min-height:180px!important;overflow:visible!important;align-items:center!important}.language-card-grid .language-card:last-child{margin-bottom:0!important}.language-card-grid .language-card-icon{width:50px!important;height:50px!important;font-size:24px!important}.language-card-grid .language-card-icon svg{width:28px!important;height:28px!important}.language-card-grid .language-card-body{justify-content:center!important;align-self:center!important;height:auto!important}.language-card-grid .language-card-title{font-size:20px!important;margin-bottom:4px!important;line-height:1.2!important}.language-card-grid .language-card-description{font-size:14px!important;margin-bottom:8px!important;line-height:1.3!important}.language-card-grid .language-card-meta{gap:6px!important}.language-card-grid .language-chip{font-size:clamp(10px,2.5vw,12px)!important;padding:4px 8px!important}@media (max-width: 768px){.language-card-grid .language-card{padding:14px!important;min-height:180px!important}.language-card-grid .language-card:last-child{margin-bottom:0!important}.language-card-grid .language-card-icon{width:45px!important;height:45px!important}.language-card-grid .language-card-icon svg{width:24px!important;height:24px!important}}.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:100vh;background:#f8f9fa;padding-top:calc(105px + env(safe-area-inset-top,0px));padding-bottom:80px}.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}.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:.9rem;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}}.smart-cards-top-header{position:fixed;top:0;left:0;right:0;height:calc(70px + env(safe-area-inset-top,0px));padding:0 16px;padding-top:env(safe-area-inset-top,0px);background:#fef7f4;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.smart-cards-top-header__back{width:40px;height:40px;border-radius:50%!important;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}.smart-cards-top-header__back:hover{background:#f2c7cb;color:#fff}.smart-cards-top-header__back svg{width:20px;height:20px}.smart-cards-top-header__title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;flex:1}.smart-cards-top-header__home{border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.smart-cards-top-header__home:hover{transform:scale(1.1)}.smart-cards-top-header__home svg{width:46px;height:46px}@media (max-width: 480px){.smart-cards-top-header{height:calc(60px + env(safe-area-inset-top,0px));padding:0 12px;padding-top:env(safe-area-inset-top,0px)}.smart-cards-top-header__back{width:36px;height:36px}.smart-cards-top-header__title{font-size:17px}.smart-cards-top-header__home svg{width:40px;height:40px}}.speech-cards-screen .language-layout{padding-top:calc(90px + env(safe-area-inset-top,0px))!important}@media (max-width: 480px){.speech-cards-screen .language-layout{padding-top:calc(35px + env(safe-area-inset-top,0px))!important}}.smart-cards *,.smart-cards *:before,.smart-cards *: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:#fef7f4;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}.smart-cards-custom-card{min-height:auto!important;padding:clamp(16px,4vw,20px)!important}.smart-cards-custom-card .language-card-title{font-size:20px!important;font-weight:600!important;line-height:1.3!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:18px;font-weight:700;color:var(--text-dark);line-height:1.3}.smart-cards__category-content p{margin:0;font-size:14px;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}.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;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:68px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px;border-radius:12px;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:#f6ccd466;border-color:var(--rose);box-shadow:0 0 0 2px #f6ccd44d}.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:48px;height:48px;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--primary{background:linear-gradient(135deg,#ffa94d,#ff6fbf);color:#fff;box-shadow:0 12px 20px #ffab9e40}.smart-cards__button--primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px #ffab9e52}.smart-cards__button--secondary{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;box-shadow:0 12px 20px #9ca3af40}.smart-cards__button--secondary:hover{transform:translateY(-2px);box-shadow:0 16px 24px #9ca3af47}.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}.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}.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:#fef7f4}.smart-cards__coloring-content{max-width:900px;margin:0 auto}.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;border-radius:clamp(12px,3vw,16px);box-shadow:0 6px 16px #2c24420d;border:1px solid rgba(246,214,206,.3)}.smart-cards__animal-thumb{width:clamp(56px,11vw,72px);height:clamp(56px,11vw,72px);border-radius:12px;border:2px solid transparent;padding:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:#f6d6ce26}.smart-cards__animal-thumb:hover{border-color:var(--rose);background:#f6d6ce4d}.smart-cards__animal-thumb.active{border-color:var(--rose);background:#f6ccd466;box-shadow:0 6px 14px #f6ccd44d}.smart-cards__animal-thumb img{width:100%;height:100%;object-fit:contain}.smart-cards__coloring-area{background:#fffefd;border-radius:clamp(16px,4vw,22px);padding:clamp(18px,4vw,36px);margin-bottom:clamp(18px,4vw,26px);box-shadow:0 10px 24px #2c24420f;border:1px solid rgba(246,214,206,.3);display:flex;justify-content:center;align-items:center;min-height:380px;overflow:hidden}.smart-cards__coloring-canvas{max-width:100%;max-height:480px;cursor:crosshair;touch-action:none;border-radius:8px}.smart-cards__canvas-stack{position:relative;border:3px solid #e2e8f0;border-radius:16px;overflow:hidden}.smart-cards__canvas-stack:hover{border-color:var(--rose)}.smart-cards__drawing-canvas{max-width:100%;height:auto;display:block}.smart-cards__paint-layer{position:relative;cursor:crosshair;background:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.smart-cards__image-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.smart-cards__color-palette{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,11px);justify-content:center;padding:clamp(14px,3.5vw,20px);background:#fffefd;border-radius:clamp(12px,3vw,16px);margin-bottom:16px;box-shadow:0 6px 16px #2c24420d;border:1px solid rgba(246,214,206,.3)}.smart-cards__color-swatch{width:clamp(38px,8vw,48px);height:clamp(38px,8vw,48px);border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #0000001f}.smart-cards__color-swatch:hover{transform:scale(1.12);box-shadow:0 5px 14px #0000002e}.smart-cards__color-swatch.active{border-color:var(--text-dark);transform:scale(1.18);box-shadow:0 6px 18px #00000040}.smart-cards__brush-controls{display:flex;flex-direction:column;gap:10px;padding:clamp(14px,3.5vw,18px);background:#fffefd;border-radius:clamp(12px,3vw,16px);margin-bottom:14px;box-shadow:0 6px 16px #2c24420d;border:1px solid rgba(246,214,206,.3);align-items:center}.smart-cards__brush-label{font-size:18px;font-weight:600;color:var(--text-dark);text-align:center}.smart-cards__brush-slider{width:100%;max-width:280px;height:7px;border-radius:4px;background:#f6d6ce59;outline:none;-webkit-appearance:none;cursor:pointer}.smart-cards__brush-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--rose);cursor:pointer;box-shadow:0 3px 10px #f6ccd466;transition:all .2s ease}.smart-cards__brush-slider::-webkit-slider-thumb:hover{transform:scale(1.12);box-shadow:0 5px 14px #f6ccd480}.smart-cards__brush-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--rose);cursor:pointer;border:none;box-shadow:0 3px 10px #f6ccd466;transition:all .2s ease}.smart-cards__brush-slider::-moz-range-thumb:hover{transform:scale(1.12);box-shadow:0 5px 14px #f6ccd480}.smart-cards__coloring-controls{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.smart-cards__coloring-hint{text-align:center;padding:clamp(11px,2.8vw,15px);background:#f6d6ce40;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(246,214,206,.35)}.smart-cards__coloring-hint p{margin:0;font-size:18px;font-weight:600;color:var(--text-dark);line-height:1.4}@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}.smart-cards__comparison-card{max-width:150px}.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{min-height:100vh;padding:70px 12px 2vh!important;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.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:1;display:flex;flex-direction:column;padding:2vh!important;border-radius:2.5vh!important;overflow:hidden}.smart-cards__instructions-list{flex:1;display:flex;flex-direction:column;gap:1vh!important;margin-bottom:1.5vh!important;justify-content:space-evenly}.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}}@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}.smart-cards__comparison-card{padding:8px!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:60px!important}.smart-cards__controls button:nth-child(3){flex-basis:100%}.speech-cards-header .header-content h1{font-size:22px!important}}@media (max-width: 767px){.speech-cards-screen{min-height:100dvh!important;height:auto!important;padding-bottom:20px!important}.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}.speech-cards-screen{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}}html:has(.speech-cards-screen .language-card-grid),body:has(.speech-cards-screen .language-card-grid),body:has(.speech-cards-screen .language-card-grid) #root,body:has(.speech-cards-screen .language-card-grid) .app,body:has(.speech-cards-screen .language-card-grid) .mobile-container,body:has(.speech-cards-screen .language-card-grid) .mobile-content{overflow:visible!important;height:auto!important;min-height:100vh!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}}.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:Comic Sans MS,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:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.demo-header{text-align:center;color:#fff;margin-bottom:40px;padding:20px}.demo-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.demo-header p{font-size:1.1rem;opacity:.9;font-style:italic}.demo-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.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-header h1{font-size:2rem}.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(80px + env(safe-area-inset-top,0px));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(70px + env(safe-area-inset-top,0px))}.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:75px;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:75px;left:0;height:calc(100vh - 75px);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}.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:1!important;min-width:0!important}.speech-cards-screen .language-card-description{margin:2px 0!important;padding:0!important;line-height:1.35!important;font-size:14px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.speech-cards-screen .language-card-title{margin:0 0 4px!important;padding:0!important;font-size:20px!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}}.mg-game-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:calc(90px + env(safe-area-inset-top,0px))!important;min-height:calc(90px + env(safe-area-inset-top,0px))!important;padding:0 16px!important;padding-top:env(safe-area-inset-top,0px)!important;background:#fef7f4!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;z-index:1000!important;box-shadow:0 2px 8px #0000000f!important;box-sizing:border-box!important;gap:12px!important}.mg-game-header__back{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;border:2px solid #f2c7cb!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;color:#f2c7cb!important;flex-shrink:0!important;padding:0!important;margin:0!important}.mg-game-header__back:hover{background:#f2c7cb!important;color:#fff!important}.mg-game-header__back svg{width:20px!important;height:20px!important}.mg-game-header__title{font-size:18px!important;font-weight:700!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin:0!important;padding:0 8px!important;text-align:center!important;flex:1!important;line-height:1.3!important;max-width:calc(100% - 120px)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:break-word!important}.mg-game-header__home{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border:none!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important;padding:0!important;margin:0!important}.mg-game-header__home:hover{transform:scale(1.1)!important}.mg-game-header__home svg{width:46px!important;height:46px!important}@media (max-width: 480px){.mg-game-header{height:calc(80px + env(safe-area-inset-top,0px))!important;min-height:calc(80px + env(safe-area-inset-top,0px))!important;padding:0 12px!important;padding-top:env(safe-area-inset-top,0px)!important}.mg-game-header__back{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.mg-game-header__title{font-size:16px!important}.mg-game-header__home,.mg-game-header__home svg{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}.mg-game-header-content-spacing{padding-top:calc(110px + env(safe-area-inset-top,0px))!important}@media (max-width: 480px){.mg-game-header-content-spacing{padding-top:calc(95px + env(safe-area-inset-top,0px))!important}}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{position:fixed;top:20px;left:50%;transform:translate(-50%);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:45px!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)}.drawing-canvas-container{background:#fff;border-radius:24px;padding:clamp(16px,3vw,24px);box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;margin-top:50px;display:flex;justify-content:center;height:auto;overflow:visible}.canvas-stack{position:relative;border:3px solid #e2e8f0;border-radius:16px;overflow:hidden}.canvas-stack:hover{border-color:#4fc3f7}.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}.color-palette-container{background:#fff;border-radius:20px;padding:clamp(20px,4vw,28px);box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;max-width:100%;overflow-x:auto;padding-top:12px;padding-bottom:12px;border-top-width:0px;border-bottom-width:0px}.color-palette{display:flex;flex-wrap:wrap;gap:clamp(10px,2.5vw,14px);justify-content:center;max-width:600px;margin:0 auto;padding:8px!important}.color-swatch{width:clamp(42px,8vw,54px);height:clamp(42px,8vw,54px);border-radius:50%;border:3px solid #e2e8f0;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;position:relative}.color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 16px #00000026}.color-swatch.selected{border-color:#4fc3f7;transform:scale(1.15);box-shadow:0 0 0 3px #4fc3f74d}.color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.drawing-tools{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:20px;padding:8px 16px;box-shadow:0 8px 32px #00000014;border:2px solid #f1f5f9;max-width:100%;flex-wrap:nowrap;height:60px}.brush-size-control{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;height:50px}.brush-size-control label{font-size:11px;font-weight:600;color:#374151;white-space:nowrap}.brush-size-slider{flex:1;min-width:80px;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4fc3f7;cursor:pointer;box-shadow:0 2px 8px #4fc3f74d}.brush-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4fc3f7;cursor:pointer;border:none;box-shadow:0 2px 8px #4fc3f74d}.brush-size-control span{font-size:11px;font-weight:600;color:#4fc3f7;min-width:35px;text-align:center}.tool-buttons{display:flex;gap:8px;flex-shrink:0}.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;padding:4px 8px!important;font-size:10px!important;line-height:1!important;height:auto!important}.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:50px;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:50px;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:center;min-height:calc(100vh - 100px);padding:clamp(20px,4vw,40px);gap:clamp(20px,4vw,32px);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}}.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:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,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-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:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.speech-game__panel-hint{margin:0;font-size:14px;color:var(--text-muted);font-family:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,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:60px 4px 0!important}.speech-game__board{padding:10px 12px;gap:6px;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border:1px solid rgba(246,214,206,.6);border-bottom:none}.speech-game__question-panel{padding:6px 10px;gap:4px;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}.speech-game__panel-hint{font-size:12px;margin:2px 0}.speech-game__category-badge{padding:6px 12px;font-size:11px;margin-top:6px}.speech-game__progress{height:4px;margin-top:6px}.speech-game__layout--full{margin-bottom:0}.speech-game__frame{padding-bottom:0;margin-bottom:0}.speech-game__image-grid{padding:6px;gap:6px;max-height:none;flex:1}.speech-game__grid-wrapper{margin-top:0!important;padding:6px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border:1px solid rgba(246,214,206,.6)!important;border-top:none!important;min-height:0!important;flex:1!important;display:flex!important;flex-direction:column!important}.speech-game__grid-wrapper>div>h3{font-size:13px!important;margin-bottom:6px!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%);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:before,.speech-cards-screen .language-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-size:20px!important;margin-bottom:4px!important;line-height:1.2!important;font-weight:700!important;color:#2d3748!important}.speech-cards-screen .language-card-description{font-size:14px!important;margin-bottom:8px!important;line-height:1.3!important;color:#718096!important;display:block!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-size:clamp(10px,2.5vw,12px)!important;padding:4px 8px!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:6px;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__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 #0000001a;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__basket-activity{max-width:800px;margin:0 auto;padding:20px 20px 120px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.speech-game__basket-container{background:linear-gradient(135deg,#fff5f7,#fffcfd);border-radius:24px;padding:30px;margin-bottom:30px;box-shadow:0 8px 24px #f6ccd433;border:2px solid var(--peach)}.speech-game__basket-header{text-align:center;margin-bottom:20px}.speech-game__basket-title{font-size:clamp(18px,4vw,24px);font-weight:700;color:var(--text-dark);margin-bottom:10px}.speech-game__basket-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#f6d6ce73;color:var(--text-dark);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-family:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,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}@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:40px}.speech-game__available-items-title{text-align:center;font-size:clamp(16px,3.5vw,20px);font-weight:600;color:var(--text-dark);margin-bottom:20px}.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)}.speech-game__basket-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.speech-game__basket-skip-btn,.speech-game__basket-next-btn{background:var(--mint);color:var(--text-dark);border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.speech-game__basket-skip-btn:hover,.speech-game__basket-next-btn:hover{background:var(--peach);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.speech-game__basket-next-btn{background:linear-gradient(135deg,#ffa94d,#ff6fbf);color:#fff;box-shadow:0 8px 16px #ffab9e4d}.speech-game__basket-next-btn:hover{background:linear-gradient(135deg,#ff9a3a,#ff5cac);box-shadow:0 10px 20px #ffab9e66}@media (max-width: 768px){.speech-game__basket-activity{padding:15px 15px 150px;max-height:calc(100vh - 80px)}.speech-game__basket-container{padding:20px}.speech-game__basket{max-width:300px;height:240px;padding:15px}.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.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)}}.phonological-game-screen{min-height:100vh;padding:calc(50px + env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) calc(24px + env(safe-area-inset-bottom,0px));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;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-left:0;padding-right:0}@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:0 auto;padding:0;overflow:visible;min-height:auto}.phonological-game-container{max-width:900px;width:100%;background:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4;display:block;overflow:visible;min-height:auto;margin:0 auto 4px}.card-display{width:100%;background:#fffdfc;border-radius:18px;border:2px solid rgba(246,214,206,.4);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:all .3s ease;line-height:1}.syllable-box.hidden{background:linear-gradient(135deg,#ffd93d,#ffb800);color:#fff;border-color:#ffd93d;font-size:40px;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:correctPop .4s ease-out}@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}.language-card-title{font-size:20px!important;margin-bottom:4px!important;line-height:1.2!important}.language-card-description{font-size:14px!important;margin-bottom:8px!important;line-height:1.3!important}.language-card-meta{gap:6px!important}.language-chip{font-size:clamp(10px,2.5vw,12px)!important;padding:4px 8px!important}@media (max-width: 768px){.phonological-game-screen{height:100vh;padding:calc(44px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column}.phonological-game-frame,.phonological-game-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.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)}}.emotions-game{max-width:800px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 120px)}.game-header{margin-bottom:2rem}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.game-stats{display:flex;justify-content:space-between;font-size:1rem;color:#666}.scenario-counter{font-weight:600}.score{font-weight:600;color:#667eea}.scenario-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014}.scenario-content{text-align:center;margin-bottom:2rem}.scenario-image{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.scenario-title{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:700}.scenario-story{font-size:1.2rem;color:#555;line-height:1.6;max-width:600px;margin:0 auto}.emotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2rem}.emotion-card{background:#f8f9fa;border:3px solid transparent;border-radius:15px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;min-height:120px}.emotion-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;background:#fff}.emotion-card:disabled{cursor:default}.emotion-card.correct{background:#d4f4dd;border-color:#52c41a}.emotion-card.incorrect{background:#ffe4e4;border-color:#ff4d4f}.emotion-card.highlight-correct{animation:pulse .5s ease;background:#d4f4dd;border-color:#52c41a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.emotion-emoji{font-size:2.5rem}.emotion-text{font-size:1rem;font-weight:600;color:#333}.feedback-icon{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.feedback-icon svg{stroke-width:3}.emotion-card.correct .feedback-icon{background:#52c41a;color:#fff}.emotion-card.incorrect .feedback-icon{background:#ff4d4f;color:#fff}.feedback-message{margin-top:2rem;padding:1rem;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:600}.feedback-message.success{background:#d4f4dd;color:#52c41a}.feedback-message.error{background:#ffe4e4;color:#ff4d4f}.emotions-game-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.score-text{font-size:1.2rem;color:#666;margin-bottom:1rem}.stars{display:flex;gap:.5rem;justify-content:center;font-size:2rem}.emotions-oddone{padding-top:calc(80px + env(safe-area-inset-top,0px))}.emotions-svg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem;max-width:500px;margin-left:auto;margin-right:auto}.emotion-svg-card{background:#fff;border:4px solid #e0e0e0;border-radius:20px;padding:1.25rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;min-height:150px;box-shadow:0 4px 15px #00000014}.emotion-svg-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#667eea}.emotion-svg-card:disabled{cursor:default}.emotion-svg-card.correct{background:#d4f4dd;border-color:#52c41a;transform:scale(1.02)}.emotion-svg-card.incorrect{background:#ffe4e4;border-color:#ff4d4f}.emotion-svg-card.highlight-correct{animation:correctPulse .6s ease;background:#d4f4dd;border-color:#52c41a}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.emotion-svg-icon{width:80px;height:80px;object-fit:contain;transition:transform .3s ease}.emotion-svg-card:hover:not(:disabled) .emotion-svg-icon{transform:scale(1.1)}.emotion-svg-card .emotion-text{font-size:1.1rem;font-weight:700;color:#2f2644}.emotion-svg-card .feedback-icon{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.emotion-svg-card.correct .feedback-icon{background:#52c41a;color:#fff}.emotion-svg-card.incorrect .feedback-icon{background:#ff4d4f;color:#fff}@media (max-width: 768px){.emotions-game{padding:1rem}.scenario-container{padding:1.5rem}.emotions-grid{grid-template-columns:repeat(2,1fr)}.scenario-image{font-size:3rem}.scenario-title{font-size:1.25rem}.scenario-story{font-size:1rem}}@media (max-width: 480px){.emotions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.emotion-card{padding:1rem .5rem;min-height:100px}.emotion-emoji{font-size:2rem}.emotion-text{font-size:.9rem}}.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(18px,5vw,24px);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}.emotions-recognition-container{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, #fdf4f1);display:flex;justify-content:center;align-items:flex-start;font-family:Nunito,Poppins,Fredoka,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.emotion-card-display{min-height:clamp(180px,28vh,280px)!important;justify-content:center!important}.emotion-image-wrapper{width:clamp(140px,32vw,220px);height:clamp(140px,32vw,220px);display:flex;align-items:center;justify-content:center}.emotion-big-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.emotion-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.5vw,16px);width:100%;margin-top:clamp(14px,3vw,20px)}.emotion-option-btn{background:#fffdfc;border:2px solid rgba(246,214,206,.4);border-radius:16px;padding:clamp(12px,2.5vw,18px) clamp(8px,2vw,12px);font-size:clamp(.85rem,2.8vw,1.05rem);font-weight:700;color:var(--text-dark, #2c2442);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 16px #2c24420f;min-height:clamp(55px,10vw,70px);position:relative;font-family:inherit;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.emotion-option-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 24px #f6ccd440;border-color:var(--rose, #f6ccd4);background:#fff9f6}.emotion-option-btn:disabled{cursor:default}.emotion-option-btn.correct{background:#22c55e1a;border:2px solid #22c55e;color:#166534;box-shadow:0 0 0 2px #22c55e;transform:scale(1.02)}.emotion-option-btn.incorrect{background:#ef44441a;border:2px solid #ef4444;color:#be123c;transform:scale(.98)}.emotion-option-btn.highlight-correct{animation:highlightPulse .6s ease;background:#22c55e1a;border-color:#22c55e}@keyframes highlightPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.emotion-option-btn .btn-feedback-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.8rem}.emotion-option-btn.correct .btn-feedback-icon{background:#22c55e;color:#fff}.emotion-option-btn.incorrect .btn-feedback-icon{background:#ef4444;color:#fff}.emotion-pagination{display:flex;justify-content:center;gap:8px;margin-top:clamp(16px,4vw,24px);padding:8px 0}.emotion-pagination-dot{width:10px;height:10px;border-radius:50%;background:#f6d6ce80;transition:all .3s ease}.emotion-pagination-dot.active{background:linear-gradient(135deg,var(--rose, #f6ccd4),var(--peach, #f8e0d7));transform:scale(1.3);box-shadow:0 2px 8px #f6ccd466}.emotion-pagination-dot.completed{background:#22c55e}.emotion-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.emotion-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%;width:auto}.emotion-feedback-popup.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.emotion-feedback-popup.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.emotion-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:24px}.emotion-feedback-text{font-size:clamp(16px,4vw,20px);font-weight:700;margin:0;line-height:1.4}.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: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, #fdf4f1)}.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)}@media (max-width: 480px){.emotion-image-wrapper{width:clamp(120px,40vw,180px);height:clamp(120px,40vw,180px)}.emotion-options-grid{gap:8px}.emotion-option-btn{padding:10px 8px;font-size:.95rem;min-height:50px}.emotion-pagination-dot{width:8px;height:8px}.emotion-feedback-popup{padding:20px 30px;margin:0 20px;width:calc(100% - 40px);max-width:300px}}@media (max-height: 600px) and (orientation: landscape){.emotion-card-display{min-height:160px!important}.emotion-image-wrapper{width:120px;height:120px}.emotion-options-grid{margin-top:10px;gap:8px}.emotion-option-btn{min-height:45px;padding:8px 6px}.emotion-pagination{margin-top:10px}}.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}.speech-game__back-btn:hover{background:#0000001a;transform:scale(1.1)}.speech-game__back-btn svg{width:20px;height:20px;pointer-events:none}.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:80px 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)}}.feedback{margin-top:20px;padding:16px 20px;border-radius:14px;text-align:center;font-size:16px;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback.correct{background:#48bb7880;color:#22543d;border:2px solid #48BB78}.feedback.wrong{background:#f5656580;color:#742a2a;border:2px solid #F56565}.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:70px 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,.card-section,.spelling-card{flex:1;display:flex;flex-direction:column}.word-section-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.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}}.action-game *,.action-game *:before,.action-game *:after{border-radius:0!important}.action-game{height:100vh;min-height:100vh;max-height:100vh;padding:calc(60px + env(safe-area-inset-top,0px)) clamp(8px,3vw,16px) calc(12px + 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);background:#fef7f4;display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.action-game--intro{align-items:center;padding:80px clamp(24px,6vw,52px) clamp(24px,6vw,52px);background:#fef7f4;overflow-x:hidden}.action-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:100;color:#2c2442}.action-game__back-btn:hover{background:#0000000d;transform:scale(1.1)}.action-game__back-btn svg{width:20px;height:20px}.action-game__intro-card{width:min(520px,100%);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}}@media (max-width: 600px){.action-game--intro{padding:clamp(18px,6vw,28px)}.action-game__intro-card{padding:clamp(22px,6vw,32px);gap:clamp(18px,5vw,28px)}.action-game__intro-art{width:min(92vw,320px);padding:clamp(16px,5vw,22px);overflow:hidden}.action-game__intro-art:after{left:-6%;width:112%;height:68%}.action-game__intro-stack{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:clamp(8px,4vw,12px);transform:translateY(0)}.action-game__intro-stack img{width:clamp(102px,36vw,142px)}.action-game__intro-stack img:first-child{transform:rotate(-8deg) translate(-12px,-2px)}.action-game__intro-stack img:last-child{transform:translate(12px,-4px) rotate(6deg)}.action-game__intro-list li{font-size:18px}.action-game__question-panel{padding:clamp(12px,5vw,16px);gap:clamp(8px,3.8vw,12px)}.action-game__panel-counter{padding:4px 12px;font-size:18px}.action-game__panel-speaker{width:40px;height:40px}.action-game__speak-icon{width:20px;height:20px}.action-game__question-text{font-size:18px;line-height:1.25}.action-game__panel-hint{font-size:18px}}.action-game__frame{width:100%;max-width:1000px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center}.action-game__layout{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}.action-game__board{background:#fffefd;border-radius:20px;padding:clamp(10px,2vw,16px);box-shadow:0 10px 22px #2c24420d;border:1px solid rgba(246,214,206,.4);display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);flex:1 1 auto;max-height:calc(100vh - 100px);overflow-y:auto}.action-game__question-panel{background:#fff9f6;border-radius:18px;padding:clamp(8px,2vw,12px);border:1px solid rgba(246,214,206,.35);display:flex;flex-direction:column;gap:clamp(4px,1vw,6px)}.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;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{margin:0;font-size:18px;color:var(--text-muted)}.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: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;position:relative}.action-game__option.is-hoverable:active{transform:scale(.98)}.action-game__option--correct{border-color:#22c55e;box-shadow:0 24px 32px #22c55e33}.action-game__option--wrong{border-color:#fb7185;box-shadow:0 24px 32px #fb71852e}.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{text-align:center;display:flex;flex-direction:column;gap:6px}.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:flex;flex-direction:column;gap:16px}.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:calc(60px + env(safe-area-inset-top,0px)) clamp(12px,3vw,20px) calc(12px + 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))}}@media (max-width: 767px){.action-game__board{margin-bottom:0;padding-bottom:clamp(8px,3vw,12px)}.action-game__options{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:clamp(8px,2vw,12px)!important}.action-game__option{height:clamp(100px,25vw,130px);width:100%;max-width:var(--game-card-max-width)}.action-game__option-image img{width:100%;height:100%;object-fit:contain}.action-game__sidebar{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:clamp(8px,3vw,12px);border-radius:20px;background:#fffdfcf0;border:1px solid rgba(246,214,206,.35);box-shadow:0 18px 30px #2c244224;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-game__info-card{border:none;background:transparent;box-shadow:none;padding:0}}.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:#fcf5f2}.action-game__complete-card{background:#fffdfc;border-radius:24px;padding:clamp(28px,6vw,44px);text-align:center;box-shadow:0 16px 32px #2c244214;border:1px solid rgba(246,214,206,.5);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:18px;font-weight:800;color:var(--text-dark);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:12px 28px;border-radius:999px;border:none;background:var(--rose);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 12px 24px #f6d6ce4d;transition:transform .2s ease,box-shadow .2s ease}.action-game__primary-button:hover{transform:translateY(-2px);box-shadow:0 20px 32px #f3b7c547}.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:50px 8px 12px}.action-game__board,.action-game__question-panel{padding:10px}.action-game__sidebar{flex-direction:column}.action-game__options{grid-template-columns:repeat(2,1fr);justify-items:center;gap:clamp(8px,2vw,12px)}.action-game__option{height:clamp(140px,35vw,180px);width:100%;max-width:var(--game-card-max-width)}}@media (max-width: 480px){.action-game__panel-top{align-items:center;gap:8px}.action-game__option{height:20px}}.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:18px;font-weight:700;color:var(--text-dark);margin:0}.category-card__description{font-size:18px;color:var(--text-muted);margin:0;line-height:1.5}.action-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:18px;font-weight:600;text-align:center;margin-top:clamp(12px,3vw,16px);box-shadow:0 4px 12px #f6ccd440}.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{font-size:18px;color:var(--text-muted);text-align:center;margin:0}@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(auto-fit,minmax(clamp(140px,30vw,180px),1fr));gap:clamp(16px,4vw,24px);margin-top:clamp(20px,4vw,28px);justify-items:center}.action-game__memory-card{position:relative;width:100%;max-width:clamp(160px,35vw,200px);aspect-ratio:3 / 4;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{align-self:center;margin-top:clamp(20px,4vw,28px);max-width:500px}.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,#f6ccd4,#f8b4c3);color:#fff;box-shadow:0 12px 24px #f6ccd459}.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:18px;font-weight:700;color:#2d3748;line-height:1.3}.action-game__category-item-content p{margin:0;font-size:14px;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)}}.action-game__image-card,.action-game__choice-card,.action-game__category-item{border-radius:0!important}@media (max-width: 640px){.action-game__category-item{flex-direction:column;text-align:center}.action-game__category-item-meta{justify-content:center}}.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)}@media (min-width: 1024px){.montessori-game{padding:10px 0 0!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%);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 0 10px;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:0;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:0 0 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:0!important;place-items:stretch!important;align-content:stretch!important;border-radius:16px}.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:0!important;margin:0!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}}@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:100px!important;height:130px!important;bottom:10px!important}.deck-card .shape-image{width:55px!important;height:55px!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:110px!important;height:110px!important;max-width:110px!important;max-height:110px!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;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.05)!important;background:#fffc;border-color:#4ecdc4cc}.shape-outline.filled{background:#ffffffe6}.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:90px!important;height:90px!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(1){top:calc(50% - 225px)!important;left:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(2){top:calc(50% - 135px)!important;left:auto!important;right:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(3){top:calc(50% - 45px)!important;left:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(4){top:calc(50% + 45px)!important;left:auto!important;right:0!important}.outlines-section[data-category=zwa] .shape-outline:nth-child(5){top:calc(50% + 135px)!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}.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:.4rem;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:linear-gradient(135deg,#fffde7,#fff8e1);box-shadow:0 4px 16px #ffc10766;transform:scale(1.08)}.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:55px;height:55px;padding:.3rem}}@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:55px!important;height:55px!important;padding:.3rem!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:10px!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:0!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 - 120px - 18vh)!important;max-height:calc(100svh - 120px - 18vh)!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to bottom,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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:not([data-category=koritsaki]):not([data-category=agoraki]) .shape-outline img{width:clamp(50px,15vw,100px)!important;height:clamp(50px,15vw,100px)!important;max-width:clamp(50px,15vw,100px)!important;max-height:clamp(50px,15vw,100px)!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;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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,1fr)!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;opacity:1!important;filter:none!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]),.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;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!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;background:linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!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;background:linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to bottom,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!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;margin:0!important;padding:0!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}.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:105px!important;height:105px!important;max-width:105px!important;max-height:105px!important;object-fit:contain!important;margin:0!important;padding:0!important;position:static!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}.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:35px 10px 2px!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:14vw!important;height:14vw!important}.montessori-v2 .carousel-container-montessori{padding:1vw .3rem 2.5vw .3rem!important;gap:1.5vw!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{position:fixed!important;bottom:0!important;top:unset!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;width:28vw!important;height:40vw!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 .shape-image{width:25vw!important;height:25vw!important;min-width:25vw!important;min-height:25vw!important}.montessori-v2 .outlines-section[data-category=arithmoi] .shape-outline .placed-card.deck-card .shape-image{width:25vw!important;height:25vw!important;min-width:25vw!important;max-width:25vw!important;min-height:25vw!important;max-height:25vw!important;transform:scale(1)!important}}@media (max-width: 767px) and (max-height: 750px){.montessori-v2 .game-title-section{padding:35px 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,130px)!important;height:390px!important;min-height:390px!important;max-height:390px!important;margin:5px!important;width:calc(100% - 10px)!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent 129px,rgba(150,150,150,.6) 129px,rgba(150,150,150,.6) 131px,transparent 131px),linear-gradient(to bottom,transparent 259px,rgba(150,150,150,.6) 259px,rgba(150,150,150,.6) 261px,transparent 261px),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:85px!important;height:85px!important;max-width:85px!important;max-height:85px!important}.montessori-v2 .card-deck{bottom:0!important;top:unset!important}.montessori-v2 .placed-card.deck-card{width:26vw!important;height:36.4vw!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{width:15vw!important;height:15vw!important}.montessori-v2 .outlines-section[data-category=zwa] .placed-card.deck-card{width:28vw!important;height:calc(28vw * 1.4)!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:18vw!important;height:18vw!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,95px)!important;height:380px!important;min-height:380px!important;max-height:380px!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent 94px,rgba(150,150,150,.6) 94px,rgba(150,150,150,.6) 96px,transparent 96px),linear-gradient(to bottom,transparent 189px,rgba(150,150,150,.6) 189px,rgba(150,150,150,.6) 191px,transparent 191px),linear-gradient(to bottom,transparent 284px,rgba(150,150,150,.6) 284px,rgba(150,150,150,.6) 286px,transparent 286px),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,95px)!important;height:380px!important;min-height:380px!important;max-height:380px!important;background:linear-gradient(to right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),linear-gradient(to bottom,transparent 94px,rgba(150,150,150,.6) 94px,rgba(150,150,150,.6) 96px,transparent 96px),linear-gradient(to bottom,transparent 189px,rgba(150,150,150,.6) 189px,rgba(150,150,150,.6) 191px,transparent 191px),linear-gradient(to bottom,transparent 284px,rgba(150,150,150,.6) 284px,rgba(150,150,150,.6) 286px,transparent 286px),linear-gradient(to bottom,#ffffffb3,#f0f0f080)!important}.montessori-v2 .outlines-section[data-category=sximata] .shape-outline img,.montessori-v2 .outlines-section[data-category=sximata] .shape-outline .shape-svg,.montessori-v2 .outlines-section[data-category=arithmoi] .shape-outline img,.montessori-v2 .outlines-section[data-category=arithmoi] .shape-outline .shape-svg{width:65px!important;height:65px!important;max-width:65px!important;max-height:65px!important}}.montessori-v2 .shape-outline.drag-over{background:#4caf5026!important;border-color:#4caf5080!important;transform:scale(1.03)}.card-deck{display:block!important;position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:130px;height:170px;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:Nunito,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:Nunito,sans-serif!important;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:18px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 10px 10px;background:#fff;box-shadow:#64646f40 0 7px 29px;transform-origin:bottom center;transition:.3s cubic-bezier(.175,.885,.32,1.275);cursor:default;border:3px solid #e0e0e0}.deck-card:nth-child(2){background:#f8f8f8}.deck-card:nth-child(3){background:#f0f0f0}.deck-card:nth-child(4){background:#e8e8e8}.deck-card:nth-child(5){background:#e0e0e0}.deck-card--active{cursor:grab;background:#fff;border-color:#4ecdc4;box-shadow:#4ecdc466 0 7px 29px,#4ecdc433 0 0 0 4px;z-index:100!important}.deck-card--active:hover{transform:translateY(-15px)}.deck-card--active:active{cursor:grabbing;transform:scale(.95);box-shadow:#64646f33 0 4px 15px}.deck-card:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid rgba(78,205,196,.2);border-radius:12px;pointer-events:none}.deck-card--active:before{border-color:#4ecdc466}.deck-card:after{content:none}.deck-card .shape-image{width:75px!important;height:75px!important;object-fit:contain;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.2));position:relative;z-index:1}.deck-card .shape-label{display:block!important;font-size:11px;font-weight:700;color:#4a5568;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;background:#4ecdc41a;padding:4px 10px;border-radius:10px;position:relative;z-index:1;font-family:Nunito,sans-serif}.deck-card--active .shape-label{background:#4ecdc433;color:#2d3748}.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:rotate(-1deg) translateY(-3px)}.deck-card:nth-child(3){transform:rotate(.5deg) translateY(-6px)}.deck-card:nth-child(4){transform:rotate(-.5deg) translateY(-9px)}.deck-card:nth-child(5){transform:rotate(1deg) translateY(-12px)}.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:"";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%);animation:successGlow .6s ease-out forwards;pointer-events:none;z-index:-1}@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 .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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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 right,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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 right,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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 right,transparent calc(25% - 1px),rgba(150,150,150,.6) calc(25% - 1px),rgba(150,150,150,.6) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(75% - 1px),rgba(150,150,150,.6) calc(75% - 1px),rgba(150,150,150,.6) calc(75% + 1px),transparent calc(75% + 1px)),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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% - 1px),rgba(150,150,150,.6) calc(33.33% + 1px),transparent calc(33.33% + 1px)),linear-gradient(to right,transparent calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% - 1px),rgba(150,150,150,.6) calc(66.66% + 1px),transparent calc(66.66% + 1px)),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 right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),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 right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),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 right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),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 right,transparent calc(50% - 1px),rgba(150,150,150,.6) calc(50% - 1px),rgba(150,150,150,.6) calc(50% + 1px),transparent calc(50% + 1px)),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:120px!important;height:120px!important;max-width:120px!important;max-height:120px!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:180px!important;height:180px!important;max-width:180px!important;max-height:180px!important;object-fit:contain!important;margin:0 auto!important;padding:0!important;position:static!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: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=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 .deck-card .shape-label{font-size:12px!important}.montessori-v2 .card-deck{width:130px!important;height:180px!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:visible!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}}#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 15px 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:15px;padding:12px 24px;background:linear-gradient(135deg,#f6ccd4,#f8e0d7);border-radius:16px;box-shadow:0 4px 12px #f6ccd459}.coloring-letter{font-size:clamp(48px,12vw,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 5px;margin-bottom:15px;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(32px,8vw,40px);height:clamp(32px,8vw,40px);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}@media (max-width: 480px){.coloring-thumb{width:50px;height:50px}.coloring-letter-display{padding:10px 18px}.color-swatch{width:28px;height:28px}}@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}.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}.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:15px 40px;border-radius:16px;min-width:180px;text-align:center;box-shadow:0 4px 12px #0000001a;border:4px solid #8fc4d8}.digital-time{font-size:48px;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}}: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{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(120px,30vw,160px);height:clamp(120px,30vw,160px);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(110px,28vw,150px);height:clamp(110px,28vw,150px);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(92px,38vw,120px);height:clamp(92px,38vw,120px)}}.farm-animals-game *,.farm-animals-game *:before,.farm-animals-game *:after{border-radius:0!important}.farm-animals-game{min-height:100vh;background:#fef7f4;padding:80px 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%);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:18px;color:#2e7d32;margin-bottom:.5rem;font-weight:700}.farm-animals-game__header p{font-size:18px;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:18px;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:600px}.coloring-section{display:flex;gap:2rem;padding:2rem;position:relative}.mobile-filter-toggle{display:none;position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #4caf5066;z-index:100;transition:all .3s ease;align-items:center;gap:.5rem}.mobile-filter-toggle:active{transform:scale(.95);box-shadow:0 3px 10px #4caf5080}.filter-icon,.filter-text{font-size:18px}.controls-backdrop{display:none}.color-controls{display:flex;flex-direction:column;gap:1.5rem;min-width:200px}.color-palette h3,.brush-controls h3{font-size:18px;color:#424242;margin:0 0 .75rem;text-align:center}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.selected-color-name{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:18px;font-weight:700;color:#424242;margin-top:.75rem;padding:.5rem;background:#f5f5f5;border-radius:8px}.speak-color-btn{background:#4caf50;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;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)}.color-button{width:40px;height:40px;border:3px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.color-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.color-button.selected{border-color:#2196f3;border-width:4px;transform:scale(1.15);box-shadow:0 0 0 3px #2196f34d}.brush-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#f5f5f5;padding:1rem;border-radius:12px}.brush-slider{width:100%;cursor:pointer}.brush-size-label{font-size:18px;font-weight:600;color:#424242}.clear-button{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:12px;padding:1rem;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f443364d}.clear-button:hover{background:linear-gradient(135deg,#ef5350,#e53935);transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border-radius:16px;padding:1rem;box-shadow:inset 0 2px 8px #0000001a}.coloring-canvas{max-width:100%;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:crosshair}.feedback{margin:2rem;padding:1.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:18px;font-weight:600}.feedback--correct{background:#c8e6c9;color:#2e7d32;border:3px solid #4caf50}.feedback--incorrect{background:#ffcdd2;color:#c62828;border:3px solid #f44336}.feedback__icon{font-size:18px;font-weight:700}.feedback__text{font-size:18px}.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:70px 1rem 1rem}.farm-animals-game__header h1,.farm-animals-game__header p,.animal-card__header h2{font-size:18px}.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:1rem}.color-controls{min-width:unset}.color-grid{grid-template-columns:repeat(5,1fr)}.canvas-container{padding:.5rem}.coloring-canvas{max-height:400px}.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}.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{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,179,217,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.carousel-animal:hover:before{opacity:1}.carousel-animal:hover{border-color:#ffb3d9;transform:scale(1.15);box-shadow:0 6px 16px #ffb3d94d}.carousel-animal.selected{border-color:#ff85c1;border-width:3px;background:linear-gradient(135deg,#fff0f7,#ffe8f0);box-shadow:0 8px 20px #ff85c180;transform:scale(1.2)}.carousel-animal.selected:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:linear-gradient(135deg,#ff85c133,#ffb3d91a);z-index:-1;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.carousel-animal.completed{border-color:#66bb6a;background:linear-gradient(135deg,#e8f5e9,#f1f8e9)}.carousel-animal.completed.selected{border-color:#43a047;box-shadow:0 10px 30px #43a04759}.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:70px .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;overflow:hidden}.animal-card__header h2{font-size:18px}.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}.mobile-filter-toggle{display:flex}.coloring-section{flex-direction:column;padding:1rem}.controls-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.color-controls{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 10px 40px #0000004d;z-index:101;max-width:90vw;max-height:80vh;overflow-y:auto}.color-controls.show{display:flex}.canvas-container{width:100%;padding:.5rem}}@media (max-width: 480px){.farm-animals-game{padding:70px .5rem .75rem}.farm-animals-game__header{margin-bottom:.75rem}.animal-card__header{padding:.85rem 1rem;overflow:hidden}.animal-card__header h2{font-size:18px}.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}.tab-button-inline{padding:.35rem .6rem;font-size:14px;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}.mobile-filter-toggle{display:flex;padding:.6rem 1.2rem;font-size:18px}.filter-icon,.filter-text{font-size:18px}.coloring-section{flex-direction:column;padding:.75rem}.controls-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.color-controls{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.25rem;border-radius:16px;box-shadow:0 10px 40px #00000059;z-index:101;max-width:85vw;max-height:75vh;overflow-y:auto;gap:1rem}.color-controls.show{display:flex}.color-grid{grid-template-columns:repeat(5,1fr);gap:.4rem}.color-button{width:35px;height:35px}.canvas-container{width:100%;padding:.5rem}}.farm-card,.color-button,.canvas-container{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}@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}.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}.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:16px;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}@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-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{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}@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}.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}.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}.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{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{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:15px;flex-wrap:wrap;justify-content:center;padding:15px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.color-option{width:50px;height:50px;border-radius:50%;cursor:pointer;border:4px solid transparent;transition:all .3s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.2)}.hexagon-grid{display:grid;grid-template-columns:repeat(7,90px);gap:12px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026}.hexagon{width:90px;height:70px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-radius:8px}.hexagon:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.hexagon-content{font-size:18px;font-weight:700;color:#333;text-align:center;padding:5px}@media (max-width: 768px){.hexagon-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:18px;max-width:100%}.hexagon{width:100%;height:60px}.hexagon-content{font-size:16px}.instructions p{font-size:18px}.color-option{width:45px;height:45px}}@media (max-width: 480px){.hexagon-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:12px}.hexagon{width:100%;height:55px}.hexagon-content{font-size:14px}.instructions p{font-size:16px}.color-option{width:40px;height:40px}}.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{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:0;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}.tabs-header{margin:8px 6px 2px;gap:6px;flex-shrink:0}.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{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){.cups-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;max-width:100%;overflow:hidden}.cup{max-width:87%}.cup-body{width:90%;max-width:100px;height:80px}.cup-handle{right:-25px;width:28px;height:40px}.equation{font-size:14px;padding:4px 8px}}.calculator-game-content{padding:20px;max-width:1400px;margin:0 auto;position:relative}.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:flex-start;margin-bottom:30px;padding-top:20px}.horizontal-equations{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 8px #0000001a;min-width:300px;flex-shrink:0}.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(4,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){.calculator-exercises{flex-direction:column;align-items:center}.vertical-equations{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.vertical-equations{grid-template-columns:repeat(2,1fr);gap:15px}.horizontal-equations{min-width:250px}}@media (max-width: 480px){.calculator-icon-container{display:none}.calculator-game-content{padding:10px}.calculator-exercises{padding:0;gap:15px;flex-direction:column}.horizontal-equations{width:100%;min-width:auto;padding:25px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000001a}.vertical-equations{width:100%;grid-template-columns:repeat(2,1fr);gap:15px;padding:25px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000001a;justify-items:center}.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}}.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:2rem;padding:2rem;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(12,60px);grid-template-rows:repeat(12,60px);gap:3px;background:#ddd;padding:5px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-left:auto;margin-right:auto;width:fit-content}.crossword-cell{background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#2c3e50;border-radius:2px}.crossword-cell.empty-cell{background:transparent;border:none}.crossword-cell.number-cell{background:#fff9e6;border:2px solid #FFD700}.crossword-cell.symbol-cell{background:#ffe5b4;border:2px solid #FFA500;color:#e67e22}.crossword-cell.input-cell{background:#e8f5e9;border:2px solid #4CAF50;padding:2px}.crossword-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:18px;font-weight:700;color:#2c3e50;outline:none}.crossword-input::placeholder{color:#bbb}.crossword-input.correct{background:#c8e6c9;color:#2e7d32}.crossword-input.incorrect{background:#ffcdd2;color:#c62828}@media (max-width: 1024px){.crossword-grid{grid-template-columns:repeat(12,52px);grid-template-rows:repeat(12,52px);gap:3px}.crossword-cell,.crossword-input{font-size:18px}.crossword-content{padding:1.5rem;gap:1.5rem}}@media (max-width: 768px){.crossword-grid{grid-template-columns:repeat(12,44px);grid-template-rows:repeat(12,44px);gap:2px;padding:3px}.crossword-cell{font-size:18px;border-width:1px}.crossword-cell.input-cell{padding:1px}.crossword-input{font-size:18px}.crossword-content{padding:1rem;gap:1rem}}@media (max-width: 480px){.crossword-content{padding:.5rem;gap:.5rem;min-height:calc(100vh - 80px)}.crossword-grid{grid-template-columns:repeat(12,30px);grid-template-rows:repeat(12,30px);gap:1px;padding:2px;border-radius:4px}.crossword-cell{font-size:18px;border-width:1px;border-radius:1px}.crossword-cell.number-cell{border:1px solid #FFD700}.crossword-cell.symbol-cell{border:1px solid #FFA500}.crossword-cell.input-cell{border:1px solid #4CAF50;padding:1px}.crossword-input{font-size:18px}}@media (max-width: 390px){.crossword-content{padding:.25rem;gap:.5rem}.crossword-grid{grid-template-columns:repeat(12,28px);grid-template-rows:repeat(12,28px);gap:1px;padding:2px}.crossword-cell,.crossword-input{font-size:18px}}@media (max-width: 360px){.crossword-content{overflow-x:auto;overflow-y:visible;padding:.25rem;gap:.5rem}.crossword-grid{grid-template-columns:repeat(12,26px);grid-template-rows:repeat(12,26px);gap:1px;padding:1px;min-width:fit-content}.crossword-cell,.crossword-input{font-size:18px}}.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:grid;grid-template-columns:repeat(2,1fr);gap:25px 50px;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}@media (max-width: 768px){.fill-numbers-grid{grid-template-columns:1fr;gap:20px;padding:0 15px}.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-number-box{width:50px;height:50px;font-size:18px}.fill-number-input,.fill-operator{font-size:18px}.fill-numbers-equation{gap:10px}.fill-numbers-instruction p{font-size:18px}}.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}@media (max-width: 768px){.word-problem-card{padding:30px}.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}.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}}.multiplication-header{border-radius:0!important}.smart-cards-custom-card .language-card-icon{width:clamp(80px,18vw,100px)!important;height:clamp(80px,18vw,100px)!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-size:20px!important;line-height:1.3!important}.smart-cards-custom-card .language-card-description{font-size:14px!important;line-height:1.45!important}@media (max-width: 768px){.smart-cards-custom-card{min-height:168px!important}}.smallest-levels-container{display:flex;flex-direction:column;gap:clamp(10px,2vw,16px);width:100%;max-width:900px;margin:0 auto}.smallest-level-card{background:#fff;border:2px solid rgba(246,204,212,.5);border-radius:16px;padding:clamp(10px,2vw,16px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.smallest-level-card--complete{border-color:#4caf50;background:#4caf500d}.smallest-level-title{font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#2c2442;text-align:center;margin-bottom:clamp(4px,1vw,8px)}.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:transform .2s ease}.smallest-item:hover{transform:scale(1.02)}.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}.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 (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:6px}.smallest-item-image-wrapper{min-height:65px}.smallest-item-image{max-height:90px}.smallest-item-circle-svg{width:120%;height:120%}.smallest-levels-container{gap:6px}.smallest-level-card{padding:8px 10px;border-radius:12px}.smallest-level-title{font-size:17px;margin-bottom:4px}}.compare-levels-container{display:flex;flex-direction:column;gap:clamp(10px,2vw,16px);width:100%;max-width:900px;margin:0 auto}.compare-level-card{background:#fff;border:2px solid rgba(246,204,212,.5);border-radius:16px;padding:clamp(10px,2vw,16px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.compare-level-card--complete{border-color:#4caf50;background:#4caf500d}.compare-level-title{font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#2c2442;text-align:center;margin-bottom:clamp(4px,1vw,8px)}.compare-cards-grid{display:grid;gap:clamp(12px,3vw,20px);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(12px,3vw,16px)}.compare-card__image-wrapper{background:#fff;border:10px solid var(--rose, #f6ccd4);padding:clamp(8px,2vw,16px);width:100%;display:flex;align-items:center;justify-content:center;min-height:clamp(120px,18vw,180px)}.compare-card__image{max-width:100%;max-height:clamp(100px,16vw,160px);width:auto;height:auto;object-fit:contain}.compare-card__checkbox{width:clamp(45px,10vw,60px);height:clamp(45px,10vw,60px);border:3px solid var(--rose, #f6ccd4);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}.compare-card__checkbox:hover{transform:scale(1.05);border-color:#f4b8c4}.compare-card__checkbox--correct{background:#a8c8d8;border-color:#a8c8d8;color:#fff}.compare-card--correct .compare-card__image{animation:growImage .6s ease forwards}.compare-card--correct .compare-card__image-wrapper{border-color:#a8c8d8;box-shadow:0 0 20px #a8c8d899}@keyframes growImage{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.15)}}.compare-card__checkbox--wrong{background:#f44336;border-color:#f44336;color:#fff;animation:shake .5s ease}@media (max-width: 768px){.compare-cards-grid{gap:clamp(8px,2vw,12px)}.compare-card__image-wrapper{padding:clamp(8px,2vw,12px);min-height:clamp(80px,15vw,120px);border-width:6px}.compare-card__image{max-height:clamp(70px,14vw,110px)}.compare-card{gap:clamp(6px,1.5vw,10px)}.compare-card__checkbox{width:clamp(30px,8vw,40px);height:clamp(30px,8vw,40px);font-size:clamp(16px,4vw,22px)}}@media (max-width: 480px){.compare-levels-container{gap:6px}.compare-level-card{padding:19px;border-radius:12px}.compare-level-title{font-size:17px;margin-bottom:12px}.compare-cards-grid{gap:8px}.compare-card{gap:6px}.compare-card__image-wrapper{padding:6px;min-height:100px;border-width:5px}.compare-card__image{max-height:95px}.compare-card__checkbox{width:24px;height:24px;font-size:12px;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:6px solid var(--rose, #f6ccd4);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)}.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 var(--rose, #f6ccd4);background:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;z-index:2}.connect-piece-connector:hover{transform:scale(1.15);border-color:#f4b8c4}.connect-piece-connector--active{background:#ff6b9d;border-color:#ff6b9d;animation:pulse .6s ease-in-out infinite}.connect-piece-connector--connected{background:#4caf50;border-color:#4caf50;pointer-events:none}@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:0}@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);border-width:3px;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;border-width:3px;max-width:100px;min-height:75px;height:75px}.connect-piece-connector{width:14px;height:14px;border-width:2px}}.find-different-levels-container{display:flex;flex-direction:column;gap:clamp(10px,2vw,16px);width:100%;max-width:900px;margin:0 auto}.find-different-level-card{background:#fff;border:2px solid rgba(246,204,212,.5);border-radius:16px;padding:clamp(10px,2vw,16px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.find-different-level-card--complete{border-color:#a8c8d8;background:#a8c8d81a}@media (min-width: 769px){.action-game__board{max-height:fit-content}}.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:transform .2s ease}.find-different-item:hover{transform:scale(1.02)}.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}.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:6px}.find-different-level-card{padding:8px}.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:#fffefd;border-radius:clamp(20px,5vw,28px);box-shadow:0 10px 24px #2c244214;border:1px solid rgba(246,214,206,.4);text-align:center}.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:#f6d6ce26;border-radius:clamp(12px,3vw,16px);border:1px solid rgba(246,214,206,.3)}.action-game__intro-step-number{flex-shrink:0;width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);border-radius:50%;background:#f6ccd4;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 4px 10px #f6ccd459}.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(90deg,#ffb84d,#ff6b9d);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px #ff6b9d4d;transition:all .3s ease}.action-game__intro-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b9d66}.count-objects-container{display:flex;flex-direction:column;gap:clamp(15px,2.5vw,25px);width:100%;max-width:1600px;margin:0 auto;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:space-between;align-items:flex-end;gap:clamp(12px,2vw,20px);width:100%}.count-objects-image-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:0}.count-objects-image-item img{max-width:100%;width:100%;max-height:clamp(250px,30vw,400px);height:auto;object-fit:contain;display:block}.count-objects-dropzones-row{display:flex;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,20px);width:100%}.count-objects-dropzone-wrapper{flex:1;display:flex;flex-direction:column;align-items:stretch;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 #D1D5DB;border-radius:8px;min-height:clamp(60px,8vw,80px);transition:all .2s ease;position:relative}.count-objects-dropzone--dragging-over{border-color:#3b82f6;background:#e6f3ff}.count-objects-dropzone--filled{border-style:solid;border-color:#3b82f6;background:#fff}.count-objects-dropzone--correct{border-color:#4caf50!important;border-width:3px!important;background:#e8f5e9!important}.count-objects-dropzone--wrong{border-color:#f44336!important;border-width:3px!important;background:#ffebee!important;animation:shake .4s ease}.count-objects-number-draggable{width:clamp(45px,7vw,60px);height:clamp(45px,7vw,60px);border:2px solid #CBD5E0;background:#fff;font-size:clamp(22px,4vw,28px);font-weight:700;color:#2c2442;cursor:grab;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #0000001a}.count-objects-number-draggable:hover{transform:scale(1.05)}.count-objects-number-draggable:active{cursor:grabbing}.count-objects-number-draggable--dragging{opacity:.5;cursor:grabbing}.count-objects-number-draggable--in-dropzone{border-color:#3b82f6;background:#e6f3ff;color:#3b82f6;cursor:grab}.count-objects-number-draggable--selected{border-color:#f59e0b;background:#fef3c7;color:#f59e0b;transform:scale(1.1);box-shadow:0 0 0 3px #f59e0b4d}.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:#f9fafb;border-radius:10px;border:2px solid #E5E7EB}.count-objects-check-container{display:flex;justify-content:center;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:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.count-objects-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.count-objects-check-btn--disabled{opacity:.5;cursor:not-allowed}.count-objects-check-btn--success{background:#4caf50;box-shadow:0 4px 12px #4caf504d}.count-objects-check-btn--error{background:#f44336;box-shadow:0 4px 12px #f443364d;animation:shake .4s 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}.action-game__category-badge{font-size:12px!important;padding:4px 12px!important}.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-between}.count-objects-dropzones-row{flex-direction:column!important;gap:0!important;flex:0 0 auto;width:auto!important;justify-content:space-between}.count-objects-image-item{width:100%;flex:1;display:flex;align-items:flex-start;justify-content:center}.count-objects-image-item img{max-height:90px;width:auto!important}.count-objects-dropzone{min-height:50px;width:70px}.count-objects-dropzone-wrapper{flex:1;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.count-objects-images-row,.count-objects-dropzones-row{flex-direction:column;gap:0}.count-objects-image-item img{max-height:68px}.count-objects-dropzone{min-height:50px;padding:8px}.count-objects-number-draggable{width:45px;height:45px;font-size:20px}.count-objects-number-pool{padding:12px}.count-objects-container{gap:8px}}.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 var(--rose, #f6ccd4);padding:clamp(6px,1.5vw,10px);cursor:pointer;transition:all .2s ease}.color-shape-interactive-item:hover{transform:scale(1.05);border-color:#f4b8c4;box-shadow:0 4px 12px #f6ccd466}.color-shape-interactive-item--colored{border-style:solid}.color-shape-interactive-item--error{border-color:#e44747!important;border-style:solid!important;box-shadow:0 0 0 2px #e447474d}.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:linear-gradient(135deg,#f9f5f7,#fff);border-radius:16px;border:2px dashed #d4a8b0;box-shadow:0 4px 16px #f6ccd44d}.color-shapes-palette-label{font-size:clamp(14px,3vw,18px);font-weight:600;color:#6b4c5a;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:#2c2442;box-shadow:0 8px 20px #2c24424d,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 #2c24424d,0 4px 8px #0003}50%{box-shadow:0 8px 24px #2c244280,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:#15803826;color:#158038;border:2px solid #158038}.color-shapes-feedback--error{background:#e4474726;color:#e44747;border:2px solid #e44747}.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,#f6ccd4,#f8b4c3);color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f6ccd466}.color-shapes-validate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6ccd480}.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 var(--rose, #f6ccd4);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 #f6ccd466;background:var(--rose, #f6ccd4);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(10px,2vw,16px);width:100%;max-width:900px;margin:0 auto}.count-animals-level-card{background:#fff;border:2px solid rgba(246,204,212,.5);border-radius:16px;padding:clamp(8px,1.5vw,14px);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.count-animals-level-card--complete{border-color:#a8c8d8;background:#a8c8d81a}.count-animals-level-card--error{border-color:#f44336;background:#f443360d;animation:shake .4s ease}.count-animals-level-content{display:flex;align-items:center;gap:clamp(12px,3vw,20px);width:100%}.count-animals-number-badge{background:linear-gradient(135deg,#f6ccd4,#f8b4c3);border-radius:12px;padding:clamp(10px,2vw,16px) clamp(14px,3vw,22px);box-shadow:0 4px 12px #f6ccd466;flex-shrink:0}.count-animals-number-badge span{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:#2c2442}.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:transform .2s ease}.count-animals-item:hover{transform:scale(1.05)}.count-animals-item--selected{transform:scale(1.02)}.count-animals-image-wrapper{width:clamp(60px,14vw,110px);height:clamp(60px,14vw,110px);position:relative;display:flex;align-items:center;justify-content:center}.count-animals-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.count-animals-circle-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;pointer-events:none;z-index: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:10px 28px;border-radius:25px;border:none;background:linear-gradient(135deg,#f6ccd4,#f8b4c3);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f6ccd466}.count-animals-check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6ccd480}@media (min-width: 769px){.count-animals-game .action-game__board{max-height:fit-content}}@media (max-width: 768px){.count-animals-grid{gap:clamp(6px,1.5vw,10px)}.count-animals-image-wrapper{width:clamp(45px,11vw,70px);height:clamp(45px,11vw,70px)}.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:4px}.count-animals-level-card{padding:6px 8px;border-radius:12px}.count-animals-level-content{gap:8px}.count-animals-grid{gap:5px}.count-animals-image-wrapper{width:clamp(58px,15vw,75px);height:clamp(58px,15vw,75px)}.count-animals-number-badge{padding:6px 10px;border-radius:8px}.count-animals-number-badge span{font-size:1rem}.count-animals-circle-svg{width:120%;height:120%}.count-animals-check-container{padding:10px 0;margin-top:initial}.count-animals-check-btn{padding:10px 28px;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:#fff;border-radius:16px;padding:clamp(12px,3vw,20px);box-shadow:0 4px 20px #00000014;border:3px solid #e8e0f0;display:flex;align-items:center;justify-content:center;max-width:90%;max-height:30vh}.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 #e8e0f0;background:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#2c2442;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014}.count-correct-option:hover{border-color:#a78bfa;transform:scale(1.05);box-shadow:0 6px 16px #a78bfa4d}.count-correct-option--selected{border-color:#a78bfa;background:#a78bfa1a}.count-correct-option--correct{border-color:#4caf50;background:#4caf5026;box-shadow:0 0 0 3px #4caf504d}.count-correct-option--wrong{border-color:#e44747;background:#e447471a;box-shadow:0 0 0 3px #e447474d}.count-correct-feedback{padding:12px 24px;border-radius:12px;font-weight:600;font-size:clamp(.9rem,2.5vw,1.1rem);text-align:center}.count-correct-feedback--success{background:#4caf5026;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.count-correct-feedback--error{background:#e447471a;color:#c62828;border:2px solid rgba(228,71,71,.3)}.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:12px;border:none;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;font-weight:600;font-size:clamp(.85rem,2vw,1rem);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a78bfa4d}.count-correct-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #a78bfa66}.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:25vh}.count-correct-image{max-height:20vh}.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:#a78bfa;stroke-width:3;stroke-linecap:round}.match-dice-line--correct{stroke:#a8c8d8;stroke-width:4}.match-dice-line--temp{stroke:#f6ccd4;stroke-width:3;stroke-dasharray:8 4}.match-dice-line--dragging{stroke:#a78bfa;stroke-width:3;stroke-dasharray:6 3;opacity:.7}.match-dice-line--error{stroke:#e44747;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:10px;border:2px solid #e8e0f0;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;padding:6px}.match-dice-item:hover:not(:disabled){border-color:#a78bfa;transform:scale(1.05);box-shadow:0 4px 12px #a78bfa4d}.match-dice-item--selected{border-color:#f6ccd4;background:#f6ccd41a;box-shadow:0 4px 12px #f6ccd466}.match-dice-item--complete{border-color:#4caf50;background:#4caf501a}.match-dice-item--used{opacity:.5;cursor:not-allowed}.match-dice-item--temp{border-color:#f6ccd4;background:#f6ccd426;box-shadow:0 0 0 3px #f6ccd44d}.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:12px;font-weight:600;font-size:18px;text-align:center;z-index:10}.match-dice-feedback--success{background:#4caf5026;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.match-dice-feedback--error{background:#e447471a;color:#c62828;border:2px solid rgba(228,71,71,.3)}@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(42px,15vw,55px);height:clamp(42px,15vw,55px);border-width:2px;border-radius:8px;padding:3px}.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:#a78bfa;stroke-width:2;stroke-linecap:round}.connect-numbers-line--correct{stroke:#a8c8d8;stroke-width:3}.connect-numbers-line--dragging{stroke:#a78bfa;stroke-width:2;stroke-dasharray:6 3;opacity:.7}.connect-numbers-line--error{stroke:#e44747;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:12px;border:2px solid #e8e0f0;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;padding:6px}.connect-numbers-item:hover:not(:disabled){border-color:#a78bfa;transform:scale(1.05);box-shadow:0 4px 12px #a78bfa4d}.connect-numbers-item--selected{border-color:#f6ccd4;background:#f6ccd426;box-shadow:0 0 0 3px #f6ccd466}.connect-numbers-item--complete{border-color:#a8c8d8;background:#a8c8d826}.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:10px;font-weight:600;font-size:clamp(.8rem,2vw,1rem);text-align:center;z-index:10}.connect-numbers-feedback--success{background:#4caf5026;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.connect-numbers-feedback--error{background:#e447471a;color:#c62828;border:2px solid rgba(228,71,71,.3)}@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(68px,21vw,85px);height:clamp(56px,18vw,70px);border-width:1.5px;border-radius:8px;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:12px;box-shadow:0 4px 12px #0000001a}.how-many-animals-question{display:flex;align-items:center;gap:clamp(20px,5vw,40px);background:#fff;padding:clamp(16px,4vw,28px);border-radius:16px;box-shadow:0 4px 16px #00000014;border:3px solid #e8e0f0}.how-many-animals-icon{width:clamp(80px,20vw,140px);height:clamp(80px,20vw,140px);display:flex;align-items:center;justify-content:center;background:#f8f5ff;border-radius:12px;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:4px solid #e8e0f0;border-radius:14px;background:#fff;color:#2c2442;outline:none;transition:all .2s ease}.how-many-animals-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.how-many-animals-input--correct{border-color:#4caf50;background:#4caf501a}.how-many-animals-input--wrong{border-color:#e44747;background:#e447471a}.how-many-animals-input::placeholder{color:#c4b8d4}.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,#a78bfa,#8b5cf6);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.how-many-animals-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.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:#4caf5026;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.how-many-animals-feedback--error{background:#e447471a;color:#c62828;border:2px solid rgba(228,71,71,.3)}.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:3px solid #e8e0f0;background:#fff;color:#2c2442;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.4rem}.how-many-animals-nav-btn:hover:not(:disabled){border-color:#a78bfa;background:#a78bfa1a}.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(6px,1.5vw,10px);padding:clamp(4px,1vw,6px)}.how-many-animals-collage-img{max-height:clamp(160px,35vh,240px)}.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:#f5f5f5;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:#666;background:#f0f0f0;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 #FFB84D;color:#2c2442}.fill-numbers-cell--empty{background:#fff;border:2px dashed #D1D5DB}.fill-numbers-cell--correct{border-color:#4caf50!important;border-width:3px!important;background:#e8f5e9!important;border-style:solid!important}.fill-numbers-cell--wrong{border-color:#f44336!important;border-width:3px!important;background:#ffebee!important;animation:shake .4s ease}.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:2px solid #FFB84D;background:#fff;color:#ffb84d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.fill-numbers-nav-btn:hover:not(.disabled){background:#ffb84d;color:#fff}.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}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@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:#fff;border:2px solid #E5E7EB;border-radius:12px;transition:all .3s ease}.coin-addition-row--correct{border-color:#4caf50!important;background:#e8f5e9!important}.coin-addition-row--wrong{border-color:#f44336!important;background:#ffebee!important;animation:shake .4s 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:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.coin-addition-input::placeholder{color:#9ca3af}.coin-addition-input--correct{border-color:#4caf50!important;background:#e8f5e9!important;color:#2e7d32!important}.coin-addition-input--wrong{border-color:#f44336!important;background:#ffebee!important;color:#c62828!important}.coin-addition-input:disabled{cursor:default}.coin-addition-euro-symbol{font-size:clamp(16px,2.5vw,20px);font-weight:700;color:#4caf50}.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:#3b82f6;transform:scale(1.2)}.coin-addition-level-dot--completed{background:#4caf50}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@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:60px;max-height:60px}.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,#fff9f0,#ffe8d6);border-radius:25px;padding:30px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:85%;animation:coinPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:4px solid #ff9a76}@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 #0003;border:3px solid #e6b800}.coin-popup-coin-img{width:50px;height:50px;object-fit:contain}.coin-popup-plus,.coin-popup-equals{font-size:24px;font-weight:700;color:#5b7ba5}.coin-popup-question{font-size:32px;font-weight:700;color:#5b7ba5}.coin-popup-options{display:flex;flex-direction:column;gap:15px}.coin-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}.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 #4fc3f799}.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:#fff;border:2px solid #E5E7EB;border-radius:12px;transition:all .3s ease}.clock-item--correct{border-color:#4caf50!important;background:#e8f5e9!important}.clock-item--wrong{border-color:#f44336!important;background:#ffebee!important;animation:clockShake .4s 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:#3b82f6;background:#f0f9ff}.clock-answer-btn--correct{border-color:#4caf50!important;background:#e8f5e9!important;color:#2e7d32!important}.clock-answer-btn--wrong{border-color:#f44336!important;background:#ffebee!important;color:#c62828!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:#3b82f6;transform:scale(1.2)}.clock-level-dot--completed{background:#4caf50}@keyframes clockShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.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,#fff9f0,#ffe8d6);border-radius:25px;padding:30px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:85%;animation:clockPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:4px solid #ff9a76}@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 #0003;border:3px solid #e6b800}.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,#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}.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 #4fc3f799}.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:100px}.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:120px;max-height:120px}.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:#fdf2f8;border-radius:12px;transition:all .3s ease}.word-problem-card--single{width:100%;max-width:700px;padding:clamp(20px,4vw,35px);box-shadow:0 4px 15px #0000001a;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:#e8f5e9!important}.word-problem-card--wrong{background:#ffebee!important;animation:problemShake .4s ease}.word-problem-number{display:flex;align-items:center;justify-content:center;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);background:#0d9488;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:#fdf2f8;border:2px solid #E5E7EB;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:#fce7f3;border-color:#f472b6}.word-problem-answer-btn--correct{background:#e8f5e9!important;border-color:#4caf50!important;color:#2e7d32!important}.word-problem-answer-btn--wrong{background:#ffebee!important;border-color:#f44336!important;color:#c62828!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:#3b82f6;transform:scale(1.2)}.word-problems-level-dot--completed{background:#4caf50}@keyframes problemShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.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,#fff9f0,#ffe8d6);border-radius:25px;padding:25px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;animation:problemPopIn .4s cubic-bezier(.68,-.55,.265,1.55);border:4px solid #ff9a76}@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 #0000001a;border:2px solid #e6b800}.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,#4fc3f7,#29b6f6);color:#fff;border:none;border-radius:15px;padding:16px;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px #4fc3f766;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 #4fc3f780}.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:13px}.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{display:flex;align-items:center;gap:clamp(15px,3vw,25px);padding:clamp(20px,4vw,30px);background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;width:100%}.place-value-card--correct{background:#e8f5e9!important;box-shadow:0 4px 15px #4caf504d}.place-value-card--wrong{background:#ffebee!important;animation:placeValueShake .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:#1a1a1a;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:#666;letter-spacing:.5px}.place-value-inputs{display:flex;gap:10px}.place-value-input{flex:1;padding:clamp(12px,2.5vw,18px);border:2px solid #E5E7EB;border-radius:8px;font-size:clamp(20px,4vw,28px);font-weight:700;text-align:center;color:#2c2442;background:#fff;transition:all .2s ease;width:60px}.place-value-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.place-value-input--correct{border-color:#4caf50!important;background:#e8f5e9!important;color:#2e7d32!important}.place-value-input--wrong{border-color:#f44336!important;background:#ffebee!important;color:#c62828!important}.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,#4fc3f7,#29b6f6);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 15px #4fc3f766}.place-value-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f780}.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:#e5e7eb;transition:all .3s ease}.place-value-level-dot--current{background:#3b82f6;transform:scale(1.2)}.place-value-level-dot--completed{background:#4caf50}@keyframes placeValueShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@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:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 15px #0000001a;flex:1;min-width: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:12px 15px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.count-shapes-question--correct{background:#e8f5e9!important}.count-shapes-question--wrong{background:#ffebee!important;animation:countShapesShake .4s ease}.count-shapes-question-number{font-weight:700;color:#666;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 #E5E7EB;border-radius:8px;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:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.count-shapes-input--correct{border-color:#4caf50!important;background:#e8f5e9!important;color:#2e7d32!important}.count-shapes-input--wrong{border-color:#f44336!important;background:#ffebee!important;color:#c62828!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}@keyframes countShapesShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width: 480px){.count-shapes-container{padding:8px;gap:15px}.count-shapes-image-container{padding:10px}.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}.action-game__back-btn svg{width:16px;height: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:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.shape-counting-item--correct{background:#e8f5e9!important}.shape-counting-item--wrong{background:#ffebee!important;animation:shapeCountShake .4s ease}.shape-counting-shape{width:50px;height:50px;object-fit:contain}.shape-counting-equals{font-size:20px;font-weight:700;color:#666}.shape-counting-input{width:50px;padding:8px;border:2px solid #E5E7EB;border-radius:8px;font-size:18px;font-weight:700;text-align:center;color:#2c2442;background:#f5f5f5;transition:all .2s ease}.shape-counting-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.shape-counting-input--correct{border-color:#4caf50!important;background:#e8f5e9!important;color:#2e7d32!important}.shape-counting-input--wrong{border-color:#f44336!important;background:#ffebee!important;color:#c62828!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:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 15px #0000001a}.shape-counting-main-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px}@keyframes shapeCountShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width: 768px){.shape-counting-grid{grid-template-columns:repeat(3,1fr);gap:10px}.action-game__category-badge{font-size:12px!important;padding:14px 42px!important;margin-top: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:8px;gap:6px}.shape-counting-shape{width:35px;height:35px}.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:250px}.action-game__back-btn svg{width:16px;height:16px}}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.number-pattern-row--correct{background:#e8f5e9!important}.number-pattern-row--wrong{background:#ffebee!important;animation:patternShake .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 #333;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:#3b82f6}.number-pattern-input--correct{border-bottom-color:#4caf50!important;color:#2e7d32!important}.number-pattern-input--wrong{border-bottom-color:#f44336!important;color:#c62828!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}@keyframes patternShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@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:jarShake .4s 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:#3b82f6}.multiplication-input--correct{border-bottom-color:#4caf50!important;color:#2e7d32!important}.multiplication-input--wrong{border-bottom-color:#f44336!important;color:#c62828!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}@keyframes jarShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@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:140px}.multiplication-input{width:60px;font-size:18px;bottom:22%}.action-game__back-btn svg{width:16px;height:16px}}.worksheet-game{min-height:100vh;background:#fef7f4;padding:0;display:flex;flex-direction:column;align-items:center;--rose: #f6ccd4;--text-dark: #2c2442;--text-muted: rgba(44, 36, 66, .6)}.worksheet-container{background:#fffefd;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:1px solid rgba(246,214,206,.4);max-width:1200px;width:100%;margin-top:20px}.worksheet-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.worksheet-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-radius:12px;font-size:clamp(14px,2.5vw,16px);font-weight:600;color:var(--text-dark);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(--text-dark);background:#f6d6ce73;padding:6px 14px;border-radius:999px;font-weight:600}.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:transform .2s ease,box-shadow .2s ease;background:#fff9f6;border-radius:16px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);box-shadow:0 4px 12px #2c24420a}.worksheet-problem:hover{box-shadow:0 8px 20px #2c244214}.worksheet-problem--correct{transform:scale(1.02);border-color:#22c55e;box-shadow:0 8px 20px #22c55e26}.worksheet-problem--wrong{animation:shake .5s ease;border-color:#fb7185}.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-color:#f6ccd4}.problem-input--correct{color:#4caf50;border-bottom-color:#4caf50}.problem-input--wrong{color:#f44336;border-bottom-color:#f44336}.problem-input::-webkit-outer-spin-button,.problem-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.problem-input[type=number]{-moz-appearance:textfield}.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:#fef7f4;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:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.animal-mult-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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:3px dashed #87CEEB;border-radius:12px;background:#fff;transition:all .3s ease}.animal-mult-card--correct{border-color:#4caf50;background:#4caf500d}.animal-mult-card--wrong{animation:shake .5s ease;border-color:#f44336}.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:#3ba99c}.animal-mult-input--correct{color:#4caf50;border-bottom-color:#4caf50}.animal-mult-input--wrong{color:#f44336;border-bottom-color:#f44336}.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}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@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:#fff;border:2px solid rgba(246,204,212,.5);border-radius:12px;padding:clamp(20px,4vw,35px);box-shadow:0 4px 12px #2c244214}.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:appleShake .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}@keyframes appleShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@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:#c8e6c9;padding:clamp(20px,5vw,28px);border-radius:6px;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,#a8d8a0 8px,#a8d8a0 16px),repeating-linear-gradient(-45deg,transparent,transparent 8px,#a8d8a0 8px,#a8d8a0 16px)}.fill-missing-number-row:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:#fff;border:2px solid #81c784;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:#a5d6a7}.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:#fff;border:3px solid #e0e0e0;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 4px 12px #00000014;-webkit-user-select:none;user-select:none}.fill-missing-number-option:hover{border-color:#81c784;transform:translateY(-2px);box-shadow:0 6px 16px #81c7844d}.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:#4caf5026;color:#2e7d32;border:2px solid rgba(76,175,80,.3)}.fill-missing-number-feedback--error{background:#e447471a;color:#c62828;border:2px solid rgba(228,71,71,.3)}.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:3px solid #81c784;background:#fff;color:#2c2442;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.4rem}.fill-missing-number-nav-btn:hover:not(:disabled){border-color:#4caf50;background:#4caf501a}.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(70px,20vw,90px);height:clamp(70px,20vw,90px)}.fill-missing-number-apple-number{font-size:clamp(1.2rem,4vw,1.6rem)}.fill-missing-number-apple-drop{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px)}.fill-missing-number-apple-placeholder{font-size:clamp(1rem,2.5vw,1.4rem)}.fill-missing-number-options{gap:clamp(6px,1.5vw,10px)}.fill-missing-number-option{width:clamp(45px,12vw,55px);height:clamp(45px,12vw,55px);font-size:clamp(1.2rem,3.5vw,1.6rem);border-width:2px}.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:#fef7f4;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:#fff;border:2px solid #8B7355;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.fill-numbers-before-after-box--center{background:#fff9f0}.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:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,sans-serif;outline:none;padding:0}.fill-numbers-before-after-input:focus{background:#81c7841a}.fill-numbers-before-after-input.correct{background:#81c78433;color:#2e7d32}.fill-numbers-before-after-input.incorrect{background:#e5737333;color:#c62828;animation: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:#8b7355;font-family:Comic Sans MS,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);border-width:2px}.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:2px solid #8B7355;background:#fff;color:#8b7355;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2rem}.fill-numbers-before-after-nav-btn:hover:not(:disabled){border-color:#6b5344;background:#8b73551a}.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:#8b7355}.addition-matching-game{height:100vh;background:linear-gradient(135deg,#fff5f8,#f0f8ff,#fff0f5);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:linear-gradient(145deg,#fff,#fff8fa);border:2px solid #f6ccd4;border-radius:16px;padding:clamp(8px,1.5vw,12px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #f6ccd44d}.addition-matching-problem:hover{transform:scale(1.02);box-shadow:0 4px 16px #f6ccd480;border-color:#f0a0b4}.addition-matching-problem--selected{border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b44d,0 4px 16px #ff69b44d;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:#ff69b4;margin:0 clamp(4px,1vw,8px)}.addition-matching-connection-point{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#f6ccd4;border:2px solid #e89aab;border-radius:50%;box-shadow:0 2px 4px #f6ccd466}.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:linear-gradient(145deg,#fff,#e8f4fc);border:2px solid #a8d8ea;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 .2s ease;box-shadow:0 2px 8px #a8d8ea4d}.addition-matching-answer:hover{transform:scale(1.1);box-shadow:0 4px 16px #a8d8ea80;border-color:#7bc0d8}.addition-matching-answer--clickable{animation:pulse-answer 1s infinite}@keyframes pulse-answer{0%,to{box-shadow:0 2px 8px #a8d8ea4d}50%{box-shadow:0 0 0 4px #a8d8ea66,0 4px 16px #a8d8ea80}}.addition-matching-problem--connected,.addition-matching-answer--connected{border-color:#81c784;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:shake-wrong .3s ease-out}@keyframes shake-wrong{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.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:#5a8fa8;font-family:Comic Sans MS,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)}.addition-matching-problems{gap:clamp(5px,1.2vh,8px)}.addition-matching-problem{padding:clamp(8px,2vw,12px)}.addition-matching-problem-side{max-width:45%}.addition-matching-image{width:clamp(38px,10vw,52px);height:clamp(38px,10vw,52px)}.addition-matching-plus{font-size:clamp(1.1rem,3vw,1.5rem)}.addition-matching-answers{gap:clamp(10px,2.5vh,16px)}.addition-matching-answer{width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px)}.addition-matching-answer-number{font-size:clamp(1.3rem,4vw,1.8rem)}}.safari-addition-game{min-height:100vh;background:#fef7f4;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:16px;border:3px solid;background:#fff;transition:transform .2s ease}.safari-addition-row--green{border-color:#4caf50}.safari-addition-row--brown{border-color:#8b7355}.safari-addition-row:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.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:Comic Sans MS,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:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,sans-serif;color:#2c2442;background:#fff;transition:all .2s ease}.safari-addition-input:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.safari-addition-input::placeholder{color:#ccc}.safari-addition-input--correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.safari-addition-input--wrong{border-color:#f44336;background:#ffebee;animation:shake .4s 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(6px,1.2vw,10px);padding:clamp(8px,1.2vw,12px)}.safari-addition-animals-group{grid-template-columns:repeat(auto-fit,minmax(clamp(30px,4.5vw,45px),1fr));gap:clamp(2px,.6vw,4px);max-width:clamp(130px,20vw,200px)}.safari-addition-animal{width:clamp(38px,10vw,55px);height:clamp(38px,10vw,55px)}.safari-addition-operator{font-size:clamp(1.2rem,2.5vw,1.5rem);margin:0 clamp(2px,.6vw,4px)}.safari-addition-input{width:clamp(42px,6.5vw,55px);height:clamp(42px,6.5vw,55px);font-size:clamp(1.2rem,2.8vw,1.5rem);border-width:2px}}.simple-addition-game{height:100vh;background:#fef7f4;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:#fff;border:3px solid #8B7355;border-radius:16px;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}.simple-addition-problem:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.simple-addition-number{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#2c2442;font-family:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,sans-serif}.simple-addition-operator{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:#ff69b4;font-family:Comic Sans MS,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:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,sans-serif;color:#2c2442;background:#fff;transition:all .2s ease}.simple-addition-input:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.simple-addition-input::placeholder{color:#ccc}.simple-addition-input--correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.simple-addition-input--wrong{border-color:#f44336;background:#ffebee;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@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-width:2px;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:#fef7f4;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:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.simple-sub-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.simple-sub-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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:#f6d6ce26;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:#4caf501a;border-radius:8px;border-bottom-color:#4caf50}.simple-sub-problem--wrong{animation:shake .5s ease}.simple-sub-num{font-size:clamp(16px,3vw,22px);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:#f6ccd4}.simple-sub-input--correct{color:#4caf50;border-bottom-color:#4caf50}.simple-sub-input--wrong{color:#f44336;border-bottom-color:#f44336}.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:#fef7f4;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{max-width:700px;width:100%;background:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.find-missing-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.find-missing-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#2c2442;background:#f6d6ce73;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:#4caf501a;border-radius:8px}.find-missing-problem--wrong{animation: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 #2c2442;border-radius:8px;background:#fff;color:#2c2442;outline:none;transition:all .2s ease}.find-missing-input::placeholder{color:transparent}.find-missing-input:focus{border-color:#f6ccd4;box-shadow:0 0 0 3px #f6ccd44d}.find-missing-input--correct{color:#4caf50;border-color:#4caf50;background:#4caf501a}.find-missing-input--wrong{color:#f44336;border-color:#f44336;background:#f443361a}.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:clamp(16px,3vw,20px)}.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:#fef7f4;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:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.animal-sub-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.animal-sub-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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:#4caf501a}.animal-sub-row--wrong{animation: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:#f6ccd4;box-shadow:0 0 0 3px #f6ccd44d}.animal-sub-input--correct{color:#4caf50;border-color:#4caf50;background:#4caf501a}.animal-sub-input--wrong{color:#f44336;border-color:#f44336;background:#f443361a}.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:100px}.animal-sub-x{font-size:clamp(36px,10vw,48px)}.animal-sub-num,.animal-sub-operator,.animal-sub-equals{font-size:clamp(20px,4vw,28px)}.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:#fef7f4;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:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.house-add-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.house-add-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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:#f6ccd433}.house-add-cell--correct{background:#4caf504d;color:#2e7d32;font-weight:600}.house-add-cell--wrong{background:#f4433633;color:#f44336;animation: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:70px;border-right-width:70px;border-bottom-width:70px}.house-add-roof-text{top:20px;font-size:20px}.house-add-cell{width:60px;height:45px;font-size:20px}}.chain-add-game{min-height:100vh;background:#fef7f4;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:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.chain-add-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.chain-add-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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-family:Georgia,serif;font-style:italic}.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 #f6ccd466}.chain-add-circle--correct{background:#4caf5026;color:#2e7d32}.chain-add-circle--wrong{background:#f4433626;border-color:#f44336!important;animation: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:flex-start;padding-bottom:15px}.chain-add-circle{width:45px;height:45px;font-size:18px}.chain-add-arrow{min-width:35px}.chain-add-arrow-text{font-size:12px}.chain-add-arrow-svg{width:35px;height:16px}}.domino-add-game{min-height:100vh;background:#fef7f4;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:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 22px #2c24420d;border:3px solid #f6ccd4}.domino-add-question-panel{background:#fff9f6;border-radius:18px;padding:clamp(16px,3vw,24px);border:1px solid rgba(246,214,206,.35);margin-bottom:clamp(20px,4vw,30px)}.domino-add-category-bar{background:linear-gradient(90deg,#f6ccd466,#d4f0e766);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:#f6d6ce73;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:#f6ccd4;box-shadow:0 0 0 3px #f6ccd44d}.domino-add-input--total{border-color:#e91e63}.domino-add-input--correct{background:#4caf5026;border-color:#4caf50;color:#2e7d32}.domino-add-input--wrong{background:#f4433626;border-color:#f44336;color:#f44336;animation: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}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@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}.domino-add-image{width:200px}.domino-add-input{width:45px;height:45px;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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,sans-serif}.word-blank{font-size:1.8rem;font-weight:700;color:#2f2644;font-family:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,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:Nunito,Noto Sans Rounded,system-ui,-apple-system,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}.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 svg{width:20px;height:20px}.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}}.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-level-selection .language-card-title{font-size:20px!important;margin-bottom:3px!important;line-height:1.2!important}.crossword-level-selection .language-card-description{font-size:14px!important;margin-bottom:6px!important;line-height:1.3!important}.crossword-level-selection .language-card-meta{gap:6px!important}.crossword-level-selection .language-chip{font-size:clamp(10px,2.5vw,11px)!important;padding:3px 8px!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{padding-top:20px;overflow-y:auto!important;overflow-x:hidden!important}.phonological-game-screen{overflow-y:auto!important;overflow-x:hidden!important}@media (max-width: 768px){.speech-cards-screen{padding:70px 16px 40px!important}}.tracing-game{min-height:100vh;padding:clamp(12px,2vw,16px);font-family:Nunito,Poppins,Fredoka,-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}.tracing-game-screen{min-height:100vh;display:flex;flex-direction:column;padding:calc(80px + env(safe-area-inset-top,0px)) 0 calc(24px + env(safe-area-inset-bottom,0px)) 0;overflow-y:auto;overflow-x:hidden}.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-level-selection .language-card{padding:8px!important;min-height:auto!important;margin-bottom:0!important}.tracing-level-selection .language-card-icon{width:100px!important;height:100px!important;flex-shrink:0!important;margin-left:-10px!important}.tracing-level-selection .language-card-title{font-size:20px!important;margin-bottom:3px!important;line-height:1.2!important}.tracing-level-selection .language-card-description{font-size:14px!important;margin-bottom:6px!important;line-height:1.3!important}.tracing-level-selection .language-card-meta{gap:6px!important}.tracing-level-selection .language-chip{font-size:clamp(10px,2.5vw,11px)!important;padding:3px 8px!important}.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:clamp(8px,2vw,12px)}.tracing-game-screen{padding-top:calc(70px + env(safe-area-inset-top,0px))}.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:8px}.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)}.patterns-svg{min-height:300px}}@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:absolute;top:0;left:0;right:0;height:calc(115px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#fef7f4;z-index:1000;transition:all .3s ease;box-sizing:border-box}.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:110px;width:auto;object-fit:contain;transition:transform .2s ease}.brand-content:hover .brand-logo-inline{transform:scale(1.05)}.brand-text{display:flex;align-items:center}.brand-title{font-size:21px;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:40px;height:40px;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:22px;height:22px}.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-v2{height:calc(88px + env(safe-area-inset-top,0px))}.top-bar-content{padding:0 15px}.top-bar-brand{padding-left:0}.brand-logo-inline{height:90px}.nav-button,.action-button{width:32px;height:32px}.nav-button svg,.action-button svg{font-size:18px}.action-button img{width:30px;height:30px}}@media (max-width: 480px){.brand-logo-inline{height:86px}}