.mission-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mission-copy b{display:block;color:#e1eddf;margin-bottom:4px}.mission-copy #mission-briefing{display:block;line-height:1.55;color:#9aafb1}
.strike-objective{margin-top:13px;padding:9px 0 3px;border-top:1px solid #9cc7c322}.strike-objective>div:first-child{display:flex;justify-content:space-between;gap:8px;font:8px monospace;letter-spacing:.7px;color:var(--amber)}.strike-objective b{font-weight:400;color:#d7e0d7;white-space:nowrap}.strike-meter{height:3px;background:#ffffff20;margin-top:8px}.strike-meter i{display:block;height:100%;width:0;background:var(--amber);transition:width .2s}
.mission-list button{display:flex;align-items:center;gap:7px;background:#ffffff02;border:1px solid var(--line);padding:9px 7px;color:var(--muted);font:9px monospace;text-align:left}
.mission-list button span{flex:1;color:var(--ink);font-size:8px;letter-spacing:.4px}
.mission-list button i{font:7px monospace;color:#a9d8c2}
.mission-list button.selected{border-color:var(--amber);background:#ffc16b12;color:var(--amber)}
.mission-list button.selected span{color:#fff}
.mission-list button.locked{opacity:.43;cursor:not-allowed}
.mission-list button:disabled{cursor:not-allowed}
@media(max-height:840px) and (min-width:801px){.mission-list button{padding:7px 5px}.mission-list{gap:4px}.mission-card{padding:16px 21px 14px}.mission-card h2{margin-top:12px}.mission-card .rule{margin:9px 0}.mission-card .loadout-label{margin-top:12px}.mission-card .loadout button{padding:8px 7px}.mission-card .deploy{margin-top:12px;padding:13px}.mission-card .card-foot{margin-top:10px}.briefing{padding-top:104px}}
@media(max-height:760px){.briefing{padding-top:82px}.intro h1{font-size:54px;margin:12px 0}.intro .lede{font-size:11px;margin-bottom:10px}.mission-card{max-height:calc(100vh - 105px);overflow:auto}.menu-footer{height:44px}}

/* Keep the briefing's scroll area between the fixed navigation bars. */
.briefing{top:84px;bottom:64px;padding:32px 5%;scroll-padding:24px}
.mission-card{max-height:none;overflow:visible}
@media(max-height:820px) and (min-width:801px){.briefing{top:72px;bottom:48px;padding-top:22px}}
@media(max-width:800px){.briefing{top:64px;padding:24px 22px}.location{display:none}}
@media(max-height:760px){.briefing{bottom:44px;padding-top:18px}}
@media(max-width:480px){
  .briefing{padding-left:16px;padding-right:16px}
  .intro h1{font-size:clamp(36px,10vw,48px);letter-spacing:-2px}
  .mission-card{padding:18px 14px}
  .mission-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar{padding:0 12px}.system button{margin-left:6px;padding:9px}
  .objective{left:12px;width:180px}.objective h2{font-size:15px}
  .scoreboard{right:12px}.scoreboard strong{font-size:24px}
  .radar-panel{width:90px;left:8px}#radar{width:90px;height:90px}
  .radar-panel>span{display:none}.vehicle-panel{right:8px;width:205px}
  .controls-strip{gap:7px;height:76px}.controls-strip kbd{padding:2px;margin-right:2px}
}
@media(max-height:540px){
  .objective,.scoreboard{top:80px}.objective .base-meter{margin-top:8px}
  .radar-panel{bottom:70px;width:85px}#radar{width:85px;height:85px}
  .radar-panel>span{display:none}.vehicle-panel{bottom:70px;padding:9px;width:205px}
  .vehicle-title{margin-bottom:8px}.weapon-line{margin:8px 0}
  .announcement{top:20%;font-size:11px}
}