.game-wrapper{max-width:900px;margin:0 auto;font-family:'Segoe UI','Microsoft JhengHei',system-ui,-apple-system,sans-serif;line-height:1.8;letter-spacing:.02em}.settings-panel{background:linear-gradient(145deg,#faf6ee 0,#f4edd8 60%,#efe5cc 100%);border-radius:20px;padding:2.5em;margin-bottom:2em;color:#2c3e50;box-shadow:0 20px 50px rgba(30,45,74,.12),0 4px 12px rgba(139,115,85,.15),inset 0 1px 0 rgba(255,255,255,.8);border:2px solid #c4a97d;position:relative;overflow:hidden}.settings-panel::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#1e2d4a,#f0a030,#c97d1a,#f0a030,#1e2d4a)}.settings-panel h3{margin-top:0;margin-bottom:1.8em;color:#1e2d4a;text-align:center;font-size:1.8em;font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(240,160,48,.15)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2em;margin-bottom:2.5em}.setting-item label{display:block;margin-bottom:.8em;font-weight:700;font-size:.95em;color:#5d6d7e;text-transform:uppercase;letter-spacing:.5px}.setting-item select{width:100%;padding:.8em 1em;border:2px solid #c4a97d;border-radius:12px;font-size:1.1em;background:rgba(255,255,255,.7);color:#2c3e50;transition:all .2s ease;cursor:pointer;outline:0;font-weight:600}.setting-item select:focus{border-color:#f0a030;background:#fff;box-shadow:0 0 0 4px rgba(240,160,48,.15)}.setting-item select:hover{border-color:#8b7355}.operation-checkboxes{display:flex;flex-wrap:wrap;gap:1.25em;justify-content:center}.operation-checkboxes label{display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;background:rgba(255,255,255,.6);padding:1em 2em;border-radius:50px;transition:all .3s ease;font-weight:700;color:#5d6d7e;border:2px solid #c4a97d;user-select:none;position:relative;min-width:140px;box-shadow:0 4px 8px rgba(139,115,85,.1)}.operation-checkboxes label:hover{background:rgba(255,255,255,.85);transform:translateY(-3px);box-shadow:0 6px 15px rgba(139,115,85,.2);border-color:#8b7355}.operation-checkboxes label:has(input:checked){background:linear-gradient(135deg,#1e2d4a 0,#2a3f65 100%);color:#fff;border-color:#f0a030;box-shadow:0 8px 20px rgba(30,45,74,.35),0 0 0 2px rgba(240,160,48,.3);transform:translateY(-2px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.operation-checkboxes label:has(input:checked) .op-icon{filter:brightness(2) saturate(0) contrast(2)}@media (max-width:600px){.operation-checkboxes{gap:.8em}.operation-checkboxes label{flex:0 0 calc(50% - .5em);min-width:auto;padding:.8em 1em;font-size:.9em}}.operation-checkboxes input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.lang-selector{display:flex;justify-content:center;gap:1em}.lang-btn{padding:.6em 1.5em;border:2px solid #c4a97d;background:linear-gradient(135deg,rgba(255,255,255,.6) 0,rgba(244,237,216,.6) 100%);color:#2c3e50!important;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease}.lang-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.85) 0,rgba(244,237,216,.85) 100%);border-color:#8b7355}.lang-btn.active{background:linear-gradient(135deg,#1e2d4a 0,#2a3f65 100%);color:#fff!important;border-color:#f0a030;box-shadow:0 4px 12px rgba(30,45,74,.3)}.mode-selector{display:flex;justify-content:center;gap:1em;flex-wrap:wrap}.mode-btn{padding:1em 1.5em;border:3px solid #c4a97d;background:linear-gradient(135deg,rgba(255,255,255,.6) 0,rgba(244,237,216,.6) 100%);color:#2c3e50!important;border-radius:15px;cursor:pointer;font-size:1.1em;font-weight:700;transition:all .3s ease;min-width:150px}.mode-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(244,237,216,.9) 100%);border-color:#8b7355;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#f0a030 0,#e8941a 100%);color:#fff!important;border-color:#c97d1a;box-shadow:0 6px 20px rgba(240,160,48,.4);transform:translateY(-2px);text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width:500px){.mode-btn{flex:1;min-width:120px;padding:.8em 1em;font-size:1em}}.multiply-advanced{background:rgba(255,255,255,.5);padding:1.5em;border-radius:15px;border:2px dashed #c4a97d}.multiply-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:.8em;margin-top:1em}.num-checkbox{display:flex;align-items:center;justify-content:center}.num-checkbox input[type=checkbox]{display:none}.num-label{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(255,255,255,.7);border:2px solid #c4a97d;border-radius:50%;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s ease;color:#5d6d7e}.num-label:hover{border-color:#f0a030;transform:scale(1.1)}.num-checkbox input:checked+.num-label{background:linear-gradient(135deg,#f0a030 0,#e8941a 100%);color:#fff;border-color:#c97d1a;box-shadow:0 4px 12px rgba(240,160,48,.4);text-shadow:0 1px 2px rgba(0,0,0,.2)}.start-btn{display:block;width:100%;max-width:400px;margin:2em auto 0;padding:1.2em 2em;font-size:1.5em;font-weight:900;color:#fff;background:linear-gradient(135deg,#f0a030 0,#e8941a 50%,#c97d1a 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px rgba(240,160,48,.4),inset 0 1px 0 rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.2)}.start-btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.25),transparent);opacity:0;transition:opacity .3s}.start-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(240,160,48,.5)}.start-btn:hover::after{opacity:1}.start-btn:active{transform:translateY(-1px)}.start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#aeb6bf;box-shadow:none}.game-scene-wrapper{width:100%;max-width:600px;margin:0 auto 1.5em auto}.game-scene{position:relative;width:600px;height:300px;background:linear-gradient(180deg,#87ceeb 0,#98d8c8 60%,#7bc043 60%,#5d9731 100%);border-radius:18px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(30,45,74,.3),0 0 0 4px #f0a030,0 0 0 6px #1e2d4a;border:none;box-sizing:border-box;transform-origin:top left}.clouds{position:absolute;width:200%;height:100px;top:20px}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.9}.cloud::after,.cloud::before{content:'';position:absolute;background:#fff;border-radius:50%}.cloud-1{width:80px;height:30px;top:10px;left:10%;animation:cloudMove 20s linear infinite}.cloud-1::before{width:40px;height:40px;top:-20px;left:10px}.cloud-1::after{width:50px;height:50px;top:-25px;left:30px}.cloud-2{width:100px;height:35px;top:40px;left:40%;animation:cloudMove 25s linear infinite}.cloud-2::before{width:50px;height:50px;top:-25px;left:15px}.cloud-2::after{width:60px;height:60px;top:-30px;left:40px}.cloud-3{width:70px;height:25px;top:20px;left:70%;animation:cloudMove 18s linear infinite}.cloud-3::before{width:35px;height:35px;top:-18px;left:8px}.cloud-3::after{width:45px;height:45px;top:-22px;left:25px}@keyframes cloudMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ground{position:absolute;bottom:0;width:100%;height:70px;background:linear-gradient(180deg,#5d9731 0,#4a7a28 100%)}.ground::before{content:'';position:absolute;top:0;width:100%;height:10px;background:repeating-linear-gradient(90deg,#7bc043 0,#7bc043 20px,#6db33f 20px,#6db33f 40px)}.game-hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:100;flex-wrap:wrap;gap:12px;pointer-events:none}.hud-item{background:linear-gradient(135deg,rgba(30,45,74,.92) 0,rgba(42,63,101,.92) 100%);backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:50px;font-weight:800;font-size:1.05em;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);border:2px solid rgba(240,160,48,.5);min-width:90px}.hud-hearts{display:flex;flex-wrap:wrap;gap:2px;max-width:120px;justify-content:center}.hud-heart{font-size:.9em;transition:all .3s;line-height:1}.hud-heart.lost{filter:grayscale(100%);opacity:.4}.hud-heart.hit{animation:heartHit .5s}@keyframes heartHit{0%,100%{transform:scale(1)}50%{transform:scale(1.5);filter:brightness(2)}}.boss-hp-bar-container{width:100%;display:flex;justify-content:center;margin-bottom:8px}.boss-hp-bar{width:70%;max-width:400px}.boss-hp-label{color:#e74c3c;font-weight:700;text-align:center;margin-bottom:4px;font-size:.9em;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.boss-hp-track{height:18px;background:rgba(30,45,74,.25);border-radius:10px;overflow:hidden;border:3px solid #8b0000;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,red,#f60);border-radius:6px;transition:width .3s}.hero{position:absolute;bottom:70px;width:55px;height:75px;z-index:50;transition:left .8s ease-in-out}.hero.no-transition{transition:none!important}.hero-body{position:relative;width:100%;height:100%}.hero-head{position:absolute;width:35px;height:35px;background:#ffdab9;border-radius:50%;top:0;left:50%;transform:translateX(-50%);border:2px solid #deb887}.hero-eyes{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-eye{width:6px;height:6px;background:#333;border-radius:50%}.hero-mouth{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:10px;height:5px;border-bottom:2px solid #333;border-radius:0 0 10px 10px}.hero-helmet{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:42px;height:25px;background:linear-gradient(180deg,#708090 0,#4a5568 100%);border-radius:20px 20px 5px 5px;border:2px solid #2d3748}.hero-helmet::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:30px;height:8px;background:linear-gradient(90deg,transparent 0,#4a5568 20%,#4a5568 80%,transparent 100%);border-radius:0 0 5px 5px}.hero-helmet::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:8px;height:12px;background:linear-gradient(180deg,#e53e3e 0,#c53030 100%);border-radius:3px 3px 0 0}.hero-hair{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:40px;height:20px;background:#8b4513;border-radius:20px 20px 0 0;display:none}.hero-torso{position:absolute;width:30px;height:30px;background:linear-gradient(180deg,#4a5568 0,#2d3748 100%);top:32px;left:50%;transform:translateX(-50%);border-radius:5px;border:2px solid #1a202c}.hero-torso::before{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:12px;height:18px;background:linear-gradient(180deg,#718096 0,#4a5568 100%);border-radius:3px;border:1px solid #2d3748}.hero-shoulder{position:absolute;top:32px;width:12px;height:10px;background:linear-gradient(180deg,#718096 0,#4a5568 100%);border-radius:5px 5px 0 0;border:1px solid #2d3748}.hero-shoulder-left{left:3px}.hero-shoulder-right{right:3px}.hero-arms{position:absolute;top:38px;left:50%;transform:translateX(-50%);width:50px;display:flex;justify-content:space-between}.hero-arm{width:8px;height:18px;background:#ffdab9;border-radius:var(--radius-sm);border:1px solid #deb887}.hero-arm-left{transform:rotate(15deg);transform-origin:top center}.hero-arm-right{transform:rotate(-15deg);transform-origin:top center}.hero-hand{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#ffdab9;border-radius:50%;border:1px solid #deb887}.hero-shield{position:absolute;left:-8px;top:35px;width:16px;height:20px;background:linear-gradient(135deg,#c53030 0,#9b2c2c 50%,#742a2a 100%);border-radius:3px 3px 50% 50%;border:2px solid gold}.hero-shield::before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:6px;height:10px;background:gold;clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%)}.hero-sword{position:absolute;right:-5px;top:20px;width:8px;height:40px;background:linear-gradient(180deg,#e8e8e8 0,silver 50%,#a9a9a9 100%);border-radius:2px;transform:rotate(45deg);transform-origin:bottom center}.hero-sword::before{content:'';position:absolute;bottom:-8px;left:-4px;width:16px;height:10px;background:gold;border-radius:2px}.hero-sword::after{content:'';position:absolute;top:-5px;left:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #e8e8e8}.hero-legs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:4px}.hero-leg{width:12px;height:20px;background:#2f4f4f;border-radius:0 0 5px 5px}.hero.walking .hero-leg:first-child{animation:walkLeft .3s infinite}.hero.walking .hero-leg:last-child{animation:walkRight .3s infinite}@keyframes walkLeft{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes walkRight{0%,100%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.hero.attacking{animation:heroAttackFlash .8s ease-out}.hero.attacking .hero-sword{animation:swordSwing .8s ease-out forwards}.hero.attacking .hero-body{animation:heroAttackLunge .8s ease-out}@keyframes heroAttackFlash{0%{filter:brightness(1)}20%{filter:brightness(1.5)}40%{filter:brightness(1)}60%{filter:brightness(1.3)}100%{filter:brightness(1)}}@keyframes swordSwing{0%{transform:rotate(45deg)}25%{transform:rotate(20deg)}50%{transform:rotate(120deg)}70%{transform:rotate(100deg)}85%{transform:rotate(110deg)}100%{transform:rotate(45deg)}}@keyframes heroAttackLunge{0%{transform:translateX(0) scale(1)}20%{transform:translateX(0) scale(1.05)}50%{transform:translateX(25px) scale(1.1)}70%{transform:translateX(25px) scale(1.05)}100%{transform:translateX(0) scale(1)}}.hero.hurt{animation:heroHurt .5s}@keyframes heroHurt{0%,100%{transform:translateX(0);filter:brightness(1)}20%{transform:translateX(-10px);filter:brightness(2) sepia(1) hue-rotate(-50deg)}40%{transform:translateX(10px);filter:brightness(1.5) sepia(1) hue-rotate(-50deg)}60%{transform:translateX(-5px);filter:brightness(1.2)}}.hero.victory .hero-sword{animation:victoryPose .5s forwards}@keyframes victoryPose{to{transform:rotate(0)}}.hero.female .hero-hair{width:45px;height:35px;background:linear-gradient(180deg,gold 0,#daa520 100%);border-radius:20px 20px 0 0;top:-10px}.hero.female .hero-hair::before{content:'';position:absolute;top:55%;left:-10%;width:15px;height:30px;background:linear-gradient(180deg,gold 0,#daa520 100%);border-radius:0 0 10px 10px}.hero.female .hero-hair::after{content:'';position:absolute;top:55%;right:-10%;width:15px;height:30px;background:linear-gradient(180deg,gold 0,#daa520 100%);border-radius:0 0 10px 10px}.hero.female .hero-torso{background:linear-gradient(180deg,#ff69b4 0,#ff1493 100%);border-radius:5px 5px 0 0;border:none}.hero.female .hero-torso::before{display:none}.hero.female .hero-hair{display:block}.hero.female .hero-arm{background:#ffdab9;border:1px solid #deb887}.hero.female .hero-hand{background:#ffdab9;border:1px solid #deb887}.hero.female .hero-crown{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:30px;height:15px;background:linear-gradient(180deg,gold 0,orange 100%);clip-path:polygon(0 100%,10% 30%,25% 100%,40% 0,50% 60%,60% 0,75% 100%,90% 30%,100% 100%)}.hero.female .hero-skirt{position:absolute;top:55px;left:50%;transform:translateX(-50%);width:40px;height:15px;background:linear-gradient(180deg,#ff1493 0,#c71585 100%);border-radius:0 0 20px 20px}.hero.female .hero-wand{position:absolute;right:-15px;top:10px;width:6px;height:35px;background:linear-gradient(180deg,silver 0,#a0a0a0 100%);border-radius:3px;transform:rotate(45deg);transform-origin:bottom center}.hero.female .hero-wand::before{content:'\2B50';position:absolute;top:-12px;left:-6px;font-size:.9em}.hero.female.attacking .hero-wand{animation:wandSwing .8s ease-out forwards}@keyframes wandSwing{0%{transform:rotate(45deg)}25%{transform:rotate(20deg)}50%{transform:rotate(120deg)}70%{transform:rotate(100deg)}85%{transform:rotate(110deg)}100%{transform:rotate(45deg)}}.hero.female.victory .hero-wand{animation:victoryPoseWand .5s forwards}@keyframes victoryPoseWand{to{transform:rotate(0)}}.monster{position:absolute;bottom:70px;right:120px;width:60px;height:60px;z-index:40;transition:all .5s}.monster-slime .monster-body{width:100%;height:70%;background:linear-gradient(180deg,#9370db 0,#7b68ee 50%,#6a5acd 100%);border-radius:50% 50% 45% 45%;position:absolute;bottom:0;animation:slimeBounce 1s infinite}.monster-slime .monster-body::after,.monster-slime .monster-body::before{content:'';position:absolute;top:20%;width:12px;height:15px;background:#fff;border-radius:50%}.monster-slime .monster-body::before{left:22%}.monster-slime .monster-body::after{right:22%}.monster-slime .monster-eyes{position:absolute;top:50%;left:0;width:100%;height:15px;z-index:2;pointer-events:none}.monster-slime .monster-eye{position:absolute;width:5px;height:6px;background:#333;border-radius:50%;top:4px}.monster-slime .monster-eye:first-child{left:calc(22% + 3px)}.monster-slime .monster-eye:last-child{right:calc(22% + 3px)}@keyframes slimeBounce{0%,100%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.9) scaleX(1.1)}}.monster-goblin .monster-body{width:40px;height:35px;background:#228b22;border-radius:10px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.monster-goblin .monster-head{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:35px;height:25px;background:#32cd32;border-radius:50% 50% 40% 40%}.monster-goblin .monster-ears{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);width:55px;display:flex;justify-content:space-between}.monster-goblin .monster-ear{width:12px;height:15px;background:#32cd32;border-radius:50% 50% 0 0}.monster-goblin .monster-ear:first-child{transform:rotate(-30deg)}.monster-goblin .monster-ear:last-child{transform:rotate(30deg)}.monster-goblin .monster-eyes{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.monster-goblin .monster-eye{width:8px;height:8px;background:gold;border-radius:50%;border:2px solid #333}.monster-skeleton .monster-body{width:30px;height:35px;background:#f5f5f5;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:5px}.monster-skeleton .monster-head{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:30px;height:25px;background:#f5f5f5;border-radius:50%}.monster-skeleton .monster-eyes{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.monster-skeleton .monster-eye{width:8px;height:8px;background:#333;border-radius:50%}.monster-bat .monster-body{width:30px;height:25px;background:#2c2c54;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}.monster-bat .monster-wings{position:absolute;bottom:15px;left:0;width:100%;display:flex;justify-content:space-between}.monster-bat .monster-wing{width:22px;height:18px;background:#474787;border-radius:50% 50% 0 0;animation:wingFlap .2s infinite alternate}.monster-bat .monster-wing:last-child{animation-delay:.1s}@keyframes wingFlap{0%{transform:rotate(-15deg) scaleY(1)}100%{transform:rotate(15deg) scaleY(.8)}}.monster-bat .monster-eyes{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:1}.monster-bat .monster-eye{width:8px;height:8px;background:#ff6b6b;border-radius:50%;box-shadow:0 0 5px #ff6b6b}.monster-mushroom .monster-body{width:30px;height:25px;background:wheat;border-radius:0 0 12px 12px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.monster-mushroom .monster-cap{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:65px;height:40px;background:linear-gradient(180deg,tomato 0,#dc143c 100%);border-radius:50% 50% 30% 30%}.monster-mushroom .monster-spots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.monster-mushroom .monster-spot{width:12px;height:12px;background:#fff;border-radius:50%}.monster-mushroom .monster-eyes{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:1}.monster-mushroom .monster-eye{width:6px;height:7px;background:#333;border-radius:50%}.monster-ghost .monster-body{width:50px;height:50px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0,rgba(200,200,255,.7) 100%);border-radius:50% 50% 20% 20%;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);animation:ghostFloat 1.5s ease-in-out infinite}.monster-ghost .monster-tail{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:12px;display:flex}.monster-ghost .tail-wave{width:33%;height:100%;background:rgba(200,200,255,.7);border-radius:0 0 50% 50%;animation:tailWave .5s ease-in-out infinite alternate}.monster-ghost .tail-wave:nth-child(2){animation-delay:.15s}.monster-ghost .tail-wave:nth-child(3){animation-delay:.3s}@keyframes ghostFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes tailWave{0%{transform:scaleY(1)}100%{transform:scaleY(.6)}}.monster-ghost .monster-eyes{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:1}.monster-ghost .monster-eye{width:9px;height:12px;background:#333;border-radius:50%}.monster-demon .monster-body{width:40px;height:35px;background:linear-gradient(180deg,#8b0000 0,#5c0000 100%);border-radius:10px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.monster-demon .monster-head{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:35px;height:25px;background:#b22222;border-radius:50% 50% 40% 40%}.monster-demon .monster-horns{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);width:50px;display:flex;justify-content:space-between}.monster-demon .monster-horn{width:10px;height:12px;background:#333;border-radius:50% 50% 0 0}.monster-demon .monster-horn:first-child{transform:rotate(-20deg)}.monster-demon .monster-horn:last-child{transform:rotate(20deg)}.monster-demon .monster-eyes{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:1}.monster-demon .monster-eye{width:8px;height:8px;background:gold;border-radius:50%;box-shadow:0 0 5px gold}.monster-boss{width:110px;height:100px;right:60px}.monster-boss .boss-body{position:absolute;bottom:0;left:15px;width:100px;height:70px;background:linear-gradient(180deg,#2a0a3d 0,#1a0525 80%,#0d0215 100%);border-radius:60% 60% 50% 50%/70% 70% 40% 40%;box-shadow:inset 0 -15px 25px rgba(138,43,226,.3),0 5px 15px rgba(0,0,0,.5)}.monster-boss .boss-body::before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:60px;height:45px;background:repeating-linear-gradient(180deg,transparent 0,transparent 6px,rgba(138,43,226,.2) 6px,rgba(138,43,226,.2) 8px);border-radius:50%}.monster-boss .boss-head{position:absolute;bottom:60px;left:25px;width:80px;height:55px;background:linear-gradient(180deg,#3d1159 0,#2a0a3d 70%,#1a0525 100%);border-radius:50% 50% 45% 45%;box-shadow:inset 0 5px 15px rgba(186,85,211,.2)}.monster-boss .boss-horns{position:absolute;bottom:100px;left:25px;width:80px;display:flex;justify-content:space-between}.monster-boss .boss-horn{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:35px solid #1a0525;filter:drop-shadow(0 0 5px rgba(138, 43, 226, .5))}.monster-boss .boss-horn:first-child{transform:rotate(-15deg);border-bottom-color:#2a0a3d}.monster-boss .boss-horn:last-child{transform:rotate(15deg);border-bottom-color:#2a0a3d}.monster-boss .boss-eyes{position:absolute;bottom:80px;left:40px;display:flex;gap:24px}.monster-boss .boss-eye{width:16px;height:18px;background:radial-gradient(ellipse at center,#ff0 0,#ff4500 40%,#8b0000 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 0 8px #ff4500,0 0 15px red,0 0 25px rgba(255,69,0,.6);animation:bossEyeGlow 1.5s infinite}.monster-boss .boss-eye::before{content:'';position:absolute;top:6px;left:5px;width:6px;height:8px;background:#000;border-radius:50%}@keyframes bossEyeGlow{0%,100%{box-shadow:0 0 8px #ff4500,0 0 15px red,0 0 25px rgba(255,69,0,.6)}50%{box-shadow:0 0 15px #ff0,0 0 30px #ff4500,0 0 45px rgba(255,69,0,.8)}}.monster-boss .boss-mouth{position:absolute;bottom:65px;left:50px;width:28px;height:15px;background:#0a0010;border-radius:5px 5px 50% 50%;overflow:visible}.monster-boss .boss-mouth::after,.monster-boss .boss-mouth::before{content:'';position:absolute;top:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid #fff}.monster-boss .boss-mouth::before{left:3px}.monster-boss .boss-mouth::after{right:3px}.monster-boss .boss-cape{position:absolute;bottom:5px;left:5px;width:120px;height:75px;background:linear-gradient(180deg,rgba(75,0,130,.9) 0,rgba(46,8,84,.95) 50%,#190033 100%);border-radius:10px 10px 60% 60%;z-index:-1;animation:capeFlow 2.5s infinite ease-in-out;box-shadow:0 5px 20px rgba(75,0,130,.5)}.monster-boss .boss-cape::before{content:'';position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:30px;height:40px;background:linear-gradient(180deg,transparent 0,rgba(186,85,211,.1) 50%,rgba(138,43,226,.2) 100%);border-radius:50%}@keyframes capeFlow{0%,100%{transform:skewX(0) scaleY(1)}25%{transform:skewX(2deg) scaleY(1.02)}75%{transform:skewX(-2deg) scaleY(.98)}}.monster-boss::before{content:'';position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:140px;height:100px;background:radial-gradient(ellipse at center,rgba(138,43,226,.15) 0,rgba(75,0,130,.05) 50%,transparent 70%);border-radius:50%;z-index:-2;animation:bossAura 3s infinite ease-in-out}@keyframes bossAura{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.1)}}.monster.idle{animation:monsterIdle 1s infinite}@keyframes monsterIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.monster-boss.idle{animation:bossIdle 1.5s infinite}@keyframes bossIdle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.monster.attacking{animation:monsterAttack .4s}@keyframes monsterAttack{0%{transform:translateX(0)}50%{transform:translateX(-30px) scale(1.1)}100%{transform:translateX(0)}}.monster-boss.attacking{animation:bossAttack .6s}@keyframes bossAttack{0%{transform:translateX(0) scale(1)}30%{transform:translateX(-50px) scale(1.2)}100%{transform:translateX(0) scale(1)}}.monster.hit{animation:monsterHit .3s}@keyframes monsterHit{0%,100%{filter:brightness(1)}50%{filter:brightness(2) sepia(1);transform:scale(.95)}}.monster.defeated{animation:monsterDefeat .8s forwards}@keyframes monsterDefeat{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(20deg) scale(1.1)}100%{transform:rotate(90deg) translateY(50px) scale(.5);opacity:0}}.monster-boss.defeated{animation:bossDefeat 1.5s forwards}@keyframes bossDefeat{0%{transform:scale(1);opacity:1;filter:brightness(1)}20%{transform:scale(1.1);filter:brightness(2)}40%{transform:scale(.9) rotate(10deg)}60%{transform:scale(1.05) rotate(-10deg);filter:brightness(1.5)}80%{transform:scale(.8) rotate(20deg);opacity:.7}100%{transform:scale(0) rotate(360deg);opacity:0}}.damage-number{position:absolute;font-size:2em;font-weight:700;color:#f44;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;animation:damageFloat 1s forwards;z-index:200;pointer-events:none}.damage-number.heal{color:#4f4}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-50px) scale(1.5)}}.question-panel{background:linear-gradient(145deg,#1e2d4a 0,#243a5c 50%,#1a2740 100%);border-radius:20px;padding:2.5em;margin-bottom:2em;text-align:center;box-shadow:0 15px 40px rgba(30,45,74,.4),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden;border:4px solid #f0a030}.question-panel::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(240,160,48,.05) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(124,77,255,.05) 0,transparent 50%);pointer-events:none}.question-text{font-size:3.5em;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(240,160,48,.3),4px 4px 0 rgba(0,0,0,.3);margin-bottom:.6em;font-family:Consolas,Monaco,'Courier New',monospace;letter-spacing:-1px;line-height:1.2;position:relative}.timer-bar{width:100%;height:16px;background:rgba(255,255,255,.08);border-radius:8px;margin-bottom:2em;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,.3);position:relative}.timer-fill{height:100%;background:linear-gradient(90deg,#f0a030,#e8c930);border-radius:8px;transition:width .1s linear;box-shadow:0 0 12px rgba(240,160,48,.5)}.timer-fill.warning{background:linear-gradient(90deg,#ff5252,#d32f2f);box-shadow:0 0 12px rgba(255,82,82,.5)}.answer-options{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5em;position:relative}.answer-btn{padding:.6em;font-size:2.2em;font-weight:900;border:none;border-radius:16px;background:linear-gradient(180deg,#2a4a7f 0,#1e3a6c 100%);color:#fff;cursor:pointer;transition:all .1s;box-shadow:0 8px 0 #142a4f;transform:translateY(0);font-family:Consolas,Monaco,'Courier New',monospace;position:relative}.answer-btn:hover:not(:disabled){background:linear-gradient(180deg,#3a5a8f 0,#2a4a7f 100%);transform:translateY(-2px);box-shadow:0 10px 0 #142a4f}.answer-btn:active:not(:disabled){transform:translateY(8px);box-shadow:none}.answer-btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:0 4px 0 #142a4f;transform:translateY(4px)}.answer-btn.correct{background:linear-gradient(180deg,#00c853 0,#009624 100%)!important;color:#fff!important;box-shadow:0 8px 0 #006e1a!important;animation:correctPulse .5s}.answer-btn.wrong{background:linear-gradient(180deg,#ff5252 0,#d32f2f 100%)!important;color:#fff!important;box-shadow:0 8px 0 #9a0007!important;animation:shake .5s}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.speech-bubble{position:absolute;bottom:55%;padding:8px 12px;background:#fff;border-radius:12px;font-weight:700;font-size:.85em;box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:60;text-align:center;white-space:nowrap}.speech-bubble::after{content:'';position:absolute;bottom:-10px;left:20px;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent}.monster-bubble{right:12%;bottom:45%;background:#fcc}.monster-bubble::after{border-color:#fcc transparent transparent;left:auto;right:20px}.boss-bubble{right:5%;bottom:55%;background:#300;color:#f66}.boss-bubble::after{border-color:#300 transparent transparent;left:auto;right:30px}.result-screen{background:linear-gradient(145deg,#faf6ee 0,#f4edd8 100%);border-radius:20px;padding:3em 2em;text-align:center;color:#2c3e50;box-shadow:0 20px 50px rgba(30,45,74,.15),0 4px 12px rgba(139,115,85,.1);border:2px solid #c4a97d;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.result-screen::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#1e2d4a,#f0a030,#c97d1a,#f0a030,#1e2d4a)}@keyframes popIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-icon{font-size:6em;margin-bottom:.2em}.result-title{font-size:2.5em;margin-bottom:.5em;color:#1e2d4a;font-weight:900}.result-stats{background:linear-gradient(135deg,#1e2d4a 0,#2a3f65 100%);border-radius:16px;padding:2em;margin:2em 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5em;border:2px solid #f0a030}.stat-box{text-align:center}.stat-box .stat-label{font-size:.85em;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5em;font-weight:700}.stat-box .stat-value{font-size:2.5em;font-weight:800;color:#f0a030;text-shadow:0 0 10px rgba(240,160,48,.3)}.result-buttons{display:flex;gap:1.5em;justify-content:center;flex-wrap:wrap;margin-top:2em}.result-btn{padding:1em 2.5em;font-size:1.2em;font-weight:800;border:none;border-radius:50px;cursor:pointer;transition:all .2s;box-shadow:0 8px 20px rgba(0,0,0,.1)}.result-btn.primary{background:linear-gradient(135deg,#f0a030 0,#e8941a 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(240,160,48,.3)}.result-btn.secondary{background:linear-gradient(135deg,#1e2d4a 0,#2a3f65 100%);color:#fff;border:2px solid rgba(240,160,48,.3)}.result-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.combo-display{position:absolute;top:120px;left:50%;transform:translateX(-50%);background:0 0;color:#f0a030;padding:0;font-weight:900;font-size:1.5em;z-index:100;text-shadow:2px 2px 0 #1e2d4a,-2px -2px 0 #1e2d4a,2px -2px 0 #1e2d4a,-2px 2px 0 #1e2d4a,0 0 15px rgba(240,160,48,.8);animation:comboFlash 1.5s forwards;pointer-events:none;white-space:nowrap}@keyframes comboFlash{0%{opacity:0;transform:translateX(-50%) scale(.5)}20%{opacity:1;transform:translateX(-50%) scale(1.2)}40%{transform:translateX(-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1)}}.tree{position:absolute;bottom:70px;z-index:20}.tree-trunk{width:20px;height:40px;background:#8b4513;margin:0 auto;border-radius:3px}.tree-leaves{width:60px;height:60px;background:#228b22;border-radius:50%;position:relative;top:10px}.tree-1{left:3%}.tree-2{right:3%}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,22,36,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;color:#fff;font-size:1.5em;font-weight:700}.stage-text{animation:stageAnim 1s forwards;text-align:center}.stage-text .stage-num{font-size:2em;color:#f0a030;display:block;margin-bottom:10px;text-shadow:0 0 20px rgba(240,160,48,.5)}@keyframes stageAnim{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}100%{transform:scale(1);opacity:1}}@media (max-width:768px){.question-text{font-size:1.5em}.answer-options{grid-template-columns:repeat(2,1fr);gap:.8em}.answer-btn{font-size:1.2em;padding:.5em;box-shadow:0 5px 0 #142a4f}.boss-hp-bar-container{margin-bottom:6px}.boss-hp-bar{width:90%}.boss-hp-label{font-size:.8em}.boss-hp-track{height:14px}}@media (max-width:480px){.question-text{font-size:1.2em}.answer-btn{font-size:1em;padding:.4em;box-shadow:0 4px 0 #142a4f}.boss-hp-bar-container{margin-bottom:4px}.boss-hp-label{font-size:.7em}.boss-hp-track{height:12px}}