/* One hierarchy: mission selection, objective steps, then deployment. */
body:has(#boardScreen:not(.hidden)) .topbar .status-chip{display:none}
#boardScreen{grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:18px 0 16px}
#boardScreen .board-heading h1{font-size:26px;letter-spacing:.015em}
#boardScreen .board-heading h1 span{font-size:13px;letter-spacing:0;text-transform:none;color:#a9c0ce}
#boardScreen .board-actions{gap:8px}
#boardScreen .board-actions .small-button{font-size:13px}
#boardScreen .chapter-tabs button{padding:12px 16px;gap:5px}
#boardScreen .chapter-tabs span{font-size:12px;letter-spacing:.035em;text-transform:none}
#boardScreen .chapter-tabs small{font-size:13px}
#boardScreen .board-layout{gap:18px}
#boardScreen .district-heading{padding:17px 16px}
#boardScreen .district-heading span{font-size:16px;font-weight:750;text-transform:none;color:#e4f1f8}
#boardScreen .mission-list{padding:10px;gap:8px}
#boardScreen .mission-card{padding:12px 14px;gap:10px;background:#0c1b27}
#boardScreen .mission-card strong{font-size:17px;line-height:1.3}
#boardScreen .mission-card span,#boardScreen .mission-card em{font:12px var(--mono,monospace);letter-spacing:0;text-transform:none;color:#a8c2d0}
#boardScreen .mission-card.selected{background:color-mix(in srgb,var(--chapter) 12%,#0c1b27);box-shadow:inset 4px 0 var(--chapter)}
#boardScreen .mission-card.completed em{color:#80ddb1}
#boardScreen .mission-card.locked{opacity:.7}
#boardScreen .mission-card.selected em{color:var(--chapter)}
#boardScreen .dossier-hero{padding:25px 28px;min-height:124px;background-position:85% 36%}
#boardScreen .dossier-hero h2{font-size:34px;margin-bottom:10px}
#boardScreen .dossier-hero>p{font-size:13px;font-family:inherit;letter-spacing:0;color:#bbd0dc;margin:0;text-transform:none}
#boardScreen .dossier-body{padding:26px 28px;gap:18px;justify-content:flex-start}
.mission-plan h3{font-size:14px;font-weight:650;color:#a9c5d4;margin:0 0 18px;letter-spacing:0;text-transform:none}
.mission-plan ol{list-style:none;counter-reset:steps;display:grid;gap:22px;padding:0;margin:0}
.mission-plan li{counter-increment:steps;display:flex;align-items:flex-start;gap:14px}
.mission-plan li::before{content:counter(steps);display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid color-mix(in srgb,var(--chapter) 40%,#23404d);border-radius:50%;background:color-mix(in srgb,var(--chapter) 9%,#0b1c27);color:var(--chapter);font-size:14px;font-weight:850}
.mission-plan strong{display:block;font-size:20px;line-height:1.5;color:#effaff;font-weight:750}
.mission-plan p{font-size:14px;line-height:1.5;color:#b4cbd7;margin:4px 0 0}
#boardScreen .mission-details-button{align-self:flex-start;margin-top:auto;font-size:13px;background:transparent;border-color:#35505f;color:#c0d9e6;padding:9px 12px}
#boardScreen .deployment-footer{padding:18px 28px;gap:20px;background:#10232e}
#boardScreen .deployment-setup{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
#boardScreen #boardLoadoutSummary{font-size:14px;color:#c6dce7;line-height:1.4;margin:0}
#boardScreen #boardLoadout{font-size:13px;padding:6px 0;border:0;background:none;color:#8ed5e7;min-height:0;text-transform:none;letter-spacing:0;min-width:0}
#boardScreen #boardLoadout:hover{text-decoration:underline}
#boardScreen .deployment-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:50%}
#boardScreen .mission-locked-note{font-size:13px;color:#eac28a;text-align:right;line-height:1.4}
#boardScreen #deployMission{font-size:15px;min-height:48px;padding:14px 22px;white-space:nowrap}
.board-loadout-form{display:grid;gap:15px;max-width:620px}
.board-loadout-form label{display:grid;gap:8px;font-size:14px;color:#cee4ed}
.board-loadout-form select{font-size:15px;padding:11px}
.board-loadout-form p{font-size:14px;line-height:1.5;color:#acc9d8;margin:0 0 8px}
.board-extra-rules{font-size:14px;line-height:1.6;color:#bcd4e2;margin-top:22px}
.board-extra-rules summary{cursor:pointer;color:#ddf2fc}
@media(max-height:700px){
  #boardScreen{padding-top:10px;padding-bottom:10px;gap:10px}
  #boardScreen .chapter-tabs button{padding:9px 14px}
  #boardScreen .dossier-hero{min-height:104px;padding:18px 24px}
  #boardScreen .dossier-hero h2{font-size:30px}
  #boardScreen .dossier-body{padding:20px 24px;gap:15px}
  .mission-plan ol{gap:18px}.mission-plan strong{font-size:18px}
  #boardScreen .deployment-footer{padding:14px 24px}
}
@media(max-width:1100px){#boardScreen .board-layout{grid-template-columns:250px minmax(0,1fr)}.mission-plan strong{font-size:18px}}