:root{--ink:#10243e;--navy:#061a33;--blue:#1373e6;--cyan:#46d7ff;--lime:#c8f24a;--cream:#f6f2e8;--orange:#ff5b2e}*{box-sizing:border-box}body{margin:0;background:#e8edf2;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:.7}.topbar h1{margin:0;font-size:clamp(18px,2.2vw,30px);letter-spacing:.04em}.hud{margin-left:auto;display:flex;gap:12px}.hud span{border:1px solid #ffffff30;padding:10px 14px;font-size:11px;letter-spacing:.1em}.hud b{color:var(--lime);margin-left:7px}.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(48px,6.7vw,92px);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:70px;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%,#1e81ee 0 18%,#0c4b9d 19% 36%,var(--navy) 37%);min-height:610px}.orbit{position:absolute;border:2px solid #ffffff44;border-radius:50%;inset:13%;animation:spin 20s linear infinite}.orbit-two{inset:28%;border-color:var(--lime);animation-direction:reverse;animation-duration:12s}.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)}}.runner{position:absolute;left:42%;top:43%;width:130px;height:190px;transform:rotate(-8deg);filter:drop-shadow(12px 16px 0 #0004)}.runner-head{position:absolute;left:47px;width:56px;height:56px;border-radius:50%;background:#f5b38f;border:6px solid var(--navy)}.runner-body{position:absolute;top:48px;left:40px;width:64px;height:88px;background:var(--orange);border:7px solid var(--navy);transform:skew(-8deg)}.runner-leg{position:absolute;top:125px;left:48px;width:20px;height:70px;background:#fff;border:7px solid var(--navy);transform:rotate(28deg);transform-origin:top}.runner-leg.l2{left:84px;transform:rotate(-40deg)}.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:15%;left:8%}.f2{top:18%;right:8%;transform:rotate(4deg)}.f3{bottom:15%;left:14%;transform:rotate(2deg)}.speed-lines{position:absolute;left:5%;top:50%;width:40%;height:100px;border-top:8px solid var(--cyan);border-bottom:4px solid var(--cyan);transform:skewY(-10deg);opacity:.5}.play-area{flex:1;padding:28px 5vw 36px;background:linear-gradient(135deg,#f6f2e8 0 70%,#ddecf9 70%)}.track-head{display:flex;justify-content:space-between;align-items:end;max-width:1100px;margin:auto}.track-head p{margin:0;color:var(--orange);font-size:12px;letter-spacing:.15em;font-weight:900}.track-head b{font-size:24px}.track-head>span{font-size:12px;font-weight:900}.track{position:relative;height:18px;max-width:1100px;margin:16px auto 32px;background:#cad3dc;border:3px solid var(--navy)}.track-fill{height:100%;background:var(--lime);transition:.5s}.track i{position:absolute;top:-7px;width:3px;height:26px;background:var(--navy)}.player-token{position:absolute;top:-18px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;border:3px solid var(--navy);font-weight:900;z-index:2;transition:.5s}.quiz-card{max-width:1100px;margin:auto;background:#fff;border:3px solid var(--navy);box-shadow:10px 10px 0 var(--navy);padding:clamp(22px,4vw,48px)}.question-copy h2{margin:8px 0 10px;max-width:900px;font-size:clamp(25px,3.4vw,48px);line-height:1.05;letter-spacing:-.025em}.question-zh{color:#53657b;font-size:18px}.answers{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{min-height:68px;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}.status-strip{max-width:1100px;margin:24px auto 0;display:flex;gap:10px}.status-strip span{flex:1;background:var(--navy);color:#fff;padding:12px;font-size:10px;letter-spacing:.1em;text-align:center}.status-strip b{color:var(--lime);margin-left:8px}.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:72px;font-weight:900;box-shadow:10px 10px 0 var(--orange)}.result-stats{display:flex;gap:12px;margin:18px 0 26px}.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:720px;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}.status-strip{flex-wrap:wrap}.status-strip span{min-width:45%}.feedback{align-items:flex-start;flex-direction:column}.result-stats{flex-wrap:wrap;justify-content:center}footer p{display:none}}