*{margin:0;padding:0;box-sizing:border-box}:root{--dynamic-vh:100vh;--dynamic-vh-1:calc(var(--dynamic-vh) - 1px)}@supports (-webkit-touch-callout:none){*{-webkit-tap-highlight-color:transparent}*,.animation-area,.category-card,.menu-indicator,[role=button],button{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation}.animation-area,.category-card,.menu-indicator,[role=button],button{min-height:44px;min-width:44px}}@media screen and (device-width:440px) and (device-height:956px) and (-webkit-device-pixel-ratio:3){.animation-area{margin:10px;min-height:calc(100vh - 200px)}.category-card{margin:5px;padding:15px}.menu-indicator{margin:10px;bottom:15px;right:15px}}body{font-family:Comic Sans MS,cursive,sans-serif;background:#f0f8ff;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@media (max-width:768px){.category-description,.category-name,.section-title,.subtitle,.title-text,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}.game-area{cursor:none}.landing-page{cursor:auto}.bg-stars .frame-content{background:linear-gradient(135deg,#e6f3ff,#f0f8ff)}.bg-ocean .frame-content{background:linear-gradient(135deg,#e6f7ff,#f0fbff)}.bg-forest .frame-content{background:linear-gradient(135deg,#f0f8f0,#f5fdf5)}.bg-sunset .frame-content{background:linear-gradient(135deg,#fff8f0,#fffaf5)}.bg-rainbow .frame-content{background:linear-gradient(135deg,#fef7ff,#f8f0ff)}.landing-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:100%;margin:0 auto;padding:2rem}.landing-header{display:flex;justify-content:center;align-items:center;padding:1rem 0;flex-shrink:0}.landing-main-content{gap:3rem;justify-content:space-between}.landing-left-section,.landing-main-content{display:flex;flex:1 1;align-items:flex-start}.landing-left-section{flex-direction:column;max-width:50%}.landing-right-section{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;max-width:50%}.landing-header{text-align:center}.logo-container{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.landing-logo{width:clamp(100px,18vw,150px);height:auto;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.2));transition:all .3s ease;animation:logoFloat 3s ease-in-out infinite}.landing-logo:hover{transform:scale(1.05);filter:drop-shadow(3px 3px 12px rgba(0,0,0,.3))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.main-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.title-emoji{font-size:clamp(2rem,6vw,3rem);animation:bounce 2s infinite}.title-text{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;background:linear-gradient(45deg,#ff8c00,orange,coral,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.subtitle{font-size:clamp(1rem,3vw,1.3rem);color:#41b6fd;font-weight:500;text-align:center;margin-bottom:.5rem}.categories-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;padding:1rem}@media (min-width:769px){.landing-container{flex-direction:column;height:100vh;max-width:100%;margin:0 auto;padding:2rem}.landing-header{display:flex;justify-content:center;align-items:center;padding:1rem 0;flex-shrink:0}.landing-main-content{gap:3rem;justify-content:space-between}.landing-left-section,.landing-main-content{display:flex;flex:1 1;align-items:flex-start}.landing-left-section{flex-direction:column;max-width:50%}.landing-right-section{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;max-width:50%}.categories-section{padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);height:100%}.categories-section,.features-section{width:100%;margin-top:0}}.section-title{font-size:clamp(1.2rem,3vw,1.6rem);color:#41b6fd;margin-bottom:1.5rem;font-weight:700}.categories-grid{flex-direction:row;gap:1.5rem;width:100%;max-width:800px;flex-wrap:wrap}.categories-grid,.category-card{display:flex;justify-content:center}.category-card{position:relative;background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:none;overflow:visible;min-height:auto;min-width:auto;max-width:none;flex-direction:column;align-items:center;text-align:center}.category-card:before{display:none}.category-card:hover{transform:translateY(-3px)}.category-emoji{font-size:clamp(2.5rem,5vw,3rem);margin-bottom:0;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.category-name{font-size:clamp(.8rem,2vw,1rem);font-weight:600;color:#fa5635;text-align:center;margin-top:.5rem}.category-underline{width:0;height:2px;background:linear-gradient(45deg,#ff8c00,orange,coral,tomato);transition:width .3s ease;margin-top:.2rem}.category-card:hover .category-underline{width:100%}.instructions-section{flex-direction:column;margin-bottom:1rem}.instruction-item,.instructions-section{display:flex;gap:.8rem;align-items:center}.instruction-item{font-size:clamp(.9rem,2.5vw,1.1rem);color:#555;text-shadow:1px 1px 2px hsla(0,0%,100%,.8)}.instruction-icon{font-size:clamp(1.2rem,3vw,1.5rem);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.points-section{padding:1.5rem;background:hsla(0,0%,100%,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.points-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.point-item{display:flex;align-items:flex-start;gap:.8rem;transition:all .3s ease}.point-item:hover{transform:translateX(3px)}.point-bullet{font-size:1.5rem;flex-shrink:0;margin-top:.1rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.point-text{font-size:1rem;line-height:1.5;color:#fa5635;font-weight:500}.point-highlight{font-weight:700;background:linear-gradient(45deg,#ff8c00,orange,coral,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.landing-footer{text-align:center;padding:.5rem 0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.footer-text{font-size:clamp(.7rem,2vw,1rem);color:rgba(0,0,0,.6);text-align:center;background:hsla(0,0%,100%,.5);padding:.5rem;border-radius:10px}@media (max-width:768px){.landing-container{padding:1rem .5rem;gap:1.2rem;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:100vh;min-height:100dvh}.landing-header{position:static;transform:none;padding:.5rem 0}.landing-main-content{flex-direction:column;gap:1.5rem;padding:1rem 0}.landing-left-section,.landing-right-section{max-width:100%;align-items:center}.categories-section{max-width:800px;margin-top:0}.points-section{max-width:800px;margin-top:1rem}.categories-grid{flex-direction:row;gap:.2rem;max-width:100%;padding:0;justify-content:center;flex-wrap:nowrap;overflow-x:hidden}.category-card{padding:.5rem;min-height:auto;min-width:auto;max-width:none;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:0;background:hsla(0,0%,100%,.1);border-radius:12px;border:2px solid hsla(0,0%,100%,.2);transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.category-card:hover{transform:translateY(-3px) scale(1.05);background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);box-shadow:0 6px 20px rgba(0,0,0,.2)}.category-card:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.15)}.category-emoji{font-size:clamp(1.8rem,4vw,2.2rem);margin-bottom:0;margin-right:0;flex-shrink:0;margin-top:0}.category-name{font-size:clamp(.7rem,2vw,.9rem);margin-top:.3rem}.category-underline{margin-top:.1rem}.points-section{margin-top:1.5rem;padding:1rem}.points-list{gap:.5rem}.point-item{padding:.6rem 0}.point-bullet{font-size:1.3rem}.point-text{font-size:.9rem}}@media (max-width:480px){.categories-grid{gap:.8rem;max-width:300px}.category-card{padding:1rem 1.5rem;min-height:65px;align-items:flex-start}.category-emoji{font-size:clamp(1.5rem,3.5vw,2rem);flex-shrink:0;margin-top:.1rem}.category-text-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1 1}.category-name{font-size:clamp(.9rem,2.2vw,1.1rem);margin-bottom:.25rem;line-height:1.2;font-weight:700}.category-description{font-size:clamp(.7rem,1.8vw,.8rem);line-height:1.3;color:#666;display:block}.main-title{flex-direction:column;gap:.5rem}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:1rem}.title{font-size:clamp(2rem,8vw,4rem);color:#333;text-shadow:3px 3px 6px hsla(0,0%,100%,.8);margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.category-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center;max-width:100%}.category-button{background:hsla(0,0%,100%,.9);border:none;border-radius:20px;padding:.8rem 1.5rem;font-size:clamp(.9rem,3vw,1.2rem);font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);min-width:120px}.category-button:focus,.category-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.category-button.active{background:#ff6b6b;color:#fff;transform:scale(1.05)}.animation-area{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:auto;z-index:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.character{font-size:clamp(4rem,15vw,8rem);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);text-shadow:2px 2px 8px rgba(0,0,0,.3);font-weight:700}.character,.character-backdrop{position:absolute;pointer-events:none}.character-backdrop{background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.08) 40%,transparent 70%);border-radius:50%;z-index:-1}.character-backdrop.secondary{background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.03) 40%,transparent 70%)}.character-instance{font-size:clamp(2rem,8vw,4rem);position:absolute;pointer-events:none;text-shadow:1px 1px 4px rgba(0,0,0,.3);font-weight:700;animation:fadeOut 3s ease-out forwards;opacity:.7}.character-instance.secondary{filter:brightness(.8) saturate(.6)}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.character.alphabet{background:linear-gradient(45deg,#f60,#ff8c00,#ff4500,#e65100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:alphabetGlow 1.5s ease-in-out infinite alternate}.character.number{background:linear-gradient(45deg,#6c5ce7,#a29bfe,#fd79a8);-webkit-background-clip:text;background-clip:text;animation:numberGlow 1.5s ease-in-out infinite alternate}.character.hindi,.character.number{-webkit-text-fill-color:transparent}.character.hindi{background:linear-gradient(45deg,#ff9a56,#ff6b9d,#c44569);-webkit-background-clip:text;background-clip:text;animation:hindiGlow 1.5s ease-in-out infinite alternate}.character.punjabi{background:linear-gradient(45deg,#f39c12,#e74c3c,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:punjabiGlow 1.5s ease-in-out infinite alternate}.character.tamil{background:linear-gradient(45deg,#e67e22,#e74c3c,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:tamilGlow 1.5s ease-in-out infinite alternate}.character.kannada{background:linear-gradient(45deg,#2ecc71,#27ae60,#16a085);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:kannadaGlow 1.5s ease-in-out infinite alternate}.character.marathi{background:linear-gradient(45deg,#3498db,#2980b9,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:marathiGlow 1.5s ease-in-out infinite alternate}@keyframes hindiGlow{0%{filter:brightness(1) saturate(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(1.2) saturate(1.3);transform:translate(-50%,-50%) scale(1.03)}}@keyframes punjabiGlow{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.15) saturate(1.25)}}@keyframes tamilGlow{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.4)}}@keyframes kannadaGlow{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.15) saturate(1.3)}}@keyframes marathiGlow{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}@keyframes alphabetGlow{0%{filter:brightness(1) saturate(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(1.3) saturate(1.4);transform:translate(-50%,-50%) scale(1.02)}}@keyframes numberGlow{0%{filter:brightness(1) saturate(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(1.25) saturate(1.35);transform:translate(-50%,-50%) scale(1.03)}}.game-content{position:relative;z-index:2;pointer-events:auto}.key-display{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);font-size:clamp(1.5rem,6vw,2.5rem);color:#333;text-shadow:2px 2px 4px hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.9);padding:.5rem 1rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1010;min-width:80px;text-align:center;border:2px solid rgba(0,0,0,.1)}.exit-hint{bottom:10px;left:10px;color:rgba(0,0,0,.6);font-size:clamp(.7rem,2vw,1rem);text-align:left;background:hsla(0,0%,100%,.5);padding:.5rem;border-radius:10px}.language-option{background:hsla(0,0%,100%,.9);border:2px solid transparent;border-radius:10px;padding:.5rem .8rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center}.language-option:hover{background:#fff;transform:translateY(-2px)}.language-option.active{border-color:#4ecdc4;background:#4ecdc4;color:#fff}.background-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.background-option.active{border-color:#333;transform:scale(1.1)}.bg-option-default{background:linear-gradient(45deg,#fff,#f8fbff)}.settings-option{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0;font-size:.9rem;color:#333}.settings-toggle{background:#ddd;border:none;border-radius:15px;width:50px;height:25px;position:relative;cursor:pointer;transition:all .3s ease}.settings-toggle.active{background:#4ecdc4}.settings-toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2.5px;left:2.5px;transition:all .3s ease}.settings-toggle.active:after{left:27.5px}.back-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.key-animation{animation:keyPress .6s ease-out}@keyframes keyPress{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5) rotate(15deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.sparkle{position:absolute;width:20px;height:20px;background:radial-gradient(circle,#fff 0,transparent 70%);border-radius:50%;pointer-events:none;animation:sparkleAnim 1s ease-out forwards}@keyframes sparkleAnim{0%{opacity:1;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(180deg)}}.background-objects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.background-object{position:absolute;font-size:clamp(2rem,8vw,4rem);opacity:.3;animation:float 6s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}.background-object:nth-child(odd){animation-direction:reverse}.background-object:nth-child(3n){animation-duration:6s}.background-object:nth-child(4n){animation-duration:3s}@media (max-width:768px){.category-selector{gap:.5rem}.category-button{padding:.6rem 1rem;min-width:100px}.exit-hint{bottom:5px;left:5px;font-size:.6rem;padding:.3rem .5rem;max-width:90%}.back-button{right:60px}.back-button,.settings-button{width:40px;height:40px;bottom:10px;font-size:.8rem}.settings-button{right:10px}.background-selector{right:110px}.background-selector,.language-selector{width:40px;height:40px;bottom:10px;font-size:.8rem}.language-selector{right:160px}.settings-panel{bottom:55px;right:10px;min-width:180px}.background-panel{bottom:55px;right:110px}.language-panel{bottom:55px;right:160px;min-width:100px}.key-display{bottom:60px;font-size:clamp(1.2rem,5vw,2rem);padding:.3rem .8rem}*{touch-action:manipulation}}.bear-face-container{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#f0f8ff,#f5fff5 50%,#fffaf0);overflow:hidden;cursor:none}.bear-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.bear-emoji{font-size:clamp(8rem,25vw,15rem);text-shadow:0 0 20px rgba(0,0,0,.2);animation:bearIdle 3s ease-in-out infinite}@keyframes bearIdle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(2deg)}}.bear-bounce{animation:bearBounce .5s ease-out!important}@keyframes bearBounce{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.bear-cheeks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.cheek{position:absolute;width:clamp(2rem,6vw,4rem);height:clamp(2rem,6vw,4rem);background:radial-gradient(circle,rgba(255,182,193,.6) 0,transparent 70%);border-radius:50%;top:40%;animation:cheekGlow 2s ease-in-out infinite alternate}.left-cheek{left:15%}.right-cheek{right:15%}@keyframes cheekGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}.floating-item{position:absolute;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:floatUp 3s ease-out forwards;pointer-events:none;z-index:3}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}80%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(1turn)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(540deg) translateY(-100px)}}.bear-back{position:absolute;top:20px;left:20px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;z-index:10}.bear-back:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.bear-key-display{top:20px;right:20px;font-size:clamp(1.5rem,5vw,2.5rem);text-shadow:2px 2px 4px hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.8);padding:.5rem 1rem;border-radius:15px;min-width:80px;border:2px solid rgba(0,0,0,.1)}.bear-instructions,.bear-key-display{position:absolute;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;text-align:center}.bear-instructions{bottom:20px;left:50%;transform:translateX(-50%);font-size:clamp(1rem,3vw,1.5rem);text-shadow:1px 1px 2px hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.7);padding:1rem 2rem;border-radius:20px;max-width:90%;border:2px solid rgba(0,0,0,.1)}@media (max-width:768px){.bear-back{width:45px;height:45px;font-size:1rem;top:15px;left:15px}.bear-key-display{top:15px;right:15px;font-size:clamp(1.2rem,4vw,2rem);padding:.4rem .8rem}.bear-instructions{bottom:15px;font-size:clamp(.9rem,2.5vw,1.2rem);padding:.8rem 1.5rem}.floating-item{font-size:1.5rem}}.kids-frame-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef);overflow:hidden;min-height:100vh;min-height:100dvh}.frame-border{position:absolute;z-index:1000}.top-border{top:0;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 8px rgba(0,0,0,.2)}.bottom-border,.top-border{left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-around;padding:0 80px}.bottom-border{bottom:0;background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 -4px 8px rgba(0,0,0,.2)}.left-border{left:0;background:linear-gradient(45deg,#4facfe,#00f2fe);box-shadow:4px 0 8px rgba(0,0,0,.2)}.left-border,.right-border{top:60px;bottom:60px;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:20px 0}.right-border{right:0;background:linear-gradient(45deg,#43e97b,#38f9d7);box-shadow:-4px 0 8px rgba(0,0,0,.2)}.frame-corner{position:absolute;width:80px;height:80px;z-index:1001;display:flex;align-items:center;justify-content:center}.top-left{top:0;left:0;background:radial-gradient(circle,#ff6b6b 0,#ee5a24 100%);border-bottom-right-radius:20px;box-shadow:4px 4px 12px rgba(0,0,0,.3)}.top-right{top:0;right:0;background:radial-gradient(circle,#4ecdc4 0,#44a08d 100%);border-bottom-left-radius:20px;box-shadow:-4px 4px 12px rgba(0,0,0,.3)}.bottom-left{bottom:0;left:0;background:radial-gradient(circle,#45b7d1 0,#96c93d 100%);border-top-right-radius:20px;box-shadow:4px -4px 12px rgba(0,0,0,.3)}.bottom-right{bottom:0;right:0;background:radial-gradient(circle,#f093fb 0,#f5576c 100%);border-top-left-radius:20px;box-shadow:-4px -4px 12px rgba(0,0,0,.3)}.interactive-corner{cursor:pointer;transition:all .3s ease;overflow:visible}.interactive-corner:hover{transform:scale(1.05);box-shadow:-6px -6px 16px rgba(0,0,0,.4)}.interactive-corner:hover .menu-indicator{transform:scale(1.2);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)) brightness(1.3)}@keyframes menuHint{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.menu-indicator{position:absolute;bottom:12px;right:12px;font-size:2.5rem;z-index:1021;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:menuGlow 2s ease-in-out infinite alternate;cursor:pointer;transition:all .3s ease}.menu-indicator:hover{transform:scale(1.2);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)) brightness(1.3)}@keyframes menuGlow{0%{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}to{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.4)) brightness(1.2)}}.corner-decoration{font-size:2rem;animation:cornerPulse 2s ease-in-out infinite;z-index:1;position:relative}.interactive-corner .corner-decoration{position:absolute;top:8px;left:8px;font-size:1.5rem}@keyframes cornerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.border-decoration{font-size:1.5rem;animation:borderFloat 3s ease-in-out infinite}.border-decoration:nth-child(odd){animation-delay:.5s}.border-decoration:nth-child(2n){animation-delay:1s}@keyframes borderFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}.frame-content{position:absolute;top:60px;left:60px;right:60px;bottom:60px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:0;border:none;overflow:hidden;box-shadow:inset 0 0 30px hsla(0,0%,100%,.5),0 0 20px rgba(0,0,0,.1)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.floating-element{position:absolute;font-size:1.5rem;animation:floatAround 8s linear infinite;opacity:.7}.floating-element:first-child{top:20%;left:10%}.floating-element:nth-child(2){top:60%;right:15%}.floating-element:nth-child(3){top:80%;left:30%}.floating-element:nth-child(4){top:30%;right:25%}.floating-element:nth-child(5){top:70%;left:70%}@keyframes floatAround{0%{transform:translateY(0) rotate(0deg);opacity:.7}25%{transform:translateY(-20px) rotate(90deg);opacity:1}50%{transform:translateY(0) rotate(180deg);opacity:.7}75%{transform:translateY(-15px) rotate(270deg);opacity:1}to{transform:translateY(0) rotate(1turn);opacity:.7}}@media (max-width:768px){.kids-frame-container{overflow:hidden;min-height:100dvh;height:100dvh}.bottom-border,.top-border{height:40px;padding:0 50px}.left-border,.right-border{width:40px;top:40px;bottom:40px}.frame-corner{width:50px;height:50px}.corner-decoration{font-size:1.2rem}.border-decoration{font-size:1rem}.frame-content{top:40px;left:40px;right:40px;bottom:40px;overflow-y:auto;overflow-x:hidden;min-height:calc(100dvh - 80px)}.floating-element{font-size:1rem}.animation-area{cursor:pointer;min-height:calc(100dvh - 80px)}.animation-area,.category-card,.menu-indicator{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width:480px){.kids-frame-container{overflow:hidden;min-height:100dvh;height:100dvh}.bottom-border,.top-border{height:30px;padding:0 40px}.left-border,.right-border{width:30px;top:30px;bottom:30px}.frame-corner{width:40px;height:40px}.corner-decoration{font-size:1rem}.border-decoration{font-size:.9rem}.frame-content{top:30px;left:30px;right:30px;bottom:30px;overflow-y:auto;overflow-x:hidden;min-height:calc(100dvh - 60px)}.animation-area{cursor:pointer;min-height:calc(100dvh - 60px)}.animation-area,.category-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.category-card{min-height:auto;padding:2px}.menu-indicator{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.exit-hint{bottom:3px;left:3px;font-size:.5rem;padding:.2rem .4rem;max-width:85%}.menu-indicator{bottom:6px;right:6px;font-size:1.8rem}.frame-menu-options{min-width:160px;bottom:60px;right:3px}}.frame-menu-container{position:fixed;bottom:0;right:0;z-index:1020}.frame-menu-button{width:80px;height:80px;background:transparent;border:none;border-radius:0;border-top-left-radius:20px;display:flex;align-items:center;justify-content:center;font-size:0;cursor:pointer;transition:all .3s ease;position:absolute;top:0;left:0}.frame-menu-container.active .frame-menu-options,.frame-menu-container:hover .frame-menu-options{opacity:1;visibility:visible;transform:translateY(0)}.frame-menu-options{position:absolute;bottom:90px;right:10px;background:hsla(0,0%,100%,.95);border-radius:20px;padding:1rem;box-shadow:0 8px 25px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.8)}.menu-section{margin-bottom:1rem}.menu-section:last-child{margin-bottom:0}.menu-section-title{font-size:.8rem;font-weight:700;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.menu-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.menu-option-button{background:hsla(0,0%,100%,.9);border:2px solid transparent;border-radius:10px;padding:.5rem .8rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-align:center;min-width:80px}.menu-option-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.menu-option-button.active{border-color:#4ecdc4;background:#4ecdc4;color:#fff}.menu-option-button.back-btn{background:#ff6b6b;color:#fff;font-weight:700}.menu-option-button.back-btn:hover{background:#ff5252}.background-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.bg-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease;justify-self:center}.bg-option.active{border-color:red;transform:scale(1.1)}.bg-option:hover{transform:scale(1.05)}.bg-option-default{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #ddd}.bg-option-stars{background:linear-gradient(45deg,#e6f3ff,#f0f8ff);border:2px solid #b3d9ff}.bg-option-ocean{background:linear-gradient(45deg,#e6f7ff,#f0fbff);border:2px solid #b3e6ff}.bg-option-forest{background:linear-gradient(45deg,#f0f8f0,#f5fdf5);border:2px solid #c3e6c3}.bg-option-sunset{background:linear-gradient(45deg,#fff8f0,#fffaf5);border:2px solid #ffe6cc}.bg-option-rainbow{background:linear-gradient(45deg,#fef7ff,#f8f0ff);border:2px solid #e6ccff}.settings-toggles{display:flex;flex-direction:column;gap:.5rem}.setting-item{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#333}.setting-toggle{background:#ddd;border:none;border-radius:15px;width:50px;height:25px;position:relative;cursor:pointer;transition:all .3s ease}.setting-toggle.active{background:#4ecdc4}.setting-toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#000;top:2.5px;left:2.5px;transition:all .3s ease}.setting-toggle.active:after{left:27.5px}.settings-label{display:flex;flex-direction:column;align-items:center;gap:2px;background:hsla(0,0%,100%,.9);border-radius:8px;padding:4px 2px;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.3)}.settings-char{font-size:1.2rem;font-weight:700;color:#333;text-shadow:1px 1px 2px hsla(0,0%,100%,.8);line-height:1;animation:settingsGlow 2s ease-in-out infinite alternate}.settings-char:nth-child(odd){animation-delay:.2s}.settings-char:nth-child(2n){animation-delay:.4s}@keyframes settingsGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@media (max-width:768px){.frame-menu-button{width:50px;height:50px;font-size:1.2rem}.frame-menu-options{min-width:180px;bottom:70px;right:5px}.background-options{grid-template-columns:repeat(2,1fr)}.bg-option{width:35px;height:35px}.settings-label{padding:3px 1px}.settings-char{font-size:.7rem}.menu-indicator{bottom:8px;right:8px;font-size:2rem;z-index:1022;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.frame-menu-container{z-index:1021}}@media screen and (max-width:768px){.bottom-border{position:fixed;bottom:0;z-index:1001}.bottom-left,.bottom-right{position:fixed;bottom:0;z-index:1002}.frame-content{bottom:60px;position:absolute}@media (max-width:480px){.frame-content{bottom:30px}}}@media screen and (max-width:768px){.kids-frame-container{height:100dvh!important;min-height:100dvh!important}.bottom-border,.bottom-left,.bottom-right{position:fixed!important;bottom:0!important}.frame-content{bottom:60px!important;position:absolute!important}.menu-indicator{position:fixed!important;bottom:12px!important;right:12px!important;z-index:1022!important}@media (max-width:480px){.frame-content{bottom:30px!important}.menu-indicator{bottom:8px!important;right:8px!important}}}