.mission-page{background:#fff9ef}.mission-main{max-width:1050px;padding-top:28px;padding-bottom:70px}.mission-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#ffe6a6,#ffd4b5 65%,#ffc7bd);border:2px solid #eec899;border-radius:30px;padding:30px 42px;margin:15px 0 18px}.mission-hero:before,.mission-hero:after{content:'✦';position:absolute;color:#fff8d8;font-size:46px}.mission-hero:before{right:25%;top:7px}.mission-hero:after{right:5%;bottom:2px;font-size:28px}.mission-kicker{display:inline-block;background:#fffaf0;border-radius:99px;padding:4px 13px;font-size:13px;font-weight:700;color:#875125}.mission-hero h1{font-size:clamp(30px,4.2vw,47px);line-height:1.2;margin:14px 0 7px;color:#573822;letter-spacing:-.035em}.mission-hero h1 span{color:#ff8b4d}.mission-hero p{margin:0;max-width:550px;color:#694c35;font-size:17px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-chips span{background:#ffffffb8;padding:5px 12px;border-radius:99px;font-size:13px;font-weight:700}.hero-mascot{width:160px;height:160px;flex:none;display:grid;place-items:center;background:#fff8e9;border:4px solid #fff;border-radius:50%;transform:rotate(8deg);box-shadow:0 12px 0 #c4775d32}.hero-mascot span{font-size:82px;line-height:1}.hero-mascot small{position:absolute;bottom:7px;font-size:13px;font-weight:700;color:#825232}.mission-status{display:flex;justify-content:space-between;gap:12px;margin:18px 0;font-weight:700;color:#805034}.mission-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.map-card{border:2px solid #eadfcd;background:white;border-radius:18px;padding:13px 10px;text-align:left;color:#684a36;min-height:92px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.3;box-shadow:0 4px 0 #e8d8c3}.map-card:hover:not(:disabled){transform:translateY(-2px)}.map-card.active{border-color:#eb965f;background:#fff0db}.map-card.done{border-color:#81bfa5}.map-card.locked{opacity:.58}.map-icon{font-size:28px;flex:none}.map-card small{display:block;font-weight:500;color:#947b69}.mission-stage{background:white;border:2px solid #eadfcd;border-radius:26px;min-height:450px;padding:30px 35px;box-shadow:0 9px 0 #eddfcb}.stage-eyebrow{color:#b46b37;font-weight:700;font-size:14px}.stage-title{font-size:clamp(26px,3vw,36px);line-height:1.3;margin:6px 0 8px}.stage-intro{color:#675f59;margin:0 0 20px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.lesson-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:230px;background:#eef8f4;border-radius:22px;padding:20px}.lesson-visual.weight{background:#f5effd}.lesson-visual.capacity{background:#eaf5ff}.visual-emoji{font-size:62px;line-height:1.2}.visual-equation{font-size:clamp(22px,2.5vw,32px);font-weight:700;margin:8px 0 5px}.visual-note{font-size:14px;color:#586c66}.visual-blocks{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:100%;margin:18px 0 3px}.visual-blocks span{height:29px;background:#71c6af;border:2px solid #4aab90;border-radius:5px;font-size:10px;display:grid;place-items:center;color:#164e40;font-weight:700}.weight .visual-blocks span{background:#c6aae7;border-color:#a388ce}.capacity .visual-blocks span{background:#8ac9eb;border-color:#5aa7d1}.rule-list{display:grid;gap:10px}.rule-card{border:1px solid #e7ded1;border-radius:16px;padding:13px 16px;background:#fffdf8}.rule-card strong{display:block;font-size:20px;color:#573822}.rule-card span{display:block;color:#766b5f;font-size:14px}.memory-tip{margin-top:17px;background:#fff2d9;border-left:5px solid #f2ad45;padding:12px 17px;border-radius:0 13px 13px 0}.stage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mission-button{border:0;border-radius:14px;background:#d8754a;color:white;padding:12px 22px;font-weight:700;box-shadow:0 4px 0 #ad5638}.mission-button:hover{transform:translateY(-2px)}.mission-button.secondary{background:#f4ebdc;color:#694b36;box-shadow:0 4px 0 #dfd0bd}.question-counter{display:flex;justify-content:space-between;gap:10px;color:#875a3b;font-weight:700}.question-track{height:11px;background:#f2e8d8;border-radius:99px;overflow:hidden;margin:10px 0 26px}.question-track span{display:block;height:100%;background:#80be9a;border-radius:inherit;transition:width .25s}.question-prompt{font-size:clamp(23px,2.8vw,32px);line-height:1.4;margin:0 0 20px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.choice{min-height:76px;border:2px solid #dbcab6;background:#fffdf8;border-radius:16px;padding:12px;font-size:20px;font-weight:700;color:#573c29}.choice:hover:not(:disabled){border-color:#db8859;background:#fff2e4}.choice.wrong{border-color:#df826d;background:#fff0ea}.choice.correct{border-color:#64aa7d;background:#e9f7ec}.feedback-box{margin-top:17px;border-radius:14px;padding:13px 16px;background:#fff2e5;color:#68472f;font-weight:600}.feedback-box.correct{background:#e7f6eb;color:#2b6844}.feedback-box p{margin:2px 0 0;font-weight:400}.reward{font-size:58px;text-align:center;line-height:1.3}.finish-card{text-align:center;max-width:650px;margin:auto}.finish-card .stage-title{margin-top:12px}.finish-score{font-size:27px;font-weight:700;color:#ab643c}.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;text-align:left}.review-item{padding:13px;background:#f7f4eb;border-radius:13px}.review-item strong,.review-item span{display:block}.review-item span{font-size:14px;color:#6f6358}.review-item.needs-work{background:#fff0e6}.finish-card .stage-actions{justify-content:center}.mission-stage:focus{outline:none}@media(max-width:700px){.mission-hero{padding:24px}.hero-mascot{width:100px;height:100px}.hero-mascot span{font-size:54px}.hero-mascot small{font-size:10px}.mission-map{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:1fr}.mission-stage{padding:23px 19px}.review-list{grid-template-columns:1fr}}@media(max-width:460px){.mission-hero{display:block}.hero-mascot{position:absolute;right:12px;top:13px;width:66px;height:66px;border-width:2px}.hero-mascot span{font-size:37px}.hero-mascot small{display:none}.mission-hero h1{padding-right:38px;font-size:29px}.mission-hero p{font-size:15px}.choice-grid{grid-template-columns:1fr}.choice{min-height:61px}.map-card{min-height:76px}.map-icon{font-size:24px}}@media(prefers-reduced-motion:reduce){.map-card,.mission-button,.question-track span{transition:none!important}}
/* Keep the restart control available on every lesson, question and result screen. */
.mission-status{align-items:center;flex-wrap:wrap}
.mission-status button{border:1px solid #d9b8a3;background:#fff8ed;color:#9a5136;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:700}
.mission-status button:hover{background:#ffe8d7}
@media(max-width:460px){.mission-status button{width:100%;text-align:center}}