.mission-page {--accent:#cfef79;--accent-rgb:207,239,121;background:#111410;color:#f4f3e9}
.mission-page .site-header {position:sticky;top:0;z-index:30;background:#111410f4}
.mission-page main {max-width:none;padding:0}
.mission-intro,.mission-embed,.mission-duel-strip,.mission-compare-intro,.mission-compare-stats,.mission-compare-replay {width:min(100%,1440px);margin-inline:auto;padding-inline:var(--page-pad)}
.mission-intro {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:28px;padding-top:clamp(30px,4vw,56px);padding-bottom:clamp(26px,3vw,46px)}
.mission-kicker,.mission-context>span,.mission-embed-head>span {font:500 11px/1.4 var(--mono);letter-spacing:.13em;color:#cfef79}
.mission-intro h1 {margin:12px 0 16px;font:500 clamp(58px,7vw,104px)/.92 var(--display);letter-spacing:-.085em}
.mission-intro h1 em {font-family:Georgia,serif;font-weight:400;color:#cfef79}
.mission-intro>div>p:last-child {max-width:53ch;color:#bac6b2;font-size:clamp(16px,1.7vw,21px);line-height:1.55}
.mission-context {padding:25px;border:1px solid #46533c;border-radius:14px;background:#1b2418}
.mission-context p {color:#bac6b2;line-height:1.65}
.mission-context a,.mission-embed a {color:#d2ed9e;text-underline-offset:4px}
.mission-context-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.mission-context-actions a {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font:600 13px/1.2 var(--mono);text-decoration:none}
.mission-context-actions .mission-action-primary {padding:12px 16px;border-radius:8px;background:#cfef79;color:#17200e}
.mission-context-actions .mission-action-primary:hover,.mission-context-actions .mission-action-primary:focus-visible {background:#e0faa2;color:#17200e}
.mission-duel-strip {display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px;padding-bottom:24px;border-top:1px solid #34402e}
.mission-duel-strip>div>span,.mission-compare-kicker {font:600 11px/1.4 var(--mono);letter-spacing:.13em;color:#cfef79}
.mission-duel-strip h2 {margin:6px 0 5px;font:500 clamp(22px,2.3vw,32px)/1.15 var(--display);letter-spacing:-.035em}
.mission-duel-strip p {margin:0;color:#bac6b2;font-size:14px;line-height:1.5}
.mission-duel-strip>a {display:inline-flex;flex:none;align-items:center;gap:13px;padding:14px 17px;border:1px solid #839d5a;border-radius:8px;color:#d8f0a7;font:600 13px/1.2 var(--mono);text-decoration:none}
.mission-duel-strip>a:hover,.mission-duel-strip>a:focus-visible {background:#27351e}
.mission-embed {padding-bottom:95px}
.mission-embed-head {display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:0 0 19px}
.mission-embed h2 {font:500 clamp(24px,3vw,38px)/1.1 var(--display);letter-spacing:-.045em;margin:0}
.mission-embed iframe {display:block;width:100%;height:1800px;border:1px solid #3b4932;border-radius:14px;background:#111410}
.mission-embed>p {color:#bac6b2;font-size:14px;line-height:1.6}
.mission-page .site-footer {padding:28px var(--page-pad)}
.mission-compare-intro {padding-top:clamp(32px,4vw,64px);padding-bottom:32px}
.mission-compare-intro h1 {max-width:14ch;margin:12px 0 16px;font:500 clamp(44px,6vw,82px)/1 var(--display);letter-spacing:-.065em}
.mission-compare-intro h1 em {font-family:Georgia,serif;font-weight:400;color:#cfef79}
.mission-compare-intro>p:not(.mission-compare-kicker) {max-width:68ch;margin:0 0 24px;color:#bac6b2;font-size:clamp(16px,1.7vw,21px);line-height:1.55}
.mission-compare-actions {display:flex;flex-wrap:wrap;gap:12px}
.mission-compare-actions a {display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;border:1px solid #839d5a;border-radius:8px;color:#d8f0a7;font:600 13px/1.2 var(--mono);text-decoration:none}
.mission-compare-actions a:first-child {background:#cfef79;color:#17200e;border-color:#cfef79}
.mission-compare-actions a:hover,.mission-compare-actions a:focus-visible {filter:brightness(1.12)}
.mission-compare-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:8px;padding-bottom:40px}
.mission-compare-stats article {padding:22px;border:1px solid #3b4932;border-radius:14px;background:#1b2418}
.mission-compare-stats h2 {margin:0 0 14px;font:500 clamp(23px,2.8vw,34px)/1.1 var(--display)}
.mission-compare-stats dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.mission-compare-stats dl>div {padding-top:12px;border-top:1px solid #3b4932}
.mission-compare-stats dt {color:#a9b9a0;font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.mission-compare-stats dd {margin:7px 0 0;color:#f4f3e9;font:600 clamp(17px,2vw,24px)/1.15 var(--display)}
.mission-compare-note {grid-column:1/-1;margin:0;color:#aebca7;font-size:13px;line-height:1.55}
.mission-compare-replay {padding-bottom:80px}
.mission-compare-replay h2 {margin:0 0 8px;font:500 clamp(25px,3vw,38px)/1.1 var(--display)}
.mission-compare-replay>p {max-width:75ch;color:#bac6b2;font-size:14px;line-height:1.6}
.mission-compare-outcomes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.mission-compare-outcomes article {padding:24px;border:1px solid #3b4932;border-radius:14px;background:linear-gradient(145deg,#202a1b,#111410 75%)}
.mission-compare-outcomes article>span {font:600 11px/1.4 var(--mono);letter-spacing:.11em;color:#cfef79}
.mission-compare-outcomes h3 {margin:17px 0 12px;font:500 clamp(26px,3vw,40px)/1.05 var(--display);letter-spacing:-.05em}
.mission-compare-outcomes p {max-width:52ch;margin:0;color:#bac6b2;line-height:1.6}
.mission-replay-link {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:20px 24px;border:1px solid #839d5a;border-radius:14px;background:#cfef79;color:#17200e!important;text-decoration:none}
.mission-replay-link:hover,.mission-replay-link:focus-visible {background:#e0faa2}
.mission-replay-link strong {display:block;font:600 clamp(17px,2vw,23px)/1.2 var(--display)}
.mission-replay-link small {display:block;margin-top:6px;color:#405030;font:500 12px/1.5 var(--mono)}
.mission-replay-link>span:last-child {font-size:28px}
.mission-compare-replay a {color:#d2ed9e;text-underline-offset:4px}
.mission-example-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.mission-compare-replay .mission-example-card {min-width:0;min-height:270px;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #3b4932;border-radius:14px;background:linear-gradient(145deg,#202a1b,#111410 75%);color:#f4f3e9;text-decoration:none}
.mission-example-card:hover,.mission-example-card:focus-visible {border-color:#cfef79;background:#25311f;outline:2px solid #cfef79;outline-offset:2px}
.mission-example-card>span {font:600 11px/1.4 var(--mono);letter-spacing:.1em;color:#cfef79}
.mission-example-card h3 {margin:6px 0 0;font:500 clamp(26px,2.7vw,37px)/1.05 var(--display);letter-spacing:-.045em}
.mission-example-card p {margin:0;color:#bac6b2;font-size:14px;line-height:1.55}
.mission-example-card strong {margin-top:auto;padding-top:14px;color:#d8f0a7;font:600 13px/1.3 var(--mono)}
@media(max-width:1050px){.mission-example-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mission-intro {grid-template-columns:minmax(0,1fr);gap:18px;padding-top:28px}.mission-intro h1 {font-size:clamp(56px,13vw,76px)}.mission-context {padding:16px}.mission-context-actions {display:grid;grid-template-columns:1fr}.mission-duel-strip {display:block;padding-top:22px;padding-bottom:26px}.mission-duel-strip>a {margin-top:18px}.mission-embed-head {display:block}.mission-embed-head>span {display:block;margin-top:9px}.mission-embed iframe {height:2400px;border-radius:10px}.mission-embed {padding-bottom:55px}.mission-compare-intro {padding-top:32px}.mission-compare-stats {grid-template-columns:1fr;gap:12px;padding-bottom:28px}.mission-compare-note {grid-column:auto}.mission-compare-outcomes {grid-template-columns:1fr}.mission-compare-replay {padding-bottom:55px}}
@media(max-width:760px){.mission-example-grid {grid-template-columns:minmax(0,1fr)}.mission-compare-replay .mission-example-card {min-height:0;padding:18px}.mission-example-card strong {margin-top:8px}}