:root{--ink:#10243e;--navy:#061a33;--blue:#1373e6;--cyan:#46d7ff;--lime:#d8ff38;--cream:#f7f3e8;--orange:#ff5b2e;--yellow:#ffd84a;--red:#ef3340}*{box-sizing:border-box}body{margin:0;background:#dfe7ef;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.hidden{display:none!important}.game-shell{min-height:100vh;max-width:1440px;margin:auto;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:86px;padding:14px 4vw;background:var(--navy);color:#fff;display:flex;align-items:center;gap:18px;border-bottom:6px solid var(--lime)}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--cyan);color:var(--lime);font-size:20px;font-weight:900;transform:rotate(-4deg)}.eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.18em;font-weight:900;opacity:.72}.topbar h1{margin:0;font-size:clamp(18px,2.2vw,30px);letter-spacing:.04em}.hud{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hud span{border:1px solid #ffffff30;padding:10px 12px;font-size:11px;letter-spacing:.08em}.hud b{color:var(--lime);margin-left:6px}.hero-panel{flex:1;min-height:670px;display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{padding:clamp(40px,7vw,96px);display:flex;flex-direction:column;justify-content:center}.level-chip{display:inline-block;align-self:flex-start;margin:0 0 22px;padding:8px 12px;background:var(--lime);color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.14em;transform:skew(-5deg)}.hero-copy h2{margin:0;color:var(--navy);font-size:clamp(46px,6.5vw,90px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.hero-copy h2 em{color:var(--blue);font-style:normal}.zh-lead{font-size:clamp(16px,1.6vw,22px);line-height:1.6;color:#43546a}.mission-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 34px}.mission-grid div{min-height:72px;padding:10px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.mission-grid span{display:block;color:var(--orange);font-weight:900;font-size:12px}.mission-grid b{font-size:11px;line-height:1.1;text-transform:uppercase}.primary{width:max-content;border:0;background:var(--orange);color:#fff;padding:18px 24px;font-weight:900;letter-spacing:.08em;box-shadow:6px 6px 0 var(--navy);cursor:pointer;transition:.15s}.primary:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--navy)}.primary span{margin-left:24px}.micro{font-size:11px;color:#66758a;letter-spacing:.08em;text-transform:uppercase}.hero-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 47%,#2795ff 0 18%,#0d58b0 19% 38%,var(--navy) 39%);min-height:610px}.electric-orbit{position:absolute;border:2px solid #ffffff44;border-radius:50%;inset:12%;animation:spin 18s linear infinite}.orbit-two{inset:28%;border-color:var(--lime);animation-direction:reverse;animation-duration:10s}.electric-orbit:after{content:"";position:absolute;width:18px;height:18px;background:var(--lime);border-radius:50%;top:-9px;left:45%}@keyframes spin{to{transform:rotate(360deg)}}.spark-pet{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);filter:drop-shadow(14px 18px 0 #0004)}.face{position:absolute;left:35px;top:42px;width:140px;height:130px;background:var(--yellow);border:8px solid var(--navy);border-radius:52% 52% 46% 46%}.ear{position:absolute;top:0;width:42px;height:90px;background:var(--yellow);border:8px solid var(--navy);border-radius:45% 45% 20% 20%;transform-origin:bottom}.ear.left{left:32px;transform:rotate(-20deg)}.ear.right{right:30px;transform:rotate(22deg)}.eye{position:absolute;top:88px;width:16px;height:22px;background:var(--navy);border-radius:50%;z-index:3}.e1{left:76px}.e2{right:74px}.cheek{position:absolute;top:123px;width:28px;height:28px;background:var(--red);border:4px solid var(--navy);border-radius:50%;z-index:3}.c1{left:47px}.c2{right:44px}.tail{position:absolute;right:-20px;top:92px;width:70px;height:26px;background:var(--yellow);border:7px solid var(--navy);transform:rotate(-25deg) skewX(-24deg)}.formula-card{position:absolute;background:#fff;border:3px solid var(--navy);padding:12px 16px;font-weight:900;box-shadow:6px 6px 0 var(--lime);transform:rotate(-4deg)}.f1{top:14%;left:8%}.f2{top:18%;right:8%;transform:rotate(4deg)}.f3{bottom:15%;left:14%;transform:rotate(2deg)}.play-area{flex:1;padding:24px 5vw 38px;background:linear-gradient(135deg,#f7f3e8 0 70%,#ddecf9 70%)}.stage-map{max-width:980px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}.map-node{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:3px solid var(--navy);background:#fff;font-weight:900}.map-node.active{background:var(--lime)}.map-node.done{background:var(--blue);color:#fff}.boss-node{background:#ffe0d8}.map-line{height:5px;flex:1;max-width:130px;background:#c8d2dc;border-top:2px solid var(--navy);border-bottom:2px solid var(--navy)}.arena{position:relative;max-width:980px;height:270px;margin:auto;background:radial-gradient(circle at 50% 35%,#dff6ff,#8cc9ff 48%,#173657 49% 52%,#0a1d31 53%);border:4px solid var(--navy);display:flex;align-items:flex-end;justify-content:space-between;padding:20px 9% 28px;overflow:hidden}.arena:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:#172d43}.fighter{position:relative;z-index:2;text-align:center;color:#fff}.fighter p{margin:6px 0;font-size:12px;font-weight:900;letter-spacing:.1em}.mini-pet{width:105px;height:105px;border-radius:50%;background:var(--yellow);border:7px solid var(--navy);position:relative}.mini-pet:before,.mini-pet:after{content:"";position:absolute;top:-28px;width:26px;height:52px;background:var(--yellow);border:6px solid var(--navy);border-radius:50%}.mini-pet:before{left:10px;transform:rotate(-20deg)}.mini-pet:after{right:10px;transform:rotate(20deg)}.mini-pet span:before,.mini-pet span:after{content:"";position:absolute;top:42px;width:12px;height:16px;background:var(--navy);border-radius:50%}.mini-pet span:before{left:28px}.mini-pet span:after{right:28px}.enemy-avatar{width:116px;height:116px;display:grid;place-items:center;border-radius:32% 48% 38% 50%;background:var(--orange);border:7px solid var(--navy);font-size:46px;font-weight:900;box-shadow:10px 12px 0 #0005}.hpbar{width:130px;height:14px;background:#223b52;border:2px solid #fff}.hpbar i{display:block;height:100%;width:100%;background:var(--lime);transition:.35s}.attack-beam{position:absolute;left:28%;top:105px;width:44%;height:12px;background:var(--lime);box-shadow:0 0 15px var(--lime),0 0 30px var(--cyan);transform:skewX(-25deg);z-index:4;animation:blast .35s ease-out}@keyframes blast{from{transform:scaleX(.05) skewX(-25deg)}to{transform:scaleX(1) skewX(-25deg)}}.quiz-card{max-width:980px;margin:20px auto 0;background:#fff;border:3px solid var(--navy);box-shadow:10px 10px 0 var(--navy);padding:clamp(20px,4vw,42px)}.question-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.question-head h2{margin:0;font-size:24px}.question-head>span{font-size:12px;font-weight:900}.quiz-card h3{margin:18px 0 6px;font-size:clamp(24px,3.2vw,42px);line-height:1.08}.question-zh{color:#53657b;font-size:17px}.answers{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{min-height:66px;text-align:left;background:#f2f5f7;border:2px solid #aeb9c5;padding:12px 16px;font-weight:800;cursor:pointer;transition:.15s}.answers button:hover{border-color:var(--blue);transform:translateY(-2px)}.answers button span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:12px;border-radius:50%;background:var(--navy);color:#fff}.answers button.correct{background:#ecffd0;border-color:#6d9e00}.answers button.wrong{background:#ffe0d8;border-color:var(--orange)}.answers button.dim{opacity:.45}.feedback{margin-top:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:8px solid}.feedback.good{background:#efffd6;border-color:#78a800}.feedback.bad{background:#fff0ec;border-color:var(--orange)}.feedback b{font-size:13px;letter-spacing:.08em}.feedback p{margin:5px 0 0}.feedback button{flex:none;background:var(--navy);color:#fff;border:0;padding:13px 18px;font-weight:900;cursor:pointer}.results{flex:1;padding:60px 8vw;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle,#fff 0 28%,#e8f3ff 29% 58%,var(--cream) 59%)}.results h2{margin:12px 0 0;font-size:clamp(42px,7vw,88px);color:var(--navy)}.trophy{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:var(--lime);border:7px solid var(--navy);font-size:64px;box-shadow:10px 10px 0 var(--orange)}.result-stats{display:flex;gap:12px;margin:18px 0 26px;flex-wrap:wrap;justify-content:center}.result-stats div{min-width:130px;background:#fff;border:2px solid var(--navy);padding:14px}.result-stats b{display:block;font-size:28px}.result-stats span{font-size:10px;letter-spacing:.1em}.review-box{max-width:760px;width:100%;margin-bottom:24px;padding:18px;background:#fff;border:2px solid var(--orange);text-align:left}.review-box h3{margin-top:0}.review-box p{font-size:13px}.review-box b{color:var(--orange)}footer{background:var(--navy);color:#ffffffaa;padding:14px 4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}footer p{margin:0}@media(max-width:800px){.topbar{padding:10px 14px}.hud span:first-child{display:none}.hero-panel{grid-template-columns:1fr}.hero-copy{padding:42px 24px}.hero-visual{min-height:390px}.mission-grid{grid-template-columns:repeat(2,1fr)}.answers{grid-template-columns:1fr}.arena{height:240px;padding-left:4%;padding-right:4%}.mini-pet{width:88px;height:88px}.enemy-avatar{width:96px;height:96px}.question-head{align-items:flex-start;flex-direction:column}.feedback{align-items:flex-start;flex-direction:column}footer p{display:none}}