:root{--navy:#09143d;--blue:#1d67ff;--cyan:#39ddff;--gold:#ffd43b;--red:#ff4c5e;--card:#fff;--ink:#1c2757}*{box-sizing:border-box}body{margin:0;font-family:"Arial Rounded MT Bold","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 50% 15%,#284b9d 0,#111b50 42%,#070c28 100%);color:#fff;min-height:100vh;overflow-x:hidden}button{font:inherit;cursor:pointer;border:0}.screen{display:none;min-height:100vh;padding:22px max(18px,calc((100vw - 760px)/2))}.screen.active{display:flex;flex-direction:column;align-items:center}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#7ce6ff 1.5px,transparent 1.5px);background-size:46px 46px,83px 83px;background-position:0 0,20px 26px;opacity:.55}.parent-entry{align-self:flex-end;background:#ffffff1d;color:#fff;padding:10px 14px;border-radius:20px;z-index:2}.logo-mark{font-size:40px;color:var(--cyan);text-shadow:0 0 18px var(--cyan);margin-top:2px}h1{font-size:clamp(36px,9vw,62px);margin:0;background:linear-gradient(#fff,#8beaff);background-clip:text;color:transparent;text-shadow:0 5px 25px #1695ff55}.subtitle{margin:5px 0 10px;color:#bce8ff;letter-spacing:2px}.hero-stage{height:225px;width:310px;position:relative}.hero{position:absolute;left:92px;top:13px;width:100px;height:200px;filter:drop-shadow(0 0 16px #64eaff)}.hero-head{position:absolute;left:25px;top:0;width:52px;height:62px;background:linear-gradient(100deg,#eaf8ff 0 40%,#ec304c 42% 63%,#b9d3e5 65%);clip-path:polygon(50% 0,91% 21%,100% 70%,75% 100%,25% 100%,0 70%,9% 21%);border-radius:45%}.hero-head:before,.hero-head:after{content:"";position:absolute;top:25px;width:17px;height:8px;background:#ffd84d;box-shadow:0 0 8px #ffef67}.hero-head:before{left:7px;transform:skewY(15deg)}.hero-head:after{right:7px;transform:skewY(-15deg)}.hero-head i{position:absolute;left:23px;top:-8px;width:6px;height:20px;background:#bfefff;border-radius:6px}.hero-body{position:absolute;left:18px;top:57px;width:66px;height:92px;background:linear-gradient(115deg,#e9f5ff 0 32%,#e83750 34% 63%,#dce9f4 65%);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.core{position:absolute;width:18px;height:18px;border-radius:50%;background:#44f1ff;left:24px;top:13px;box-shadow:0 0 12px #44f1ff}.hero-arm{position:absolute;top:68px;width:25px;height:92px;background:#dcecf5}.hero-arm.left{left:3px;transform:rotate(20deg);background:linear-gradient(#ec3b53 50%,#e8f3f8 50%)}.hero-arm.right{right:3px;transform:rotate(-25deg);background:linear-gradient(#ec3b53 50%,#e8f3f8 50%)}.hero-leg{position:absolute;top:143px;width:31px;height:63px;background:linear-gradient(90deg,#e9f3f8 48%,#e83750 50%)}.hero-leg.left{left:20px;transform:rotate(5deg)}.hero-leg.right{right:18px;transform:rotate(-5deg)}.home-monster{position:absolute;right:15px;bottom:18px;font-size:66px;transform:rotate(7deg);filter:drop-shadow(0 0 13px #bd56ff)}.welcome{font-size:20px;margin:0 0 14px}.mode-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:1}.mode{min-height:142px;border-radius:24px;padding:16px 10px;color:#fff;box-shadow:0 8px 0 #0004,0 12px 28px #0004;transition:.15s}.mode:active{transform:translateY(5px);box-shadow:0 3px 0 #0004}.mode span{font-size:38px;display:block}.mode b{display:block;font-size:22px;margin:4px}.mode small{font-size:13px;opacity:.9}.math{background:linear-gradient(145deg,#ff9c28,#ff4d45)}.english{background:linear-gradient(145deg,#20c9e9,#3266f2)}header{display:flex;width:100%;align-items:center;justify-content:space-between}.round-btn{width:45px;height:45px;border-radius:50%;font-size:26px;color:#fff;background:#ffffff20}.level-label{font-size:20px}.stars-score{background:#ffffff1d;padding:10px 15px;border-radius:22px;font-size:20px}.battle{height:145px;width:100%;max-width:560px;position:relative}.fighter{position:absolute;bottom:2px;left:10%;transform:scale(.62);transform-origin:bottom left}.enemy-wrap{position:absolute;right:10%;bottom:8px;text-align:center}.enemy{font-size:72px;transition:.3s}.enemy.hit{animation:hit .45s}.hp{width:90px;height:10px;background:#3e4563;border-radius:8px;overflow:hidden}.hp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffdf3d,#ff4658);transition:.4s}.beam{position:absolute;height:9px;width:0;left:28%;top:75px;background:#74f5ff;box-shadow:0 0 15px #62efff;border-radius:10px;transform:rotate(-8deg);opacity:0}.beam.fire{animation:beam .55s}.mission-card{background:var(--card);color:var(--ink);width:100%;max-width:600px;min-height:390px;border-radius:28px;padding:24px;box-shadow:0 12px 35px #0005;text-align:center}.instruction{font-size:23px;font-weight:bold}.listen,.speak{margin:10px;background:#e8f4ff;color:#1463c6;border-radius:16px;padding:10px 16px}.prompt{font-size:clamp(44px,13vw,74px);min-height:95px;display:flex;align-items:center;justify-content:center;gap:8px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answer{min-height:76px;border:3px solid #dfe7f5;background:#f8fbff;border-radius:20px;color:var(--ink);font-size:clamp(25px,7vw,38px);box-shadow:0 5px 0 #c9d5e8}.answer:hover{border-color:#6da9ff}.answer.wrong{animation:shake .3s;background:#fff0f1}.answer.correct{background:#dcffe7;border-color:#35cc70}.feedback{height:26px;font-size:18px;font-weight:bold;color:#e14b59}.next,.primary,.secondary{border-radius:18px;padding:14px 25px;font-size:20px}.next,.primary{background:linear-gradient(135deg,#19bceb,#2866f5);color:#fff;box-shadow:0 5px 0 #1249ae}.secondary{background:#eef2f9;color:#34436d;margin-top:10px}.hidden{display:none!important}#result{justify-content:center}.result-card{background:#fff;color:var(--ink);border-radius:30px;padding:35px;text-align:center;width:100%;max-width:480px}.result-card h2{font-size:32px;margin:5px}.trophy{font-size:80px}.big-stars{font-size:38px;letter-spacing:4px;margin:15px}.result-card button{display:block;width:100%}dialog{border:0;border-radius:24px;width:min(90%,440px);padding:0}dialog::backdrop{background:#07102dcc}dialog form{padding:25px;color:var(--ink)}dialog label{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:18px}select{font:inherit;padding:8px;border-radius:10px}dialog p{color:#63708f;line-height:1.6}dialog button{width:100%}@keyframes beam{20%{opacity:1;width:50%}80%{opacity:1;width:50%}100%{opacity:0;width:50%}}@keyframes hit{50%{transform:translateX(15px) rotate(12deg);filter:brightness(2)}}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media(max-width:520px){.screen{padding:15px}.hero-stage{height:205px}.mode-grid{grid-template-columns:1fr}.mode{min-height:105px}.mode span{font-size:30px}.mission-card{padding:20px 15px}.answers{gap:8px}.answer{min-height:68px}.battle{height:130px}}