*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;overflow:hidden;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#9c27b0}.page-wrapper{flex:1;position:relative;width:100%;overflow:hidden}.hidden{display:none!important}#start-page,#game-page,#game-over-page{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#4a148c,#7b1fa2,#9c27b0)}.bg-decoration{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.moon{position:absolute;top:20px;left:30px;width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#e8d5ff,#b39ddb);border-radius:50%;opacity:.4}.cloud{position:absolute;background:#8b458b4d;border-radius:100px}.zombie-silhouettes{position:absolute;bottom:180px;width:100%;height:200px;z-index:3;pointer-events:none}.zombie-silhouette{position:absolute;width:60px;height:120px;background:#1a1a2e;border-radius:30px 30px 20px 20px;opacity:.7}.zombie-silhouette:before{content:"";position:absolute;top:10px;left:15px;width:12px;height:12px;background:gold;border-radius:50%;box-shadow:18px 0 gold}#start-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.start-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:600px}.game-title{display:flex;align-items:center;gap:15px;background:#fffffff2;padding:20px 40px;border-radius:20px;box-shadow:0 8px 32px #0000004d}.game-title h1{font-size:3rem;color:#9c27b0;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0}.game-title-icon{width:60px;height:60px;font-size:50px}.difficulty-panel{background:#fffffff2;padding:30px;border-radius:20px;box-shadow:0 8px 32px #0000004d;width:100%}.difficulty-header{font-size:1.3rem;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px}.difficulty-select{width:100%;padding:15px;font-size:1.1rem;border:2px solid #9c27b0;border-radius:12px;background:#f0f4f0;color:#333;cursor:pointer;font-family:inherit;margin-bottom:20px}.start-game-button{width:100%;padding:18px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #4caf5066;transition:transform .2s,box-shadow .2s;font-family:inherit}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.start-game-button:active{transform:translateY(0)}.instructions{background:#fffffff2;padding:25px;border-radius:20px;width:100%}.instructions h3{font-size:1.2rem;color:#333;margin-bottom:15px}.instructions ul{list-style:none;padding:0}.instructions li{padding:8px 0;color:#666;font-size:1rem;display:flex;align-items:center;gap:10px}.instructions li:before{content:"";display:inline-block;width:8px;height:8px;background:#66bb6a;border-radius:50%}#game-page{display:flex;flex-direction:column}.game-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fffffff2;box-shadow:0 2px 8px #0003}.score-display{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:#333}.score-icon{font-size:1.8rem}.mute-button{background:none;border:none;font-size:2rem;cursor:pointer;padding:5px;border-radius:50%;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.mute-button:hover{transform:scale(1.1);background-color:#0000000d}.mute-button:active{transform:scale(.95)}#end-game-button{padding:12px 24px;font-size:1rem;background:#ef5350;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;transition:background .2s}#end-game-button:hover{background:#e53935}.game-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px;padding:10px;overflow:hidden;min-height:0}.math-problem{background:#fffffff2;padding:15px 30px;border-radius:20px;box-shadow:0 8px 24px #0000004d;flex-shrink:1;display:flex;align-items:center;justify-content:center;min-height:60px}.math-problem-text{font-size:2.5rem;font-weight:700;color:#7b1fa2;text-align:center}.keyboard{background:#fffffff2;padding:15px;border-radius:20px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;gap:8px;width:90%;max-width:400px;flex-shrink:1;overflow:visible}.keyboard-display{min-height:45px;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:1.8rem;text-align:center;color:#333;margin-bottom:8px}.keyboard-row{display:flex;justify-content:center;gap:8px}.keyboard button{width:65px;height:65px;font-size:1.6rem;font-weight:700;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;color:#333}.keyboard button:hover{background:#f5f5f5;transform:scale(1.05)}.keyboard button:active{transform:scale(.95)}.keyboard-actions{display:flex;gap:8px;margin-top:8px}.keyboard-clear{flex:1;padding:12px;font-size:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:700;transition:background .2s}.keyboard-clear:hover{background:#f5f5f5}.keyboard-submit{flex:2;padding:12px;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:opacity .2s}.keyboard-submit:hover{opacity:.9}#game-over-page{display:flex;align-items:center;justify-content:center}.game-over-container{position:relative;z-index:10;background:#fffffff2;padding:40px;border-radius:24px;box-shadow:0 12px 48px #0006;text-align:center;max-width:500px;width:90%}.game-over-title{font-size:2.5rem;color:#9c27b0;margin-bottom:20px}.game-over-icons{display:flex;justify-content:center;gap:20px;margin-bottom:25px;font-size:4rem}.score-panel{background:#ffe0b2;padding:25px;border-radius:16px;margin-bottom:20px}.score-panel-title{font-size:1.8rem;color:#333;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.score-value{font-size:3rem;font-weight:700;color:#ff6f00}.encouragement{background:#e1bee7;padding:15px;border-radius:12px;font-size:1.2rem;color:#4a148c;margin-bottom:20px}.star-rating{display:flex;justify-content:center;gap:8px;font-size:2.5rem;margin-bottom:25px}.star-empty{color:#e0e0e0}.star-filled{color:gold}.game-over-actions{display:flex;gap:15px}.home-button,.play-again-button{flex:1;padding:16px;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .2s}.home-button{background:#fff;color:#333;border:2px solid #e0e0e0}.play-again-button{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;box-shadow:0 4px 16px #4caf5066}.home-button:hover,.play-again-button:hover{transform:translateY(-2px)}.fun-fact{margin-top:20px;padding:15px;background:#ffffffe6;border-radius:12px;font-size:.95rem;color:#666}.game-board{position:relative;width:100%;height:0;padding-bottom:40%;max-width:100vw;margin:0 auto 20px;transform-origin:center top;overflow:visible}.game-board:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.ground{position:absolute;bottom:0;left:-10%;width:120%;height:25%;background-image:url(/assets/grass-BOvCUnPX.png);background-repeat:repeat-x;background-size:auto 100%;background-position:0 0;box-sizing:border-box}.zombie-container{position:absolute;bottom:0;width:81px;height:100px;box-sizing:border-box;overflow:hidden!important}.zombie-death-container{position:absolute;bottom:0;width:81px;height:100px;box-sizing:border-box;overflow:hidden!important;z-index:2}.zombie-animation{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:1296px 100px;background-position:0 0}.zombie-death-animation{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/zombie_death_animation-CF9SZy_K.png);background-repeat:no-repeat;background-size:1458px 100px;background-position:0 0}.zombie-eating-container{position:absolute;bottom:0;width:157.5px;height:128.5px;box-sizing:border-box;overflow:hidden!important;z-index:2}.zombie-eating-animation{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/zombie_eating-tgkye1BG.png);background-repeat:no-repeat;background-size:1417.5px 128.5px;background-position:0 0}#zombie-target{position:absolute;left:5%;bottom:0;width:93px;height:72px;background-image:url(/assets/brain-CSEI9TUf.png);background-size:contain;background-repeat:no-repeat;background-position:center bottom;z-index:1}.zombie-walk{position:absolute;background-image:url(/assets/zombie_walk_animation-C9jZhUlH.png)}@media (max-width: 768px){.game-title h1{font-size:2rem}.math-problem{padding:18px 35px}.math-problem-text{font-size:2.5rem}.keyboard{padding:18px;gap:10px}.keyboard button{width:60px;height:60px;font-size:1.5rem}.keyboard-display{font-size:1.6rem;min-height:40px}.game-board{padding-bottom:45%;margin-bottom:15px}}@media (max-width: 400px){.game-title h1{font-size:1.5rem}.game-title-icon{width:40px;height:40px;font-size:35px}.math-problem{padding:15px 25px}.math-problem-text{font-size:2rem}.keyboard{padding:15px;gap:8px}.keyboard button{width:50px;height:50px;font-size:1.3rem}.keyboard-display{font-size:1.4rem;min-height:35px;padding:10px}.keyboard-actions{gap:6px}.keyboard-clear,.keyboard-submit{padding:10px;font-size:.95rem}.game-board{padding-bottom:50%;margin-bottom:10px}.game-content{gap:15px;padding:8px}}@media (max-height: 500px){.game-board{padding-bottom:35%;margin-bottom:10px}.math-problem{padding:15px 30px}.math-problem-text{font-size:2.2rem}.keyboard{padding:15px;gap:8px}.keyboard button{width:55px;height:55px;font-size:1.4rem}.keyboard-display{font-size:1.5rem;min-height:35px}}@media (min-width: 1024px){.game-content{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;height:100%;padding:20px;gap:20px;overflow:hidden}.game-board{width:100%;margin-bottom:0}.math-problem{width:100%;margin-bottom:0;padding:15px}.math-problem-text{font-size:2.5rem}.keyboard{width:100%;margin:0;padding:15px;gap:10px}}.footer{position:relative;width:100%;flex-shrink:0;background:#9c27b0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fffc!important;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center;padding:4px;font-size:.8rem;z-index:1000;min-height:auto}.footer p{margin:0;line-height:1.2}.footer a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff;text-decoration:underline;opacity:1}@media (max-width: 768px){.footer{font-size:.65rem;padding:3px}}@media (max-height: 800px){.game-board{margin-bottom:0;padding-bottom:35%}.math-problem{padding:10px 20px}.math-problem-text{font-size:2rem}.keyboard{padding:10px;gap:6px}.keyboard-display{min-height:40px;font-size:1.5rem;padding:8px}.keyboard button{width:50px;height:50px;font-size:1.3rem}}@media (max-height: 600px){.game-header{padding:8px 15px}.game-board{padding-bottom:30%}.math-problem{padding:8px 15px;min-height:40px}.math-problem-text{font-size:1.6rem}.keyboard{padding:8px;gap:4px}.keyboard button{width:40px;height:40px;font-size:1.1rem}.keyboard-display{min-height:30px;font-size:1.2rem;padding:4px;margin-bottom:4px}.keyboard-actions{margin-top:4px}.keyboard-clear,.keyboard-submit{padding:8px}}body,html{overflow:hidden!important;overscroll-behavior:none}.slider-container{flex:2;position:relative;height:100%;min-height:48px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.slider-track{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.slider-label{font-size:.8rem;color:#757575;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding-left:20px}.slider-handle{position:absolute;top:4px;left:4px;width:50px;height:calc(100% - 8px);background:#ef5350;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;box-shadow:0 2px 4px #0003;cursor:grab;transition:transform .1s;z-index:2;will-change:transform}.slider-handle:active{cursor:grabbing;transform:scale(.95)}.slider-container.active{border-color:#4caf50}.slider-container.active .slider-handle{background:#4caf50;box-shadow:0 0 10px #4caf5099}.slider-container.active .slider-track{background:#a5d6a7;opacity:1!important}