*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Helvetica Neue,Arial,Liberation Sans,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.game-container{background:#fffffff2;border-radius:30px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%;position:relative;animation:floatIn .5s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.panda-mascot{width:120px;height:120px;background:#d2691e;border-radius:50%;position:relative;margin:0 auto 20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.panda-mascot:before,.panda-mascot:after{content:"";position:absolute;width:40px;height:40px;background:#8b4513;border-radius:50%;top:-10px}.panda-mascot:before{left:10px}.panda-mascot:after{right:10px}.panda-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:60px}.panda-eyes{display:flex;justify-content:center;gap:30px;margin-top:10px}.panda-eye{width:15px;height:15px;background:#000;border-radius:50%;position:relative}.panda-eye:after{content:"";width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;top:2px;right:2px}.panda-nose{width:10px;height:8px;background:#000;border-radius:50%;margin:10px auto}.screen{display:none;text-align:center}.screen.active{display:block;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{color:#d2691e;font-size:3em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.difficulty-selector{margin:30px 0;background:#f0f0f0;padding:20px;border-radius:15px}.range-inputs{display:flex;justify-content:center;gap:20px;margin-top:15px}.range-group{display:flex;flex-direction:column;align-items:center}.range-group label{color:#555;margin-bottom:5px;font-weight:700}.range-group select{padding:10px 20px;font-size:1.2em;border-radius:10px;border:2px solid #d2691e;background:#fff;cursor:pointer;transition:all .3s}.range-group select:hover{transform:scale(1.05);box-shadow:0 5px 15px #d2691e4d}.start-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:20px 60px;font-size:1.5em;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #ee5a244d;margin-top:20px}.start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ee5a2466}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hearts{display:flex;gap:10px}.heart{font-size:2em;transition:all .3s}.heart.lost{opacity:.3;transform:scale(.8)}.question-counter,.timer{font-size:1.5em;color:#555;font-weight:700}.problem-area{margin:40px 0}.problem{font-size:4em;color:#333;margin-bottom:20px;font-weight:700}.answer-input{font-size:3em;padding:10px 30px;border:3px solid #d2691e;border-radius:15px;text-align:center;width:200px;transition:all .3s}.answer-input.shake{animation:shake .5s;border-color:#f44}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:30px auto}.numpad-btn{background:#667eea;color:#fff;border:none;padding:20px;font-size:1.5em;border-radius:15px;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #667eea4d}.numpad-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.numpad-btn:active{transform:translateY(0)}.numpad-btn.clear{background:#ff6b6b}.numpad-btn.enter{background:#4ecdc4}.numpad-btn.active{background:gold!important;color:#222!important;transition:background .1s,color .1s}.score-display{font-size:3em;color:#d2691e;margin:20px 0;font-weight:700}.stats{background:#f0f0f0;padding:20px;border-radius:15px;margin:20px 0}.stat-item{font-size:1.3em;margin:10px 0;color:#555}.feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4em;font-weight:700;pointer-events:none;opacity:0}.feedback.correct{color:#4ecdc4;animation:feedbackPulse .8s}.feedback.incorrect{color:#f44;animation:feedbackPulse .8s}@keyframes feedbackPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media(max-width:600px){h1{font-size:2em}.problem{font-size:3em}.answer-input{font-size:2em;width:150px}.numpad{max-width:250px}.numpad-btn{padding:15px;font-size:1.2em}}