
.mission-page{position:relative}
.mission-hero{padding:64px 0 38px;border-bottom:1px solid rgba(102,156,135,.25)}
.mission-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:end}
.mission-hero h1{font-size:clamp(48px,7vw,92px);line-height:.93;letter-spacing:-.055em;margin:.25em 0;color:#f0eadc}
.mission-hero h1 span{color:#9eb8ad;font-weight:500}
.mission-score-card{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid rgba(93,145,123,.4);border-radius:22px;background:rgba(8,24,18,.80)}
.mission-score-ring{--score:82;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#08130f 57%,transparent 58%),conic-gradient(#e1bf68 calc(var(--score)*1%),#20352d 0)}
.mission-score-ring strong{font-size:42px}.mission-score-ring small{color:#879a91;font-size:11px}
.mission-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;padding:34px 0 70px}
.mission-main,.mission-rail{display:grid;gap:14px;align-content:start}
.mission-panel{border:1px solid rgba(86,139,116,.35);border-radius:20px;background:linear-gradient(180deg,rgba(9,28,21,.92),rgba(5,18,14,.94));padding:20px}
.mission-panel h2{font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.035em;margin:.2em 0 .3em}
.mission-panel h3{margin:.2em 0 .5em}.mission-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#86a99a;font-weight:800}
.mission-head{display:flex;justify-content:space-between;gap:16px;align-items:start}
.mission-status{font-size:10px;padding:6px 9px;border:1px solid #3b6654;border-radius:999px;color:#a7dfc3}.mission-status.warn{border-color:#70563a;color:#ecc387}
.mission-changed{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.mission-change{border:1px solid #294a3e;border-radius:13px;padding:11px;background:#081a14}.mission-change b{display:block;font-size:11px}.mission-change span{font-size:11px;color:#8fa49a}
.mission-route-settings,.mission-pack-list{display:grid;gap:7px}.mission-setting{border-top:1px solid #1d372d;padding:10px 0}.mission-setting label{display:flex;justify-content:space-between;font-size:12px}.mission-setting input[type=range]{width:100%;accent-color:#d9bc68}
.mission-advice{display:grid;gap:7px;margin-top:12px}.mission-advice div{border-left:2px solid #7ba891;padding:8px 10px;background:#081913}.mission-advice b{display:block;font-size:12px}.mission-advice p{margin:3px 0;color:#9dafA7;font-size:12px}
.mission-check{display:flex;gap:10px;align-items:center;border-top:1px solid #1d372d;padding:11px 0}.mission-check input{width:18px;height:18px;accent-color:#74cfa4}.mission-check span{display:grid}.mission-check b{font-size:12px}.mission-check small{color:#84998f}
.mission-meter{margin-top:10px}.mission-meter-row{display:flex;justify-content:space-between;font-size:11px}.mission-meter-row span{color:#98aba2}.mission-bar{height:5px;background:#1c352c;border-radius:999px;overflow:hidden;margin-top:5px}.mission-bar i{display:block;height:100%;background:#c4d7ce}
.mission-money{display:flex;justify-content:space-between;border-top:1px solid #1e372e;padding-top:9px;margin-top:9px;font-size:12px}.mission-drift{font-size:12px;color:#8bd1ad;margin-top:10px}.mission-drift.bad{color:#e98f87}
.mission-memory{background:#081913;border:1px solid #29483d;border-radius:13px;padding:12px}.mission-memory p{font-size:12px;color:#99aca3}
.mission-affiliate{margin-top:13px;border:1px solid #655534;border-radius:15px;background:#161810;padding:15px}.mission-affiliate[hidden]{display:none}.mission-affiliate small{color:#dfb764;font-size:9px;letter-spacing:.12em}.mission-affiliate p{font-size:12px}
.mission-note{font-size:10px;color:#73877e}
@media(max-width:950px){.mission-hero-grid,.mission-grid{grid-template-columns:1fr}.mission-rail{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.mission-rail,.mission-changed{grid-template-columns:1fr}.mission-score-card{align-items:flex-start}.mission-score-ring{width:112px;height:112px;flex:0 0 auto}}
