body{margin:0;font-family:Comic Sans MS,Arial Rounded MT Bold,cursive,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Arial Rounded MT Bold,cursive,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}.app{width:100%;min-height:100vh;position:relative}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}button{font-family:inherit;font-size:1.2rem;padding:15px 30px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;font-weight:700;text-transform:uppercase}button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}button.secondary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}button.success{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}button.back{position:absolute;top:20px;left:20px;padding:10px 20px;font-size:1rem;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}button.finish-session-button{position:absolute;top:20px;right:20px;padding:10px 20px;font-size:1rem;z-index:100}@media(max-width:768px){button{font-size:1rem;padding:12px 24px}button.back,button.finish-session-button{padding:8px 16px;font-size:.9rem}}.game-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;min-height:100vh}.success-animation{animation:bounce .5s ease-in-out}.error-animation{animation:shake .5s ease-in-out}.fade-in{animation:fadeIn .5s ease-in-out}.loading{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-container{padding:40px 20px;max-width:1400px;margin:0 auto;position:relative;min-height:100vh}.hero-section{text-align:center;margin-bottom:60px;animation:fadeIn 1s ease-in-out}.main-title{font-size:3.5rem;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.3);margin-bottom:10px;animation:bounce 2s ease-in-out infinite}.subtitle{font-size:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:20px}.story-text{font-size:1.3rem;color:#fff;background:#0000004d;padding:20px;border-radius:20px;max-width:800px;margin:0 auto;line-height:1.8;direction:rtl}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:40px 0}.game-card{background:#fff;border-radius:25px;padding:30px;text-align:center;box-shadow:0 10px 40px #0003;border:4px solid;transition:all .3s ease;animation:fadeIn .5s ease-in-out;position:relative}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #0000004d}.game-card.completed{background:linear-gradient(135deg,#fff9e6,#ffe6f0)}.game-emoji{font-size:4rem;margin-bottom:15px;animation:pulse 2s ease-in-out infinite}.game-title{font-size:1.8rem;color:#333;margin-bottom:5px;direction:rtl}.game-subtitle{font-size:1.2rem;color:#666;margin-bottom:15px;font-style:italic}.game-description{font-size:1.1rem;color:#555;margin-bottom:20px;direction:rtl}.completion-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:10px;border-radius:15px;margin-bottom:15px;font-weight:700;font-size:1.1rem}.play-button{width:100%;margin-top:10px}.victory-banner{background:linear-gradient(135deg,gold,#ffed4e);border-radius:25px;padding:40px;text-align:center;margin:40px 0;box-shadow:0 10px 40px #0000004d;animation:pulse 2s ease-in-out infinite}.victory-banner h2{font-size:2.5rem;color:#d63031;margin-bottom:15px}.victory-banner p{font-size:1.5rem;color:#2d3436;margin-bottom:20px;direction:rtl}.final-stars{font-size:2rem;font-weight:700;color:#e17055}.demon-character,.hero-character{position:fixed;display:flex;flex-direction:column;align-items:center;animation:bounce 3s ease-in-out infinite;pointer-events:none;z-index:1}.demon-character{bottom:50px;left:50px}.hero-character{bottom:50px;right:50px}.demon,.hero{font-size:5rem;margin-bottom:10px}.demon-text,.hero-text{background:#fff;padding:10px 20px;border-radius:20px;font-weight:700;color:#333;box-shadow:0 4px 15px #0003;direction:rtl}@media(max-width:768px){.main-title{font-size:2rem}.subtitle{font-size:1.3rem}.story-text{font-size:1rem;padding:15px}.games-grid{grid-template-columns:1fr;gap:20px}.game-card{padding:20px}.game-emoji{font-size:3rem}.demon-character,.hero-character{position:static;margin:20px auto}.demon,.hero{font-size:3rem}.victory-banner{padding:20px}.victory-banner h2{font-size:1.8rem}.victory-banner p{font-size:1.2rem}}.word-catcher{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.game-header{text-align:center;margin-bottom:30px;color:#fff}.game-header h1{font-size:2.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.3);margin-bottom:10px}.instructions{font-size:1.3rem;margin-bottom:15px;direction:rtl}.score-display{font-size:1.2rem;background:#ffffff4d;padding:10px 20px;border-radius:20px;display:inline-block}.word-display-box{display:flex;justify-content:center;margin:40px 0;min-height:150px}.falling-word{background:#fff;padding:30px 60px;border-radius:25px;box-shadow:0 10px 40px #0000004d;animation:bounce 2s ease-in-out infinite;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.falling-word h2{font-size:3rem;color:#f5576c;margin:0;text-transform:uppercase;direction:ltr}.speak-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:60px;height:60px;font-size:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center}.speak-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.speak-button:active{transform:scale(.95)}.speak-button:focus-visible{outline:3px solid #f5576c;outline-offset:2px}.falling-word.correct{animation:success-pulse .5s ease-in-out;background:linear-gradient(135deg,#43e97b,#38f9d7)}.falling-word.wrong{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto 40px}.option-card{background:#fff;border:4px solid transparent;border-radius:20px;padding:30px;cursor:pointer;transition:all .3s ease;font-size:1rem}.option-card:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 15px 40px #0000004d;border-color:#f5576c}.option-card:disabled{cursor:not-allowed;opacity:.7}.option-card.correct{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;animation:success-pulse .5s ease-in-out}.option-card.wrong{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;animation:shake .5s ease-in-out}.emoji-large{font-size:4rem;margin-bottom:15px}.option-text{font-size:1.5rem;font-weight:700;color:#333;text-transform:uppercase}.option-card.correct .option-text,.option-card.wrong .option-text{color:#fff}.battle-scene{display:flex;justify-content:space-around;align-items:center;margin-top:40px;padding:20px}.hero-attack,.demon-target{font-size:5rem;animation:pulse 1s ease-in-out infinite}.demon-defeated{background:#fff;border-radius:30px;padding:60px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:600px;animation:fadeIn 1s ease-in-out}.demon-explosion{font-size:8rem;animation:pulse .5s ease-in-out infinite}.demon-defeated h1{font-size:2.5rem;color:#f5576c;margin:20px 0;direction:rtl}.demon-defeated p{font-size:1.5rem;color:#666;margin-bottom:30px;direction:rtl}@media(max-width:768px){.game-header h1{font-size:1.8rem}.instructions{font-size:1.1rem}.falling-word{padding:20px 40px}.falling-word h2{font-size:2rem}.speak-button{width:50px;height:50px;font-size:1.5rem}.options-grid{grid-template-columns:1fr;gap:15px}.emoji-large{font-size:3rem}.battle-scene{flex-direction:column;gap:20px}.hero-attack,.demon-target{font-size:3rem}.demon-defeated{padding:30px}.demon-explosion{font-size:5rem}}.success-cartoon-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.success-cartoon{position:absolute;bottom:20%;left:-150px;animation:walkAcrossScreen 3s ease-in-out forwards;display:flex;flex-direction:column;align-items:center;gap:10px}@keyframes walkAcrossScreen{0%{left:-150px;transform:scale(1)}15%{left:10%;transform:scale(1.1)}50%{left:50%;transform:scale(1.2) translateY(-20px)}85%{left:90%;transform:scale(1.1)}to{left:calc(100% + 150px);transform:scale(1)}}.cartoon-character{display:flex;flex-direction:column;align-items:center;animation:bounce .6s ease-in-out infinite}.cartoon-face{font-size:4rem;animation:faceExpression .6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes faceExpression{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.cartoon-body{position:relative;margin-top:-20px}.cartoon-arms{display:flex;gap:40px;font-size:2rem}.cartoon-arms .arm{animation:wave .6s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cartoon-arms .arm.left{animation-delay:0s}.cartoon-arms .arm.right{animation-delay:.3s}@keyframes wave{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.celebration-particles{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:200px;height:200px;pointer-events:none}.particle{position:absolute;font-size:2rem;animation:particleFloat 1.5s ease-out infinite;opacity:0}.particle-0{left:20%;animation-delay:0s}.particle-1{left:50%;animation-delay:.5s}.particle-2{left:80%;animation-delay:1s}@keyframes particleFloat{0%{transform:translateY(0) scale(.5);opacity:0}50%{opacity:1}to{transform:translateY(-100px) scale(1.5);opacity:0}}.success-message{margin-top:20px;animation:messageAppear .8s ease-out forwards}@keyframes messageAppear{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.message-text{font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5);white-space:nowrap;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowText 2s ease-in-out infinite}@keyframes rainbowText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:768px){.cartoon-face{font-size:3rem}.cartoon-arms{font-size:1.5rem;gap:30px}.message-text{font-size:1.4rem}.particle{font-size:1.5rem}}.spell-magic{background:linear-gradient(135deg,#4facfe,#00f2fe);padding:20px}.picture-display{text-align:center;margin:30px 0}.emoji-circle{font-size:8rem;background:#fff;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 40px #0000004d;animation:pulse 2s ease-in-out infinite}.answer-area{display:flex;justify-content:center;margin:40px 0;direction:ltr}.answer-boxes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;direction:ltr}.letter-box{width:70px;height:80px;background:#fff;border:4px solid #764ba2;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.letter-box.empty{border-style:dashed;color:#ccc}.letter-box.filled{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.letter-box.filled:hover{transform:scale(.95)}.letter-box.correct{animation:success-bounce .5s ease-in-out;background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b}.letter-box.wrong{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.letters-pool{text-align:center;margin:40px 0}.letters-pool h3{color:#fff;font-size:1.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);direction:rtl}.letters-grid{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.letter-button{width:70px;height:80px;background:#fff;border:4px solid #f5576c;border-radius:15px;font-size:2.5rem;font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.letter-button:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d;border-color:#764ba2}.letter-button:active{transform:scale(.95)}.check-button{display:block;margin:30px auto;font-size:1.5rem;padding:20px 50px;animation:pulse 1s ease-in-out infinite}.magic-scene{display:flex;justify-content:space-around;align-items:center;margin-top:40px;padding:20px}.wizard,.magic-target{font-size:5rem}.wizard{animation:bounce 2s ease-in-out infinite}.magic-target{animation:pulse 1.5s ease-in-out infinite}.magic-blast{background:#fff;border-radius:30px;padding:60px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:600px;animation:fadeIn 1s ease-in-out}.blast-animation{font-size:6rem;animation:sparkle 1s ease-in-out infinite}.magic-blast h1{font-size:2.5rem;color:#4facfe;margin:20px 0;direction:rtl}.magic-blast p{font-size:1.5rem;color:#666;margin-bottom:30px;direction:rtl}@media(max-width:768px){.emoji-circle{width:150px;height:150px;font-size:6rem}.letter-box,.letter-button{width:55px;height:65px;font-size:2rem}.answer-boxes{gap:8px}.letters-grid{gap:10px}.check-button{font-size:1.2rem;padding:15px 35px}.wizard,.magic-target{font-size:3rem}.magic-blast{padding:30px}.blast-animation{font-size:4rem}.magic-blast h1{font-size:1.8rem}}.choose-power{background:linear-gradient(135deg,#fa709a,#fee140);padding:20px}.power-meter-container{text-align:center;margin:30px auto;max-width:600px}.power-meter-label{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);direction:rtl}.power-meter{width:100%;height:40px;background:#ffffff4d;border:4px solid white;border-radius:25px;overflow:hidden;box-shadow:0 5px 20px #0003;position:relative}.power-meter-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;animation:power-glow 1s ease-in-out infinite}@keyframes power-glow{0%,to{opacity:1}50%{opacity:.8}}.power-bolt{font-size:1.5rem;animation:bounce .5s ease-in-out infinite}.question-card{background:#fff;border-radius:25px;padding:40px;margin:30px auto;max-width:700px;box-shadow:0 10px 40px #0000004d;text-align:center}.question-english{font-size:2.5rem;color:#333;margin-bottom:15px}.question-hebrew{font-size:1.5rem;color:#666;direction:rtl}.speak-button{margin-top:20px;padding:15px 40px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 20px #0003;transition:all .3s ease}.speak-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.speak-button:active{transform:translateY(-1px)}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:40px auto}.answer-option{background:#fff;border:5px solid transparent;border-radius:25px;padding:40px 30px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:15px}.answer-option:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 15px 45px #0000004d;border-color:#f5576c}.answer-option:disabled{cursor:not-allowed;opacity:.8}.answer-option.correct{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;animation:success-pulse .5s ease-in-out}.answer-option.correct .option-emoji,.answer-option.correct .option-label{color:#fff}.answer-option.wrong{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;animation:shake .5s ease-in-out}.answer-option.wrong .option-emoji,.answer-option.wrong .option-label{color:#fff}.option-emoji{font-size:5rem}.option-label{font-size:1.5rem;font-weight:700;color:#333;text-transform:lowercase}.power-battle{display:flex;justify-content:space-around;align-items:center;margin-top:50px;padding:20px}.hero-powered{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-icon{font-size:5rem;animation:bounce 2s ease-in-out infinite}.power-level{font-size:2rem;animation:sparkle 1s ease-in-out infinite}.vs-text{font-size:3rem;font-weight:700;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.demon-weakening{font-size:5rem;animation:pulse 1.5s ease-in-out infinite}.power-unleashed{background:#fff;border-radius:30px;padding:60px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:600px;animation:fadeIn 1s ease-in-out}.power-blast{font-size:7rem;animation:pulse .5s ease-in-out infinite}.power-unleashed h1{font-size:2.5rem;color:#fa709a;margin:20px 0;direction:rtl}.power-unleashed p{font-size:1.5rem;color:#666;margin-bottom:30px;direction:rtl}.final-score h2{font-size:2rem;color:#333;margin-bottom:15px;direction:rtl}.stars-earned{font-size:1.8rem;color:gold;font-weight:700;margin-bottom:30px;direction:rtl}@media(max-width:768px){.power-meter-container{max-width:100%}.power-meter{height:30px}.power-bolt{font-size:1.2rem}.question-card{padding:25px}.question-english{font-size:1.8rem}.question-hebrew{font-size:1.2rem}.answers-grid{grid-template-columns:1fr;gap:15px}.answer-option{padding:30px 20px}.option-emoji{font-size:3.5rem}.option-label{font-size:1.3rem}.power-battle{flex-direction:column;gap:20px}.hero-icon,.demon-weakening{font-size:3rem}.power-level{font-size:1.5rem}.vs-text{font-size:2rem}.power-unleashed{padding:30px}.power-blast{font-size:4.5rem}.power-unleashed h1{font-size:1.8rem}}.listen-write{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.listen-section{text-align:center;margin:40px 0;padding:30px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speaker-icon-big{font-size:80px;margin-bottom:20px;animation:pulse 2s infinite}.listen-button{font-size:1.3em;padding:15px 30px;margin:10px;border-radius:15px;border:none;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.listen-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.listen-button:active{transform:translateY(0)}.hint-text{color:#fff;margin-top:10px;font-size:1.1em;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-section{text-align:center;margin:40px 0}.input-section h3{color:#fff;font-size:1.5em;margin-bottom:20px}.letter-input{width:120px;height:120px;font-size:80px;text-align:center;border:4px solid white;border-radius:20px;background:#ffffffe6;color:#333;font-weight:700;text-transform:uppercase;transition:all .3s ease;direction:ltr}.letter-input:focus{outline:none;border-color:#f093fb;box-shadow:0 0 20px #f093fb99;transform:scale(1.05)}.letter-input.correct{border-color:#4caf50;background:#4caf5033;animation:successPulse .6s}.letter-input.wrong{border-color:#f44336;background:#f4433633;animation:shake .5s}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.check-button{margin-top:20px;font-size:1.2em;padding:12px 30px;border-radius:12px;border:none;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.check-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.feedback-message{margin-top:20px;padding:15px 30px;border-radius:12px;font-size:1.3em;font-weight:700;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#4caf50e6;color:#fff}.error-message{background:#f44336e6;color:#fff}.skip-button{margin-top:20px;padding:8px 20px;background:#ffffff4d;border:2px solid white;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;transition:all .3s ease}.skip-button:hover{background:#ffffff80;transform:translateY(-2px)}.battle-scene{display:flex;justify-content:space-around;align-items:center;margin-top:50px;padding:20px}.listener-hero{position:relative;text-align:center}.hero-icon{font-size:60px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sound-effect{position:absolute;top:-20px;right:-10px;font-size:30px;animation:float 1s ease-in-out infinite}.vs-text{font-size:2em;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.demon-target{font-size:60px;animation:sway 1.5s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.letter-master{text-align:center;padding:40px}.letter-celebration{font-size:80px;margin-bottom:20px;animation:spin 2s ease-in-out infinite}.letter-master h1{color:#fff;font-size:2.5em;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.letter-master p{color:#fff;font-size:1.3em;margin:15px 0}.final-score{background:#fff3;border-radius:20px;padding:30px;margin:30px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.final-score h2{color:#fff;font-size:2em;margin-bottom:15px}.stars-earned{font-size:1.5em;color:gold;font-weight:700;margin-top:15px}@media(max-width:768px){.letter-input{width:100px;height:100px;font-size:60px}.speaker-icon-big{font-size:60px}.battle-scene{flex-direction:column;gap:20px}.hero-icon,.demon-target{font-size:50px}}.rhyme-time-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-title{text-align:center}.score-display{background:#fff3;padding:10px 20px;border-radius:10px;font-size:18px;font-weight:700}.progress-bar{background:#fff3;height:10px;border-radius:5px;overflow:hidden;margin-bottom:30px}.progress-fill{height:100%;background:linear-gradient(90deg,#43e97b,#38f9d7);transition:width .5s ease}.game-content{max-width:800px;margin:0 auto}.instruction{text-align:center;font-size:24px;margin-bottom:30px;line-height:1.5}.current-word{background:#ffffff26;padding:30px;border-radius:20px;text-align:center;margin-bottom:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.word-emoji{font-size:80px;margin-bottom:15px}.word-text{font-size:48px;font-weight:700;margin-bottom:10px;text-transform:uppercase;direction:ltr}.word-hebrew{font-size:24px;opacity:.9}.speaker-button{background:#ffffff4d;border:none;color:#fff;font-size:32px;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;margin-top:15px}.speaker-button:hover{background:#fff6;transform:scale(1.1)}.speaker-button:focus-visible{outline:3px solid white;outline-offset:2px}.rhyme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.rhyme-option{background:#fff3;border:3px solid rgba(255,255,255,.3);color:#fff;padding:25px;border-radius:15px;cursor:pointer;font-size:28px;font-weight:700;transition:all .3s ease;position:relative;text-transform:uppercase;direction:ltr}.rhyme-option:hover:not(:disabled){background:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.rhyme-option:disabled{cursor:not-allowed;opacity:.6}.rhyme-option.correct{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;animation:pulse .5s ease}.rhyme-option.incorrect{background:linear-gradient(135deg,#fa709a,#fee140);border-color:#fa709a;animation:shake .5s ease}.rhyme-text{display:block;margin-bottom:10px}.mini-speaker{background:#ffffff4d;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease}.mini-speaker:hover{background:#ffffff80;transform:scale(1.1)}.mini-speaker:focus-visible{outline:2px solid white;outline-offset:2px}.feedback-message{text-align:center;font-size:28px;font-weight:700;padding:20px;border-radius:15px;animation:fadeIn .3s ease}.feedback-message.success{background:#43e97b4d;border:2px solid #43e97b}.feedback-message.error{background:#fa709a4d;border:2px solid #fa709a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.memory-match-container{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);padding:20px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.back-button{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:16px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translate(5px)}.game-title{text-align:center;flex:1}.game-title h2{margin:0;font-size:28px}.game-title h3{margin:5px 0 0;font-size:18px;font-weight:400;opacity:.9}.stats-display{display:flex;gap:15px}.stat{background:#fff3;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:8px}.stat-label{font-size:14px;opacity:.9}.stat-value{font-size:18px;font-weight:700}.instruction{text-align:center;font-size:24px;margin:30px 0;line-height:1.5}.instruction-english{font-size:18px;opacity:.9}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:800px;margin:0 auto;padding:20px}@media(max-width:768px){.cards-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:10px}}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003}.card-front{background:linear-gradient(135deg,#667eea,#764ba2)}.card-back{background:linear-gradient(135deg,#fff,#e0e0e0);transform:rotateY(180deg)}.memory-card.matched .card-back{background:linear-gradient(135deg,#43e97b,#38f9d7);animation:matchPulse .5s ease}.card-back-design{font-size:48px;font-weight:700;color:#ffffff80}.card-emoji{font-size:36px;margin-bottom:8px}.card-text{font-size:18px;font-weight:700;color:#333;text-align:center;padding:0 5px}.card-text.english{direction:ltr;text-transform:uppercase}.card-text.hebrew{direction:rtl}.memory-card:hover:not(.flipped):not(.matched) .card-inner{transform:scale(1.05)}.game-complete{background:#ffffff26;padding:60px;border-radius:30px;text-align:center;max-width:600px;margin:100px auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.complete-icon{font-size:100px;margin-bottom:20px}.game-complete h2{font-size:48px;margin:0 0 10px}.game-complete h3{font-size:32px;margin:0 0 30px;font-weight:400;opacity:.9}.final-moves{font-size:28px;margin:15px 0}.final-score{font-size:36px;margin:20px 0;font-weight:700}.star-display{font-size:48px;margin:30px 0}.primary{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;color:#fff;padding:20px 60px;border-radius:50px;cursor:pointer;font-size:24px;font-weight:700;transition:all .3s ease;margin-top:20px}.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.primary:focus-visible{outline:3px solid white;outline-offset:3px}@keyframes matchPulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.weekly-dictation{direction:rtl;text-align:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.weekly-dictation .game-header h1{font-size:2.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.weekly-dictation .instructions{color:#fff;font-size:1.2rem;margin-bottom:15px}.weekly-dictation .score-display{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px 20px;color:#fff;font-size:1.1rem;display:inline-block;margin-bottom:20px}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.loading-spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen .error-icon{font-size:4rem;margin-bottom:20px}.error-screen .error-title{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.error-screen .error-message{font-size:1.3rem;margin:10px 0;color:#fff;font-weight:600}.error-screen p{font-size:1.3rem;margin:10px 0}.error-detail{font-size:1rem!important;opacity:.8}.error-debug-info{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin:20px auto;max-width:700px;text-align:left;direction:ltr}.debug-section{color:#fff;font-size:.95rem}.debug-section>strong{display:block;margin-bottom:15px;font-size:1.1rem;color:gold;text-align:center;direction:rtl}.debug-item{margin:12px 0;padding:10px;background:#ffffff1a;border-radius:8px;border-left:3px solid rgba(255,255,255,.3)}.debug-item.solution{background:#4caf5033;border-left-color:#4caf50}.debug-label{display:inline-block;font-weight:600;color:gold;margin-right:8px;min-width:120px}.debug-value{color:#fff;word-break:break-word}.debug-value.url-value{font-size:.85rem;font-family:monospace;background:#00000080;padding:4px 8px;border-radius:4px;display:inline-block;margin-top:5px}.debug-value.preview{font-size:.8rem;font-family:monospace;background:#00000080;padding:10px;border-radius:4px;margin-top:5px;overflow-x:auto;white-space:pre-wrap;color:#90ee90}.retry-button{margin-top:20px;font-size:1.2rem}.word-section{margin:30px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.speak-button{font-size:1.5rem;padding:15px 40px;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003}.speak-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.speak-button:active{transform:scale(.98)}.confusion-hint{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:8px 20px;color:#fff;font-size:1rem;font-weight:600}.letter-boxes-container{margin:40px auto;max-width:800px}.letter-boxes{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.letter-box{width:60px;height:70px;font-size:2rem;text-align:center;border:3px solid #fff;border-radius:12px;background:#ffffffe6;color:#333;font-weight:700;transition:all .3s ease;box-shadow:0 4px 10px #0003}.letter-box:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd70099;transform:scale(1.05)}.letter-box.correct{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;color:#fff;cursor:not-allowed;animation:correctPulse .5s ease}.letter-box.wrong{background:linear-gradient(135deg,#fa709a,#fee140);border-color:#fa709a;color:#fff;animation:shake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.word-length-hint{color:#fff;font-size:1rem;opacity:.9}.check-button{font-size:1.3rem;padding:12px 50px;background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003;margin:20px 0}.check-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.check-button:active{transform:scale(.98)}.battle-scene{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:40px}.student-character,.demon-target{display:flex;flex-direction:column;align-items:center;gap:10px}.character-icon,.demon-target{font-size:4rem;animation:float 3s ease-in-out infinite}.character-label{color:#fff;font-size:1rem;font-weight:600}.vs-text{color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completion-screen{display:flex;justify-content:center;align-items:center;min-height:80vh}.completion-content{background:#fffffff2;border-radius:30px;padding:50px;box-shadow:0 10px 40px #0000004d;text-align:center;max-width:500px}.completion-celebration{font-size:4rem;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.completion-content h1{color:#764ba2;font-size:2.5rem;margin-bottom:20px}.completion-content p{color:#666;font-size:1.3rem;margin-bottom:30px}.final-score{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:25px;margin:30px 0}.final-score h2{color:#fff;font-size:1.8rem;margin-bottom:15px}.stars-earned{color:gold;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back{position:absolute;top:20px;right:20px;padding:10px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;z-index:10}.back:hover{background:#ffffff4d;transform:scale(1.05)}@media(max-width:768px){.weekly-dictation .game-header h1{font-size:2rem}.letter-box{width:50px;height:60px;font-size:1.5rem}.battle-scene{gap:20px}.character-icon,.demon-target{font-size:3rem}.completion-content{padding:30px}}@media(max-width:480px){.letter-box{width:45px;height:55px;font-size:1.3rem;gap:5px}.speak-button{font-size:1.2rem;padding:12px 30px}}.add-three-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.add-three-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.add-three-back-btn{background:#fff3;border:none;color:#fff;padding:8px 16px;border-radius:20px;font-size:1rem;cursor:pointer;transition:background .3s}.add-three-back-btn:hover{background:#ffffff4d}.add-three-progress{color:#fff;font-size:1rem;font-weight:700}.add-three-score-display{background:#fff3;padding:8px 16px;border-radius:20px;color:#fff;font-weight:700;font-size:1.1rem}.add-three-progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;margin-bottom:25px;overflow:hidden}.add-three-progress-fill{height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe);border-radius:4px;transition:width .5s ease}.add-three-game-area{max-width:700px;margin:0 auto;text-align:center}.add-three-title{color:#fff;font-size:1.6rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.add-three-notebook{display:inline-flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:20px;padding:30px 35px;box-shadow:0 8px 30px #0003;margin-bottom:25px;direction:ltr}.add-three-row{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:6px}.add-three-sign{width:40px;font-size:2rem;font-weight:700;color:#764ba2;text-align:center;flex-shrink:0}.add-three-cell{width:48px;height:52px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#333;font-family:Courier New,Courier,monospace}.add-three-divider{height:4px;background:#333;border-radius:2px;margin:8px 0 12px}.answer-row{margin-bottom:0}.add-three-digit-input{width:48px;height:52px;border:3px solid #d1d5db;border-radius:10px;font-size:2rem;font-weight:700;text-align:center;color:#764ba2;font-family:Courier New,Courier,monospace;background:#f9fafb;outline:none;transition:all .2s ease;-moz-appearance:textfield;appearance:textfield}.add-three-digit-input::-webkit-outer-spin-button,.add-three-digit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-three-digit-input:focus{border-color:#764ba2;background:#fff;box-shadow:0 0 0 3px #764ba240;transform:scale(1.05)}.add-three-digit-input.digit-correct{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}.add-three-digit-input.digit-wrong{border-color:#f44336;background:#ffebee;color:#c62828;animation:shake .5s ease}.add-three-submit-btn{display:inline-block;padding:14px 40px;border:none;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;background:#ffffff4d;color:#fff9;transition:all .3s ease;margin-bottom:20px}.add-three-submit-btn:disabled{cursor:not-allowed}.add-three-submit-btn.ready{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 15px #4caf5066}.add-three-submit-btn.ready:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.add-three-wrong-actions{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.add-three-retry-btn,.add-three-skip-btn{padding:14px 30px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s}.add-three-retry-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 15px #4caf5066}.add-three-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.add-three-skip-btn{background:#ffffff40;color:#fff;box-shadow:0 4px 15px #0000001a}.add-three-skip-btn:hover{transform:translateY(-2px);background:#ffffff59}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.add-three-feedback{padding:15px 25px;border-radius:15px;font-size:1.3rem;font-weight:700;animation:fadeIn .3s ease}.add-three-feedback.success{background:#4caf504d;color:#c8e6c9}.add-three-feedback.error{background:#f443364d;color:#ffcdd2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-three-complete{max-width:500px;margin:60px auto;text-align:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:40px}.add-three-complete h2{color:#fff;font-size:2.2rem;margin-bottom:20px}.add-three-final-score{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.add-three-score-number{font-size:4rem;font-weight:700;color:#ffeb3b;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.add-three-score-label{color:#fffc;font-size:1.2rem}.add-three-stars{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:15px}.add-three-star{font-size:1.8rem;animation:starBounce .5s ease forwards}@keyframes starBounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.add-three-message{color:#fff;font-size:1.4rem;margin-bottom:25px}.add-three-buttons{display:flex;justify-content:center;gap:15px}.add-three-btn{padding:12px 30px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s}.add-three-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.add-three-btn.home-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:600px){.add-three-notebook{padding:20px 15px}.add-three-cell,.add-three-digit-input{width:38px;height:42px;font-size:1.5rem}.add-three-sign{width:30px;font-size:1.5rem}.add-three-title{font-size:1.3rem}}.quiz-game{padding:20px;direction:rtl}.israel-quiz{--quiz-primary: #0038b8;--quiz-secondary: #4facfe;--quiz-background: linear-gradient(135deg, #0038b8 0%, #ffffff 50%, #0038b8 100%);background:var(--quiz-background)}.world-quiz{--quiz-primary: #1d6f42;--quiz-secondary: #45b7d1;--quiz-background: linear-gradient(135deg, #0f4c75 0%, #dff6ff 50%, #2e8b57 100%);background:var(--quiz-background)}.quiz-game .game-header h1{color:var(--quiz-primary);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.quiz-game .instructions{color:#333;font-size:1.3rem;font-weight:700}.quiz-game .score-display{color:var(--quiz-primary);font-weight:700;font-size:1.2rem}.progress-bar-container{text-align:center;margin:20px auto;max-width:600px}.progress-bar-label{color:var(--quiz-primary);font-size:1.3rem;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 3px rgba(255,255,255,.8)}.progress-bar{width:100%;height:35px;background:#ffffff80;border:4px solid var(--quiz-primary);border-radius:25px;overflow:hidden;box-shadow:0 5px 20px #00000026;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--quiz-primary) 0%,var(--quiz-secondary) 100%);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-left:10px;border-radius:25px}.progress-star{font-size:1.3rem;animation:bounce .5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.quiz-question-card{background:#fff;border-radius:25px;padding:40px;margin:30px auto;max-width:700px;box-shadow:0 10px 40px #0000002e;text-align:center;border:3px solid var(--quiz-primary)}.question-text{font-size:2rem;color:#333;line-height:1.6}.quiz-game .answers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:30px auto}.quiz-game .answer-option{background:#fff;border:4px solid var(--quiz-primary);border-radius:25px;padding:30px 20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000001f;display:flex;flex-direction:column;align-items:center;gap:12px}.quiz-game .answer-option:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 15px 40px #0003;border-color:gold;background:#f0f7ff}.quiz-game .answer-option:disabled{cursor:not-allowed;opacity:.8}.quiz-game .answer-option.correct{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#43e97b;animation:success-pulse .5s ease-in-out}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-game .answer-option.correct .option-emoji,.quiz-game .answer-option.correct .option-label{color:#fff}.quiz-game .answer-option.wrong{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff6b6b;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.quiz-game .answer-option.wrong .option-emoji,.quiz-game .answer-option.wrong .option-label{color:#fff}.quiz-game .option-emoji{font-size:2.5rem;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0000000f}.quiz-game .option-label{font-size:1.4rem;font-weight:700;color:#333}.israel-quiz .completion-screen{display:flex;justify-content:center;align-items:center;min-height:80vh}.quiz-complete{background:#fff;border-radius:30px;padding:60px;text-align:center;box-shadow:0 20px 60px #0038b84d;max-width:600px;animation:fadeIn 1s ease-in-out;border:4px solid #0038b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.celebration-icons{font-size:6rem;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quiz-complete h1{font-size:2.5rem;color:#0038b8;margin:20px 0}.quiz-complete p{font-size:1.5rem;color:#666;margin-bottom:30px}.israel-quiz .final-score h2{font-size:2rem;color:#333;margin-bottom:15px}.israel-quiz .stars-earned{font-size:1.8rem;color:gold;font-weight:700;margin-bottom:30px}@media(max-width:768px){.quiz-game .answers-grid{grid-template-columns:1fr;gap:15px}.quiz-question-card{padding:25px}.question-text{font-size:1.5rem}.quiz-game .answer-option{padding:20px 15px}.quiz-game .option-emoji{font-size:2rem;width:48px;height:48px}.quiz-game .option-label{font-size:1.2rem}.quiz-complete{padding:40px 25px}.celebration-icons{font-size:4rem}.quiz-complete h1{font-size:2rem}}.flower-quiz{--quiz-primary: #2d8a4e;--quiz-secondary: #7ed56f;--quiz-background: linear-gradient(135deg, #2d8a4e 0%, #f5f7e1 50%, #7ed56f 100%);background:var(--quiz-background)}.flower-question-card{max-width:750px!important}.flower-image-container{margin:20px auto;max-width:400px;min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:#f0f0f0;box-shadow:0 4px 15px #0000001a}.flower-image{max-width:100%;max-height:300px;border-radius:20px;object-fit:cover;opacity:0;transition:opacity .4s ease}.flower-image.loaded{opacity:1}.image-loading{font-size:1.5rem;color:#999;animation:pulse-loading 1.5s ease-in-out infinite}@keyframes pulse-loading{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.flower-image-container{max-width:300px;min-height:180px}.flower-image{max-height:220px}}.matchstick-game{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:20px;color:#fff;font-family:Segoe UI,Tahoma,sans-serif;direction:rtl}.matchstick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.matchstick-back-btn{background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:1rem}.matchstick-info h2{margin:0;font-size:1.5rem}.matchstick-subtitle{margin:0;opacity:.7;font-size:.9rem}.matchstick-progress{background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:1rem}.matchstick-score{text-align:center;font-size:1.3rem;margin-bottom:15px}.matchstick-instruction{text-align:center;background:#ff9a3c33;border:2px solid #ff9a3c;border-radius:16px;padding:12px;margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.move-count{font-size:1.2rem;font-weight:700;color:#ff9a3c}.move-english{font-size:.85rem;opacity:.7}.picked-indicator{color:#ff6b6b;font-weight:700;animation:pulse .8s ease-in-out infinite}.moves-remaining{font-size:.9rem;opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.matchstick-celebration{text-align:center;font-size:2rem;animation:celebrateBounce .5s ease;margin-bottom:10px}@keyframes celebrateBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.equation-container{display:flex;justify-content:center;align-items:center;gap:16px;margin:30px auto;flex-wrap:wrap;direction:ltr}.digit-display{position:relative;width:60px;height:100px}.segment{position:absolute;border-radius:3px;transition:all .2s ease;cursor:pointer}.seg-0,.seg-3,.seg-6{width:40px;height:8px;left:10px}.seg-1,.seg-2,.seg-4,.seg-5{width:8px;height:36px}.seg-0{top:0}.seg-1{top:8px;right:2px;left:auto}.seg-2{top:54px;right:2px;left:auto}.seg-3{bottom:0}.seg-4{top:54px;left:2px}.seg-5{top:8px;left:2px}.seg-6{top:46px}.segment.on{background:#ff9a3c;box-shadow:0 0 10px #ff9a3c99,0 0 20px #ff9a3c4d}.segment.off{background:#ffffff14}.segment.pickable:hover{background:#ff6b4a;box-shadow:0 0 15px #ff6b4acc;transform:scale(1.15)}.segment.placeable{background:#64ff6426;border:1px dashed rgba(100,255,100,.4);animation:glowPulse 1s ease-in-out infinite}.segment.placeable:hover{background:#64ff6466;box-shadow:0 0 15px #64ff6499}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.operator-sign{position:relative;width:40px;height:40px;cursor:pointer}.op-h-bar{position:absolute;width:30px;height:8px;background:#ff9a3c;box-shadow:0 0 10px #ff9a3c99;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px}.op-v-bar{position:absolute;width:8px;height:30px;background:#ff9a3c;box-shadow:0 0 10px #ff9a3c99;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px}.operator-sign.can-pick:hover .op-v-bar{background:#ff6b4a;box-shadow:0 0 15px #ff6b4acc}.operator-sign.can-place{background:#64ff641a;border-radius:8px;animation:glowPulse 1s ease-in-out infinite}.equals-sign{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:40px;height:40px}.equals-bar{width:30px;height:8px;background:#ff9a3c;box-shadow:0 0 10px #ff9a3c99;border-radius:3px}.matchstick-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.matchstick-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 24px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .2s}.matchstick-btn:hover{background:#ffffff40}.matchstick-btn.primary{background:#ff9a3c;border-color:#ff9a3c;font-weight:700}.matchstick-btn.primary:hover{background:#ff8520}.hint-btn{border-color:gold;color:gold}.matchstick-hint{text-align:center;margin-top:15px;padding:12px;background:#ffd70026;border-radius:12px;border:1px solid rgba(255,215,0,.3)}.hint-target{font-size:.85rem;opacity:.6;margin-top:4px;direction:ltr}.matchstick-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:16px}.matchstick-complete h2{font-size:2rem}.complete-subtitle{opacity:.7;font-size:1.1rem}.stars-display{font-size:2.5rem}.final-score{font-size:1.3rem}@media(max-width:480px){.digit-display{width:45px;height:76px}.seg-0,.seg-3,.seg-6{width:30px;height:6px;left:7px}.seg-1,.seg-2,.seg-4,.seg-5{width:6px;height:27px}.seg-1{top:6px;right:2px}.seg-2{top:41px;right:2px}.seg-4{top:41px}.seg-5{top:6px}.seg-6{top:35px}.equation-container{gap:10px}.operator-sign{width:30px;height:30px}.op-h-bar{width:22px;height:6px}.op-v-bar{width:6px;height:22px}.equals-bar{width:22px;height:6px}.equals-sign{width:30px;height:30px;gap:7px}}.progress-tracker{position:fixed;top:20px;right:20px;background:#fffffff2;border-radius:20px;padding:15px 25px;box-shadow:0 8px 32px #0003;display:flex;align-items:center;gap:20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stars-container{display:flex;align-items:center;gap:10px}.star-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.star-count{font-size:1.5rem;font-weight:700;color:#f5576c}.badges-container{display:flex;align-items:center}.badges-list{display:flex;gap:8px}.badge{font-size:1.5rem;animation:bounce 1s ease-in-out infinite;cursor:pointer;transition:transform .3s ease}.badge:hover{transform:scale(1.3)}@media(max-width:768px){.progress-tracker{top:10px;right:10px;padding:10px 15px;gap:15px}.star-icon{font-size:1.5rem}.star-count,.badge{font-size:1.2rem}}