:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}.game-container{width:100vw;height:100vh;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.back-to-menu{position:absolute;top:70px;left:20px;background:#ffffffe6;border:none;color:#333;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;z-index:100;box-shadow:0 2px 10px #0003}.back-to-menu:hover{background:#fff;transform:scale(1.05)}.start-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='10' y='30' font-size='25'%3E🍎%3C/text%3E%3Ctext x='60' y='70' font-size='20'%3E🥕%3C/text%3E%3Ctext x='30' y='90' font-size='22'%3E🍊%3C/text%3E%3C/svg%3E") repeat,radial-gradient(circle at 85% 15%,rgba(255,215,0,.4) 0%,transparent 40%),repeating-linear-gradient(90deg,#e74c3c 0px 40px,#fff 40px 80px),linear-gradient(180deg,#fff 0% 60px,#a8e063 60px,#56ab2f);gap:20px;position:relative}.start-screen:before{content:"🧺🍎🥕🍊🥬🍋🍇🥦🍌🍅🌽🥒🧺";position:absolute;bottom:0;left:0;right:0;font-size:3rem;text-align:center;padding:15px;background:linear-gradient(0deg,#5d4037,#795548);letter-spacing:10px}.start-screen:after{content:"🏪 FRESH PRODUCE 🏪";position:absolute;top:70px;font-size:1.2rem;color:#2d5016;background:#fff9e6;padding:8px 30px;border-radius:5px;box-shadow:0 3px 10px #0003;font-weight:700}.music-toggle{position:absolute;top:20px;right:20px;font-size:2rem;background:#ffffffe6;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .2s}.music-toggle:hover{transform:scale(1.1);box-shadow:0 6px 15px #0000004d}.start-screen h1{font-size:3rem;color:#fff;text-shadow:3px 3px 0 #2d5016;margin-bottom:10px}.start-screen .subtitle{font-size:1.5rem;color:#fff9e6;text-shadow:1px 1px 0 #2d5016}.time-selector{background:#ffffffe6;padding:25px 40px;border-radius:20px;box-shadow:0 8px 20px #0003}.time-selector h3{color:#2d5016;margin-bottom:15px;font-size:1.3rem}.time-buttons{display:flex;gap:10px}.time-buttons button{padding:15px 25px;font-size:1.2rem;border:3px solid #56ab2f;background:#fff;color:#2d5016;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:700}.time-buttons button:hover{background:#e8f5e0;transform:scale(1.05)}.time-buttons button.selected{background:#56ab2f;color:#fff;transform:scale(1.1)}.multiplier-info{margin-top:15px;color:#ff6b6b;font-weight:700;font-size:1rem}.tip{margin-top:10px;color:#888;font-size:.9rem}.start-button{padding:20px 50px;font-size:1.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:15px;cursor:pointer;font-weight:700;box-shadow:0 6px 20px #ee5a5a66;transition:all .2s;margin-top:20px}.start-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #ee5a5a80}.game-screen{width:100%;height:100%;background:radial-gradient(ellipse 80px 50px at 15% 15%,rgba(255,255,255,.8) 0%,transparent 70%),radial-gradient(ellipse 100px 60px at 85% 20%,rgba(255,255,255,.8) 0%,transparent 70%),radial-gradient(ellipse 70px 40px at 45% 10%,rgba(255,255,255,.7) 0%,transparent 70%),radial-gradient(ellipse 90px 55px at 70% 25%,rgba(255,255,255,.6) 0%,transparent 70%),radial-gradient(circle at 90% 10%,#FFD700 0%,#FFA500 30%,transparent 50%),linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#98d8c8 55%,#8b4513 55%,#654321);position:relative;cursor:crosshair}.game-screen:before{content:"";position:absolute;bottom:80px;left:20px;width:200px;height:150px;background:repeating-linear-gradient(90deg,#e74c3c 0px 20px,#fff 20px 40px);clip-path:polygon(0% 20%,100% 20%,90% 0%,10% 0%);border-radius:5px;z-index:1}.game-screen:after{content:"";position:absolute;bottom:80px;right:20px;width:200px;height:150px;background:repeating-linear-gradient(90deg,#3498db 0px 20px,#fff 20px 40px);clip-path:polygon(0% 20%,100% 20%,90% 0%,10% 0%);border-radius:5px;z-index:1}.game-area:before{content:"🧺🍎🥕🍊🥬🧺🍋🍇🥦🍌🧺🍅🌽🥒🍎🧺";position:absolute;bottom:0;left:0;right:0;font-size:2.5rem;text-align:center;padding:15px 10px;background:linear-gradient(0deg,#5d4037,#6d4c41,#795548);letter-spacing:8px;border-top:8px solid #4E342E;z-index:2}.game-area:after{content:"📦🥕📦🍎📦🥬📦🍊📦";position:absolute;bottom:70px;left:0;right:0;font-size:2rem;text-align:center;letter-spacing:30px;opacity:.7;z-index:0}.game-header{display:flex;justify-content:space-around;padding:15px;background:#fffffff2;box-shadow:0 4px 10px #0003}.stat{font-size:1.4rem;font-weight:700;color:#2d5016;padding:10px 20px;background:#e8f5e0;border-radius:10px}.stat.timer{background:#fff3cd;color:#856404}.game-area{width:100%;height:calc(100% - 80px);position:relative}.target{position:absolute;font-size:4rem;cursor:pointer;transition:transform .1s;-webkit-user-select:none;user-select:none;filter:drop-shadow(3px 3px 5px rgba(0,0,0,.3));animation:wobble .5s ease-in-out infinite}.target:hover{transform:scale(1.2)}.target:active{transform:scale(.8)}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.target.rare{animation:wobble .5s ease-in-out infinite,rainbow .5s linear infinite,glow .3s ease-in-out infinite;font-size:5rem}@keyframes rainbow{0%{filter:drop-shadow(0 0 10px red)}20%{filter:drop-shadow(0 0 10px orange)}40%{filter:drop-shadow(0 0 10px yellow)}60%{filter:drop-shadow(0 0 10px green)}80%{filter:drop-shadow(0 0 10px blue)}to{filter:drop-shadow(0 0 10px violet)}}@keyframes glow{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.target.bomb{animation:wobble .3s ease-in-out infinite,bomb-pulse .5s ease-in-out infinite}@keyframes bomb-pulse{0%,to{filter:drop-shadow(0 0 5px red)}50%{filter:drop-shadow(0 0 15px darkred)}}.points-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;color:gold;text-shadow:1px 1px 2px black;white-space:nowrap}.points-label.bomb-label{color:#f44}.effect{position:absolute;pointer-events:none;z-index:100}.effect.explosion{animation:shake .3s ease-out}.explosion-particle{position:absolute;font-size:3rem;animation:explode .8s ease-out forwards}.explosion-particle:nth-child(1){animation-delay:0s;transform:translate(0)}.explosion-particle:nth-child(2){animation-delay:.05s;transform:translate(30px,-30px)}.explosion-particle:nth-child(3){animation-delay:.1s;transform:translate(-30px,-30px)}.explosion-particle:nth-child(4){animation-delay:.15s;transform:translateY(30px)}@keyframes explode{0%{opacity:1;transform:scale(.5) translate(0)}50%{opacity:1;transform:scale(1.5) translate(var(--tx, 30px),var(--ty, -30px))}to{opacity:0;transform:scale(2) translate(var(--tx, 60px),var(--ty, -60px))}}.explosion-particle:nth-child(1){--tx: 0px;--ty: -50px}.explosion-particle:nth-child(2){--tx: 50px;--ty: 0px}.explosion-particle:nth-child(3){--tx: -50px;--ty: 0px}.explosion-particle:nth-child(4){--tx: 0px;--ty: 50px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.confetti-particle{position:absolute;font-size:2rem;animation:confetti-fall 1s ease-out forwards}.confetti-particle:nth-child(1){--tx: -40px;--ty: -80px;animation-delay:0s}.confetti-particle:nth-child(2){--tx: 40px;--ty: -70px;animation-delay:.05s}.confetti-particle:nth-child(3){--tx: -20px;--ty: -90px;animation-delay:.1s}.confetti-particle:nth-child(4){--tx: 60px;--ty: -60px;animation-delay:.15s}.confetti-particle:nth-child(5){--tx: -60px;--ty: -50px;animation-delay:.2s}.confetti-particle:nth-child(6){--tx: 20px;--ty: -85px;animation-delay:.25s}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0) scale(.5)}50%{opacity:1;transform:translate(var(--tx),var(--ty)) rotate(180deg) scale(1.2)}to{opacity:0;transform:translate(calc(var(--tx) * 1.5),calc(var(--ty) + 50px)) rotate(360deg) scale(.8)}}.end-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ctext x='10' y='30' font-size='20'%3E🎊%3C/text%3E%3Ctext x='70' y='50' font-size='18'%3E⭐%3C/text%3E%3Ctext x='30' y='80' font-size='22'%3E🎉%3C/text%3E%3Ctext x='80' y='100' font-size='16'%3E✨%3C/text%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 30%,rgba(255,215,0,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 30%),linear-gradient(180deg,#4a2c7a 0%,#4a2c7a 40px,transparent 40px),linear-gradient(135deg,#667eea,#764ba2);gap:20px;position:relative}.end-screen:before{content:"🏆🎯🏆🎯🏆🎯🏆";position:absolute;bottom:0;left:0;right:0;font-size:2.5rem;text-align:center;padding:15px;background:linear-gradient(0deg,#2c1654,#4a2c7a);letter-spacing:30px}.end-screen:after{content:"🌟 GREAT JOB! 🌟";position:absolute;top:50px;font-size:1.3rem;color:gold;background:#0000004d;padding:10px 40px;border-radius:30px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.5);animation:pulse-banner 1s ease-in-out infinite alternate}@keyframes pulse-banner{0%{transform:scale(1)}to{transform:scale(1.05)}}.end-screen h1{font-size:3rem;color:#fff;text-shadow:3px 3px 0 #4a3d7a}.final-score{background:#fffffff2;padding:30px 50px;border-radius:20px;box-shadow:0 10px 30px #0000004d;text-align:center}.final-score h2{font-size:2rem;color:#764ba2;margin-bottom:15px}.final-score p{font-size:1.2rem;color:#555;margin:8px 0}button:focus{outline:none}.high-scores{background:#fffffff2;padding:20px 40px;border-radius:15px;box-shadow:0 8px 20px #0003;margin-top:10px}.high-scores h3{color:#764ba2;margin-bottom:15px;font-size:1.4rem;text-align:center}.scores-list{display:flex;flex-direction:column;gap:8px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:#f0f0f0;border-radius:8px;font-size:1.1rem}.score-row.current{background:linear-gradient(135deg,gold,#ffec8b);font-weight:700;animation:glow-gold .5s ease-in-out infinite alternate}@keyframes glow-gold{0%{box-shadow:0 0 5px gold}to{box-shadow:0 0 15px gold}}.rank{color:#764ba2;font-weight:700;min-width:40px}.hs-score{color:#2d5016;font-weight:700;flex:1;text-align:center}.hs-mode{color:#888;font-size:.9rem}.new-high-score{font-size:1.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:celebrate .5s ease-in-out infinite alternate;margin:10px 0}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-menu{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.game-menu h1{font-size:4rem;color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.2);margin-bottom:10px}.game-menu .subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:40px}.game-buttons{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.game-button{display:flex;flex-direction:column;align-items:center;padding:30px 40px;border:none;border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:200px}.game-button:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #0000004d}.target-button{background:linear-gradient(135deg,#f5af19,#f12711)}.puzzle-button{background:linear-gradient(135deg,#11998e,#38ef7d)}.game-icon{font-size:4rem;margin-bottom:15px}.game-title{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px}.game-desc{font-size:1rem;color:#ffffffe6}.puzzle-container{min-height:100vh;width:100vw;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Ctext x='20' y='40' font-size='30' opacity='0.15'%3E🧩%3C/text%3E%3Ctext x='80' y='90' font-size='25' opacity='0.1'%3E❓%3C/text%3E%3Ctext x='30' y='130' font-size='28' opacity='0.12'%3E🔢%3C/text%3E%3Ctext x='100' y='35' font-size='22' opacity='0.1'%3E💡%3C/text%3E%3C/svg%3E") repeat,radial-gradient(circle at 90% 10%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(135deg,#11998e,#0f7b6c,#38ef7d);position:relative;overflow:hidden}.puzzle-container:before{content:"🧩 ❓ 💡 🔮 ⭐ 🎯 🧠 ✨";position:fixed;top:-50px;left:0;right:0;font-size:2rem;letter-spacing:80px;opacity:.1;animation:floatPuzzles 20s linear infinite;pointer-events:none}.puzzle-container:after{content:"💎 🌟 🔑 📚 🎲 🎪 🎨 🏆";position:fixed;bottom:-50px;left:50px;right:0;font-size:2rem;letter-spacing:70px;opacity:.1;animation:floatPuzzles 25s linear infinite reverse;pointer-events:none}@keyframes floatPuzzles{0%{transform:translate(-100px)}to{transform:translate(100px)}}.puzzle-start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.puzzle-start-screen h1{font-size:3.5rem;color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.2);margin-bottom:10px}.puzzle-start-screen .subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:30px}.puzzle-types{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.puzzle-types span{background:#fff3;padding:10px 20px;border-radius:20px;color:#fff;font-size:1.1rem}.back-button{position:absolute;top:20px;left:20px;background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem}.back-button:hover{background:#ffffff4d}.start-button{background:#fff;color:#11998e;border:none;padding:20px 50px;font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:scale(1.1);box-shadow:0 10px 30px #0003}.puzzle-playing{min-height:100vh;display:flex;flex-direction:column;padding:20px}.puzzle-header{display:flex;justify-content:space-between;background:#fff3;padding:15px 30px;border-radius:15px;color:#fff;font-size:1.2rem;font-weight:700}.timer{background:#fff3;padding:5px 15px;border-radius:20px;font-size:1.3rem}.timer-warning{background:#f44;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.puzzle-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.puzzle-area button{margin-top:20px;padding:15px 30px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;background:#fff;color:#11998e}.level-complete-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.level-complete-screen h1{font-size:3rem;color:#fff;text-shadow:4px 4px 0px rgba(0,0,0,.2);margin-bottom:20px}.level-complete-screen p{font-size:1.5rem;color:#ffffffe6;margin-bottom:40px}.level-complete-buttons{display:flex;gap:20px}.level-complete-buttons button{padding:15px 30px;font-size:1.2rem;border:none;border-radius:15px;cursor:pointer;background:#fff;color:#11998e;font-weight:700;transition:transform .2s}.level-complete-buttons button:hover{transform:scale(1.1)}.riddle-card{background:#fff;border-radius:30px;padding:40px 50px;max-width:600px;text-align:center;box-shadow:0 20px 60px #0003}.riddle-icon{font-size:4rem;display:block;margin-bottom:20px}.riddle-question{color:#333;font-size:1.8rem;margin-bottom:30px;line-height:1.4}.typing-answer{display:flex;flex-direction:column;gap:15px}.typing-answer input{padding:15px 25px;font-size:1.3rem;border:3px solid #11998e;border-radius:15px;text-align:center;outline:none}.typing-answer input:focus{border-color:#38ef7d;box-shadow:0 0 20px #38ef7d4d}.typing-answer button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;padding:15px 30px;font-size:1.2rem;font-weight:700;border-radius:15px;cursor:pointer;transition:transform .2s}.typing-answer button:hover{transform:scale(1.05)}.multiple-choice{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice-button{background:#f0f0f0;color:#333;border:3px solid transparent;padding:20px 30px;font-size:1.1rem;border-radius:15px;cursor:pointer;transition:all .2s}.choice-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.02)}.choice-button.correct{background:#4caf50;color:#fff;border-color:#45a049}.choice-button.wrong{background:#f44336;color:#fff;border-color:#d32f2f}.wrong-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.wrong-screen h1{font-size:4rem;color:#fff;margin-bottom:20px}.wrong-screen p{font-size:1.5rem;color:#ffffffe6;margin-bottom:10px}.correct-hint{font-style:italic;opacity:.8;margin-bottom:30px}.try-again-button{background:#fff;color:#11998e;border:none;padding:20px 40px;font-size:1.3rem;font-weight:700;border-radius:20px;cursor:pointer;transition:transform .2s}.try-again-button:hover{transform:scale(1.1)}.back-button-small{background:#ffffff4d;border:none;color:#fff;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem}.back-button-small:hover{background:#fff6}.level-score{font-size:2rem!important;color:gold!important;font-weight:700}.pattern-card{background:#fff;border-radius:30px;padding:40px 50px;max-width:650px;text-align:center;box-shadow:0 20px 60px #0003}.pattern-icon{font-size:4rem;display:block;margin-bottom:15px}.pattern-title{color:#333;font-size:1.8rem;margin-bottom:15px}.pattern-hint{color:#666;font-size:1.2rem;margin-bottom:25px;font-style:italic}.pattern-sequence{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.sequence-item{font-size:3rem;background:#f0f0f0;padding:15px 20px;border-radius:15px}.sequence-item.mystery{background:linear-gradient(135deg,#11998e,#38ef7d);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pattern-options{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.pattern-button{font-size:2.5rem;background:#f0f0f0;border:3px solid transparent;padding:15px 25px;border-radius:15px;cursor:pointer;transition:all .2s}.pattern-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.1)}.pattern-button.correct{background:#4caf50;border-color:#45a049}.pattern-button.wrong{background:#f44336;border-color:#d32f2f}.odd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.odd-button{font-size:3rem;background:#f0f0f0;border:3px solid transparent;padding:20px;border-radius:15px;cursor:pointer;transition:all .2s}.odd-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05)}.odd-button.correct{background:#4caf50;border-color:#45a049}.odd-button.wrong{background:#f44336;border-color:#d32f2f}.match-display{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px}.match-item{font-size:4rem;background:#f0f0f0;padding:20px 30px;border-radius:20px}.match-item.mystery{background:linear-gradient(135deg,#11998e,#38ef7d);animation:pulse 1s ease-in-out infinite}.match-arrow{font-size:2rem}.match-options{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.match-button{font-size:2.5rem;background:#f0f0f0;border:3px solid transparent;padding:15px 25px;border-radius:15px;cursor:pointer;transition:all .2s}.match-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.1)}.match-button.used{opacity:.3;cursor:not-allowed}.match-progress{color:#666;font-size:1.1rem;font-weight:700}.pattern-grid{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:30px}.grid-row{display:flex;gap:10px}.grid-cell{font-size:2.5rem;background:#f0f0f0;padding:15px 20px;border-radius:10px;min-width:70px;text-align:center}.grid-cell.mystery{background:linear-gradient(135deg,#11998e,#38ef7d);animation:pulse 1s ease-in-out infinite}.math-card{background:#fff;border-radius:30px;padding:40px 50px;max-width:600px;text-align:center;box-shadow:0 20px 60px #0003}.math-icon{font-size:4rem;display:block;margin-bottom:15px}.math-question{color:#333;font-size:2rem;margin-bottom:30px;line-height:1.4;font-weight:700}.math-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.math-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:3px solid transparent;padding:20px 30px;font-size:1.5rem;font-weight:700;border-radius:15px;cursor:pointer;transition:all .2s}.math-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.math-button.correct{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#45a049}.math-button.wrong{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#d32f2f}.give-up-button{margin-top:30px;background:transparent;border:2px solid rgba(255,255,255,.4);color:#fffc;padding:12px 25px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .2s}.give-up-button:hover{background:#ffffff1a;border-color:#fff9;color:#fff}.sliding-card{background:#fff;border-radius:30px;padding:40px 50px;max-width:400px;text-align:center;box-shadow:0 20px 60px #0003}.sliding-icon{font-size:4rem;display:block;margin-bottom:15px}.sliding-title{color:#333;font-size:1.8rem;margin-bottom:10px}.sliding-hint{color:#666;font-size:1rem;margin-bottom:25px}.sliding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:0 auto}.sliding-tile{width:80px;height:80px;font-size:2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .15s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.sliding-tile:hover:not(:disabled):not(.empty){transform:scale(1.05)}.sliding-tile.empty{background:#e0e0e0;box-shadow:inset 0 4px 10px #0000001a;cursor:default}.sliding-tile.movable{animation:tileGlow 1s ease-in-out infinite}@keyframes tileGlow{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eea99}}