#campaign-preview.campaign-setup { margin: 16px 0; padding: 18px; border-left-color: var(--campaign-color, #d6b77e); }
.campaign-setup .campaign-title { margin: 14px 0 7px; font-size: clamp(22px, 2vw, 29px); line-height: 1.15; }
.campaign-setup .campaign-synopsis { margin: 0 0 14px; font-size: 11px; line-height: 1.55; }
.campaign-factions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-top: 14px; }
.campaign-faction { padding: 9px 5px; border: 1px solid #6e858366; background: #13232a; color: #cbdad4; font: 600 11px 'Segoe UI', sans-serif; }
.campaign-faction.selected { border-color: var(--campaign-color); background: #33413c; color: #fff0cf; }
.campaign-layout { display: grid; grid-template-columns: minmax(145px, .85fr) minmax(0, 1.4fr); gap: 15px; }
.campaign-mission-column { min-width: 0; }
.campaign-setup .campaign-progress { margin: 0 0 8px; color: var(--campaign-color); font-size: 10px; }
.campaign-mission-list { display: grid; gap: 5px; max-height: 308px; overflow-y: auto; overscroll-behavior: contain; padding: 1px 5px 3px 1px; scrollbar-color: #89947c #142329; scrollbar-width: thin; }
.campaign-mission { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: start; gap: 4px 5px; padding: 8px 6px; text-align: left; border: 1px solid #78948c45; background: #192b31; color: #dce6de; }
.campaign-mission.selected { border-color: var(--campaign-color); background: #36443e; box-shadow: inset 2px 0 var(--campaign-color); }
.campaign-mission.completed .campaign-mission-index { color: #91d0b5; }
.campaign-mission:disabled { cursor: default; color: #85968f; opacity: .65; }
.campaign-mission-index { grid-row: 1 / 3; padding-top: 1px; font: 700 14px Consolas, monospace; color: #c7b78c; }
.campaign-mission-name { font: 600 10px 'Segoe UI', sans-serif; line-height: 1.35; }
.campaign-mission-state { grid-column: 2; font: 9px 'Segoe UI', sans-serif; color: #a5b6a9; }
.campaign-briefing { min-width: 0; padding: 12px; background: #0e1c23a8; border-top: 2px solid var(--campaign-color); }
.campaign-mission-number { display: block; color: var(--campaign-color); font-size: 9px; line-height: 1.5; }
.campaign-mission-title { margin: 8px 0 9px; font-size: 20px; line-height: 1.2; color: #eee4ce; }
.campaign-setup .campaign-metadata { margin: 0 0 10px; color: #a9c5c0; font-size: 10px; line-height: 1.55; }
.campaign-setup .campaign-briefing-text { margin: 0 0 13px; font-size: 11px; line-height: 1.65; color: #d0dbd3; }
.campaign-section-label { color: #c7b78c; font-size: 9px; letter-spacing: .8px; }
.campaign-mission-objectives { padding-left: 17px; margin: 9px 0 14px; color: #b9d3c6; font-size: 11px; line-height: 1.5; }
.campaign-mission-objectives li + li { margin-top: 6px; }
.campaign-difficulty { display: grid; gap: 6px; color: #b6c6bd; font-size: 10px; }
.campaign-difficulty-select { width: 100%; min-width: 0; min-height: 32px; padding: 5px 8px; border: 1px solid #728780; background: #182a2e; color: #e8e5d4; font: 11px 'Segoe UI', sans-serif; }
.campaign-setup .campaign-selected-status { margin: 11px 0 0; color: #d6bf8c; font-size: 10px; line-height: 1.55; }
.campaign-setup .campaign-storage-status { margin: 13px 0 0; padding-top: 10px; border-top: 1px solid #96a99a30; color: #93a69f; font-size: 9px; line-height: 1.5; }
.campaign-launch { width: 100%; min-height: 36px; margin-top: 12px; border: 1px solid #c3ab78; background: #3d4838; color: #f5dfb8; font-size: 10px; }
.campaign-setup button:focus-visible, .campaign-setup select:focus-visible, .campaign-objectives button:focus-visible { outline: 2px solid #f0d09a; outline-offset: 2px; }
.campaign-objectives { position: fixed; z-index: 8; top: 76px; right: 14px; width: min(326px, calc(100vw - 28px)); color: #dbe6d9; background: #102329f2; border: 1px solid #71887c; border-top: 2px solid #c7ad76; box-shadow: 0 7px 24px #0006; }
.campaign-objectives[hidden], .campaign-objectives [hidden] { display: none !important; }
.campaign-hud-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 0; color: #e7d5ae; background: #263834; text-align: left; }
.campaign-hud-heading { font-size: 11px; font-weight: 700; line-height: 1.4; }
.campaign-hud-toggle-icon { font: 20px Consolas, monospace; }
.campaign-objectives-body { padding: 10px 12px 12px; max-height: min(46vh, 350px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #89947c #142329; }
.campaign-hud-phase { margin: 0 0 9px; font-size: 10px; font-weight: 600; color: #b9d4c0; line-height: 1.4; }
.campaign-hud-message { margin: 0 0 10px; padding: 8px; border-left: 2px solid #d8ba81; background: #d1b2750b; color: #dfd0ae; font-size: 10px; line-height: 1.5; }
.campaign-hud-list { list-style: none; padding: 0; margin: 0; }
.campaign-hud-list li { display: flex; align-items: flex-start; gap: 7px; padding: 8px 0; border-top: 1px solid #78948c2d; }
.campaign-objective-icon { font-size: 14px; color: #d8ba81; line-height: 1.3; }
.campaign-objective-copy { flex: 1; min-width: 0; font-size: 11px; line-height: 1.5; }
.campaign-objective-count { display: block; margin-top: 3px; color: #bca97f; font: 10px Consolas, monospace; }
.campaign-hud-list .complete .campaign-objective-icon, .campaign-hud-list .complete .campaign-objective-count { color: #98d4b5; }
.campaign-objective-focus { flex: none; width: 25px; min-height: 25px; border: 1px solid #6e8a7b; background: #203831; color: #d4dfbf; }
.campaign-hud-markers { display: flex; flex-wrap: wrap; gap: 5px; padding-top: 9px; border-top: 1px solid #78948c2d; }
.campaign-marker-link { padding: 5px 7px; border: 1px solid #7b8d7766; background: #25372f; color: #c6dabd; font-size: 9px; text-align: left; }
.campaign-hud-hint { display: block; margin-top: 8px; color: #94afa0; font-size: 9px; line-height: 1.5; }
.campaign-objectives[data-status="victory"] { border-color: #99c9a4; }
.campaign-objectives[data-status="defeat"] { border-color: #d38972; }
.campaign-optional-plan { color: #9fd7c2; }
.campaign-side-operation { margin-top: 10px; padding: 10px; border: 1px solid #72b9a34d; border-left: 2px solid #83c7af; background: #87d2b509; font-size: 10px; line-height: 1.5; }
.campaign-side-operation[hidden], .campaign-radio[hidden] { display: none !important; }
.campaign-side-operation strong { color: #bde5d3; }
.campaign-side-operation p { margin: 5px 0; }
.campaign-side-operation small { color: #d9c08e; }
.campaign-side-operation .campaign-side-consequence { color: #9cb7ab; }
.campaign-side-operation[data-status="completed"] { border-left-color: #a8e6b6; }
.campaign-side-operation[data-status="failed"] { border-left-color: #d49e7e; }
.campaign-radio { position: fixed; z-index: 9; left: 220px; top: 126px; display: flex; align-items: flex-start; gap: 10px; width: clamp(220px, calc(100vw - 600px), 445px); padding: 12px 14px; border: 1px solid #a9b99b80; border-left: 3px solid #ddc28b; background: #12262ef0; box-shadow: 0 7px 20px #0005; pointer-events: none; }
.campaign-radio-portrait { width: 46px; height: 56px; flex: none; object-fit: cover; border: 1px solid #c0ba9270; }
.campaign-radio-name { color: #e7c889; font-size: 11px; }
.campaign-radio-text { margin: 5px 0 0; color: #e2e9dd; font-size: 12px; line-height: 1.5; }
.campaign-radio[data-kind="crisis"], .campaign-radio[data-kind="failure"] { border-left-color: #e39170; }
@media (max-width: 700px) { .campaign-radio { left: 10px; top: 176px; width: calc(100vw - 20px); padding: 8px 10px; } .campaign-radio-text { font-size: 11px; } .campaign-radio-portrait { width: 36px; height: 44px; } }
#launch-overlay[data-match-mode="campaign"] .launch-kicker,
#launch-overlay[data-match-mode="campaign"] .launch-frontier,
#launch-overlay[data-match-mode="campaign"] .launch-title-block p { display: none; }
#launch-overlay[data-match-mode="campaign"] .launch-title-block { margin: 5px 0 12px; }
#launch-overlay[data-match-mode="campaign"] h1 { font-size: 29px; line-height: 1; }
#launch-overlay[data-match-mode="campaign"] h1 br { display: none; }
#launch-overlay[data-match-mode="campaign"] h1 em { margin-left: .18em; }
#launch-overlay[data-match-mode="campaign"] .launch-main { padding-top: 12px; padding-bottom: 12px; }
@media (min-width: 901px) {
  #launch-overlay[data-match-mode="campaign"] .launch-main { width: min(920px, 92vw); }
  #launch-overlay[data-match-mode="campaign"] .launch-panel { justify-content: center; padding-inline: 24px; }
  #launch-overlay[data-match-mode="campaign"] .launch-title-block { margin-block: 10px; }
  #launch-overlay[data-match-mode="campaign"] .match-mode-options { margin-bottom: 12px; }
  #launch-overlay[data-match-mode="campaign"] .campaign-layout { grid-template-columns: minmax(190px, .75fr) minmax(0, 1.5fr); }
  #launch-overlay[data-match-mode="campaign"] .campaign-mission-list { max-height: 350px; }
}
@media (max-width: 640px) {
  #campaign-preview.campaign-setup { padding: 12px; margin-block: 12px; }
  .campaign-layout { grid-template-columns: minmax(125px, .85fr) minmax(0, 1.25fr); gap: 9px; }
  .campaign-briefing { padding: 9px; }
  .campaign-mission-list { max-height: 270px; }
  .campaign-mission-title { font-size: 17px; }
  .campaign-setup .campaign-briefing-text { font-size: 10px; }
  .campaign-objectives { top: 69px; right: 8px; width: min(310px, calc(100vw - 16px)); }
  .campaign-hud-toggle { padding: 7px 9px; }
  .campaign-objectives-body { max-height: 38vh; }
}
@media (max-width: 390px) {
  .campaign-layout { grid-template-columns: 1fr; }
  .campaign-mission-list { max-height: 145px; grid-template-columns: 1fr 1fr; }
  .campaign-briefing { margin-top: 4px; }
}
.campaign-hero-card { margin: 12px 0; border: 1px solid #a5bcc236; background: #0c1b23b3; }
.campaign-theatre-metadata { margin: 8px 0 12px; padding: 7px 10px; border-left: 2px solid var(--biome-accent, #b78b57); background: #12252b99; color: #d6e0da; font-size: 11px; line-height: 1.55; }
.campaign-hero-summary { display: flex; align-items: center; gap: 13px; padding: 10px 14px; cursor: pointer; list-style: none; }
.campaign-hero-summary::-webkit-details-marker { display: none; }
.campaign-hero-portrait { width: 58px; height: 62px; object-fit: cover; border: 1px solid #acb8b55c; }
.campaign-hero-identity { display: grid; gap: 6px; flex: 1; }
.campaign-hero-name { font-size: 14px; color: #f0e3c6; }
.campaign-hero-principle { font-size: 12px; color: #bfcecb; }
.campaign-hero-expand { font-size: 10px; color: #d9bd80; }
.campaign-hero-details { padding: 0 17px 12px; border-top: 1px solid #a5bcc226; }
.campaign-hero-details p { margin: 12px 0 0; color: #b2c5c9; font-size: 12px; line-height: 1.6; }
.campaign-hero-details strong { color: #d9ddd1; }
.campaign-hero-secondary { border-left: 2px solid #9daede; padding-left: 12px; }
.campaign-story-archive { margin-top: 18px; padding-top: 12px; border-top: 1px solid #9ab7c338; }
.campaign-story-archive summary { color: #d8c08b; cursor: pointer; font-size: 12px; }
.campaign-story-archive p { color: #9eb5bc; font-size: 11px; line-height: 1.5; }
.campaign-story-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.campaign-story-button { padding: 8px 10px; border: 1px solid #b5c4c942; background: #12262ec9; color: #e4e2d3; cursor: pointer; }
.campaign-story-button:hover { border-color: #d8c08b; background: #243b43; }
.campaign-story-button:focus-visible, .campaign-hero-summary:focus-visible, .campaign-story-archive summary:focus-visible { outline: 2px solid #d8c08b; outline-offset: 4px; }
.campaign-story-button[hidden], .campaign-story-archive[hidden] { display: none; }
@media (max-width: 600px) { .campaign-hero-expand { max-width: 84px; line-height: 1.5; } .campaign-hero-summary { padding: 8px; gap: 9px; } }