/* Scenario preview — isolated layout primitives for the scenario selection dialog.
   Never affects World Conquest, Story Mode, saved games, or map gameplay. */
.overlay.scenario-library-overlay{padding:clamp(7px,1.5vw,22px);overflow:hidden;background:#050911dc}
.dialog.scenario-library{width:min(1660px,100%);max-height:95dvh;height:min(95dvh,1030px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:2px;background:#131922;color:#e9e9e5;box-shadow:0 26px 90px #000e;isolation:isolate}
.scenario-library *{box-sizing:border-box}
.scenario-library button{cursor:pointer}
.scenario-library button:focus-visible,.scenario-library input:focus-visible,.scenario-library select:focus-visible{outline:2px solid #f0d6a2;outline-offset:2px}
.scenario-library-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 29px 20px;min-height:110px}
.scenario-library-heading{min-width:0}
.scenario-library-heading h1{font:700 clamp(32px,3vw,44px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.023em;color:#f7f0e7;margin:6px 0 6px}
.scenario-library-eyebrow{display:block;font:750 10px/1.3 system-ui,Arial,sans-serif;letter-spacing:.19em;color:#d9bd8a}
.scenario-library-heading p{font:12px/1.55 system-ui,sans-serif;color:#b9c2c7;margin:0}
.scenario-library-back{flex:0 0 auto;background:#292a33;color:#e9d5ad;border:1px solid #73664e;border-radius:0;font-size:12px;padding:10px 15px}
.scenario-library-back:hover{background:#3b3540;border-color:#ae956b}
.scenario-workspace{display:grid;flex:1 1 auto;min-height:0;min-width:0}
.scenario-catalog{display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;overflow:hidden}
.scenario-catalog-heading{padding:19px 19px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.scenario-catalog-heading strong{font:700 12px Georgia,serif;color:#f4e0c1}
.scenario-catalog-heading small{font:10px system-ui,sans-serif;color:#aab1bb;font-variant-numeric:tabular-nums;white-space:nowrap}
.scenario-search{display:flex;flex-direction:column;padding:0 15px 12px;gap:6px}
.scenario-search label{font:750 10px/1.3 system-ui,sans-serif;letter-spacing:.1em;color:#b8b5b0;text-transform:uppercase}
.scenario-search input{height:36px;width:100%;min-width:0;padding:8px 11px;font:12px system-ui,sans-serif;color:#f6f4f1;background:#131c28;border:1px solid #69707a;border-radius:0}
.scenario-search input::placeholder{color:#84909c}
.scenario-theaters{display:flex;gap:5px;padding:3px 15px 12px;flex-wrap:wrap}
.scenario-theater{background:transparent;border:1px solid transparent;border-radius:0;color:#aeb5bf;font:650 10px/1.3 system-ui,Arial,sans-serif;padding:6px 9px;text-align:left}
.scenario-theater:hover{color:#f4e5cb;background:#394354}
.scenario-theater.active{background:#53432d;color:#ffe0a7;border-color:#a78855}
.scenario-index{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:2px 9px 14px;scrollbar-width:thin;scrollbar-color:#7a6550 #151c26;overscroll-behavior:contain}
.scenario-catalog-section{margin:0 0 8px}
.scenario-catalog-group{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 10px 7px;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.07em;color:#d1b688;text-transform:uppercase}
.scenario-catalog-group span{color:#999c9e;font-weight:500;font-variant-numeric:tabular-nums}
.scenario-entry{display:flex;align-items:center;gap:7px;width:100%;min-width:0;background:transparent;border:0;border-left:3px solid transparent;border-radius:0;padding:10px 8px;text-align:left;box-shadow:none}
.scenario-entry:hover{background:#2a3643;border-left-color:#75695b}
.scenario-entry.active{background:#3f3740;border-left-color:#e7bb76}
.scenario-entry-marker{flex:0 0 12px;align-self:center;color:#a48d69;font-size:10px}
.scenario-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.scenario-entry-copy strong{font:600 12px/1.25 system-ui,Arial,sans-serif;color:#e3e6e6;overflow-wrap:break-word}
.scenario-entry.active .scenario-entry-copy strong{color:#fff1d2}
.scenario-entry-copy small{color:#a5adb3;font:10px/1.3 system-ui,sans-serif}
.scenario-entry-tail{color:#b1aa99;font-size:15px}
.scenario-catalog-empty{padding:20px 12px;color:#aeb8c0;font:12px/1.6 system-ui,sans-serif}
.scenario-stage{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.scenario-operation-header{flex:0 0 auto;min-width:0;padding:17px 20px 11px}
.scenario-operation-index{font:750 10px/1.3 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#b7ac9a}
.scenario-operation-slash{color:#6c7177;padding:0 5px}
.scenario-operation-header h2{font:700 clamp(27px,2.6vw,38px)/1.09 Georgia,serif;margin:8px 0 0;color:#f5ebe0;overflow-wrap:break-word}
.scenario-stage-body{flex:1 1 auto;min-height:0;min-width:0;display:grid;gap:0}
.scenario-map-side{display:flex;flex-direction:column;min-width:0;min-height:0}
.scenario-map-head{flex:0 0 auto;display:flex;justify-content:space-between;gap:12px;padding:9px 13px;background:#1a2631;font:800 10px/1.2 system-ui,sans-serif;letter-spacing:.08em;color:#b8c4cf}
.scenario-map-window{flex:1 1 auto;min-height:210px;min-width:0;position:relative;background:#0c2a3b;overflow:hidden}
.scenario-map-window canvas{display:block;width:100%;height:100%;background:#0b2837}
.scenario-map-legend{display:flex;flex:0 0 auto;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:10px 13px;color:#c7d1d4;background:#17232e;font:11px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.scenario-brief{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px 17px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7c6d58 transparent}
.scenario-brief h3{color:#f6eee2;font:700 22px/1.2 Georgia,serif;margin:5px 0 8px}
.scenario-brief h4{margin:13px 0 5px;color:#d9c39f;font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.scenario-brief p{font:12px/1.57 system-ui,sans-serif;color:#bac4cb;margin:0;overflow-wrap:break-word}
.scenario-brief-eyebrow{color:#d0b889;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.12em}
.scenario-brief-factions{min-width:0}
.scenario-side-grid{display:grid;gap:7px;margin-top:9px}
.scenario-side-option{min-width:0;display:flex;align-items:center;position:relative;gap:8px;min-height:65px;border:1px solid #56616a;border-radius:0;background:#252f3a;text-align:left;color:#ecedef;overflow:hidden;padding:5px 32px 5px 5px}
.scenario-side-option:hover{background:#36414d;border-color:#a39987}
.scenario-side-option.active{background:#3e3a38;border-color:#d5b47c}
.scenario-side-image{display:block;flex:0 0 53px;width:53px;height:57px;position:relative;overflow:hidden;background:#18212b}
.scenario-side-art{display:block;position:relative;width:100%;height:100%}
.scenario-side-art img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:saturate(.78) contrast(1.08)}
.scenario-side-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.scenario-side-name{color:#f5f1e9;font:700 12px/1.25 Georgia,serif;overflow-wrap:break-word}
.scenario-side-stats{font:10px/1.25 system-ui,sans-serif;color:#adb7be;font-variant-numeric:tabular-nums}
.scenario-side-flag{position:absolute;top:4px;right:5px;display:block;width:25px;height:19px;overflow:hidden;line-height:0}
.scenario-side-flag svg{width:100%;height:100%}
.scenario-side-mark{position:absolute;bottom:4px;right:8px;font:bold 14px system-ui;color:#e5c17e}
.scenario-library-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:17px;padding:12px 19px;min-height:76px}
.scenario-footer-saves{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px}
.scenario-save-notice{font:10px/1.4 system-ui,sans-serif;color:#a5b0b8}
.scenario-resume{display:flex;flex-direction:column;gap:2px;align-items:flex-start;background:#273b3a;border:1px solid #66887e;color:#d0eee0;border-radius:0;padding:7px 11px;max-width:440px;text-align:left}
.scenario-resume strong{font:700 11px/1.3 system-ui,sans-serif}
.scenario-resume small{color:#b1cec6;font:10px/1.3 system-ui,sans-serif}
.scenario-footer-launch{display:flex;gap:12px;align-items:flex-end;margin-left:auto;flex:0 0 auto}
.scenario-difficulty{display:flex;flex-direction:column;gap:5px}
.scenario-difficulty label{font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.06em;color:#cdbf9e}
.scenario-difficulty .select{min-width:135px;height:38px;background:#16212d;border:1px solid #71808b;color:#eef1f1;border-radius:0;font:12px system-ui,sans-serif}
.scenario-deploy{height:40px;min-width:165px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 17px;background:#d8b780;border:1px solid #f0d29c;color:#1a1918;font:800 12px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.025em;border-radius:0}
.scenario-deploy:hover{background:#f0d39f}
.scenario-deploy span{font-size:20px;line-height:1}
@media (max-width:1100px){.dialog.scenario-library{height:95dvh}.scenario-library-header{padding:16px 19px}.scenario-library-heading h1{font-size:30px}.scenario-workspace{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}.scenario-catalog-heading{padding:13px 12px 9px}.scenario-theaters{padding:3px 8px 9px}.scenario-search{padding:0 10px 10px}.scenario-index{padding-inline:4px}.scenario-operation-header{padding:13px 14px 10px}.scenario-operation-header h2{font-size:28px}.scenario-library-footer{padding:10px 13px}}
@media (max-width:760px){.overlay.scenario-library-overlay{padding:5px}.dialog.scenario-library{height:99dvh;max-height:99dvh}.scenario-library-header{min-height:74px;padding:12px 14px}.scenario-library-eyebrow{font-size:8px}.scenario-library-heading h1{font-size:26px;margin:3px 0}.scenario-library-heading p{display:none}.scenario-library-back{font-size:10px;padding:8px}.scenario-workspace{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.scenario-catalog{flex:0 0 auto;max-height:240px;overflow:hidden}.scenario-catalog-heading{padding:9px 12px 5px}.scenario-search{padding:0 10px 5px}.scenario-search input{height:32px}.scenario-search label{display:none}.scenario-theaters{flex-wrap:nowrap;overflow-x:auto;padding:3px 10px 7px}.scenario-theater{white-space:nowrap}.scenario-index{flex:1 1 auto;min-height:88px;max-height:106px;padding:0 8px 7px}.scenario-entry{padding:7px}.scenario-catalog-group{padding:8px 8px 5px}.scenario-stage{flex:0 0 auto;overflow:visible;min-height:0}.scenario-operation-header{padding:12px 13px 9px}.scenario-operation-header h2{font-size:26px}.scenario-stage-body{display:flex;flex-direction:column;min-height:0}.scenario-map-window{height:255px;min-height:255px;flex:0 0 auto}.scenario-map-head{padding:7px 10px}.scenario-map-legend{padding:8px 10px}.scenario-brief{overflow:visible}.scenario-library-footer{padding:9px 12px;flex-wrap:wrap;gap:8px;min-height:60px}.scenario-footer-saves{max-width:100%}.scenario-save-notice{display:none}.scenario-footer-launch{flex:1 1 auto;justify-content:space-between;width:100%}.scenario-deploy{min-width:145px;flex:1}.scenario-difficulty .select{min-width:110px}}
@media (prefers-reduced-motion: reduce){.scenario-library *,.scenario-library *::before,.scenario-library *::after{transition:none!important;animation:none!important}}

/* B — IMPERIAL WAR ARCHIVES: illustrated, archival, rich but disciplined. */
.dialog.scenario-library--archives{background:#151720;border:1px solid #a58a62}
.scenario-library--archives .scenario-library-header{background:linear-gradient(98deg,#211921,#2b1c26 60%,#171923);border-bottom:2px solid #b9945d}
.scenario-library--archives .scenario-library-heading h1{font-size:clamp(36px,3.15vw,49px);font-style:normal;color:#f6ecd9}
.scenario-library--archives .scenario-library-heading p{color:#d0c3b7}
.scenario-library--archives .scenario-library-eyebrow{color:#e6c88d}
.scenario-library--archives .scenario-workspace{grid-template-columns:minmax(260px,300px) minmax(0,1fr);background:#171b23}
.scenario-library--archives .scenario-catalog{background:#211d26;border-right:1px solid #665446}
.scenario-library--archives .scenario-catalog-heading{border-bottom:1px solid #554839}
.scenario-library--archives .scenario-catalog-heading strong{font-size:15px}
.scenario-library--archives .scenario-theaters{border-bottom:1px solid #51483f;gap:4px}
.scenario-library--archives .scenario-theater.active{background:#54412c;color:#ffe4b1}
.scenario-library--archives .scenario-search input{background:#15151e;border-color:#7b6858}
.scenario-library--archives .scenario-catalog-group{color:#c7aa7c;border-bottom:1px solid #68554150;margin:0 5px 4px;padding-top:15px}
.scenario-library--archives .scenario-entry{padding:10px 9px}
.scenario-library--archives .scenario-entry.active{background:linear-gradient(90deg,#4c3432,#2b2630);border-left-color:#d9b47f}
.scenario-library--archives .scenario-entry-copy strong{font:600 13px/1.25 Georgia,serif}
.scenario-library--archives .scenario-entry-copy small{color:#aba7a9}
.scenario-library--archives .scenario-stage{background:#151b25}
.scenario-library--archives .scenario-operation-header{padding:19px 24px 13px;border-bottom:1px solid #74614b52}
.scenario-library--archives .scenario-operation-index{color:#ceb082}
.scenario-library--archives .scenario-operation-header h2{font-size:clamp(30px,2.9vw,43px)}
.scenario-library--archives .scenario-stage-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1.35fr) minmax(192px,.87fr)}
.scenario-library--archives .scenario-map-side{margin:0 22px 0;background:#0a2635;border:1px solid #62594e}
.scenario-library--archives .scenario-map-head{background:#182b39;color:#d0c9b9;border-bottom:1px solid #4c6572}
.scenario-library--archives .scenario-map-window{min-height:190px}
.scenario-library--archives .scenario-map-legend{background:#1c2b39;color:#c1cbd0}
.scenario-library--archives .scenario-brief{display:grid;grid-template-columns: minmax(0,.93fr) minmax(0,1.15fr);gap:20px;padding:17px 22px 16px;background:#18202a;overflow-y:auto}
.scenario-library--archives .scenario-brief-text{padding-right:16px;border-right:1px solid #665a4a70}
.scenario-library--archives .scenario-brief h3{font-size:22px}
.scenario-library--archives .scenario-brief p{font-size:11px}
.scenario-library--archives .scenario-brief h4{margin-top:10px}
.scenario-library--archives .scenario-side-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.scenario-library--archives .scenario-side-option{min-height:90px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;padding:58px 7px 8px;background:#292a33;border-color:#5c5350}
.scenario-library--archives .scenario-side-option.active{background:#423734;border-color:#dfba79}
.scenario-library--archives .scenario-side-image{position:absolute;inset:0 auto 0 0;width:71px;height:100%;opacity:.8;z-index:0}
.scenario-library--archives .scenario-side-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#292a33 100%)}
.scenario-library--archives .scenario-side-option.active .scenario-side-image:after{background:linear-gradient(90deg,transparent 20%,#423734 100%)}
.scenario-library--archives .scenario-side-copy{z-index:1;position:relative}
.scenario-library--archives .scenario-side-name{font-size:13px;text-shadow:0 1px 6px #000}
.scenario-library--archives .scenario-side-stats{font-size:9px;color:#c0b9b3}
.scenario-library--archives .scenario-side-mark{z-index:2}
.scenario-library--archives .scenario-library-footer{background:#231d26;border-top:2px solid #947653}
.scenario-library--archives .scenario-deploy{background:#dcbb83;border-color:#f4dbaa}
.scenario-library--archives .scenario-deploy:hover{background:#efd19e}
@media(max-width:1250px){.scenario-library--archives .scenario-workspace{grid-template-columns:minmax(230px,265px) minmax(0,1fr)}.scenario-library--archives .scenario-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-library--archives .scenario-brief{gap:12px}.scenario-library--archives .scenario-side-option{padding-top:44px;min-height:83px}}
@media(max-width:950px){.scenario-library--archives .scenario-stage-body{grid-template-rows:minmax(185px,1fr) auto}.scenario-library--archives .scenario-brief{grid-template-columns:1fr;overflow-y:auto;gap:10px}.scenario-library--archives .scenario-brief-text{padding-right:0;border-right:0}.scenario-library--archives .scenario-brief h4{margin-top:6px}.scenario-library--archives .scenario-map-side{margin:0 12px}.scenario-library--archives .scenario-side-option{min-height:76px}}
@media(max-width:760px){.scenario-library--archives .scenario-workspace{display:flex}.scenario-library--archives .scenario-catalog{border-right:0;border-bottom:1px solid #665446}.scenario-library--archives .scenario-stage-body{display:flex}.scenario-library--archives .scenario-map-side{margin:0 10px}.scenario-library--archives .scenario-brief{display:flex;flex-direction:column;padding:15px 12px}.scenario-library--archives .scenario-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-library--archives .scenario-side-option{min-height:85px}.scenario-library--archives .scenario-library-footer{border-top:1px solid #947653}}


/* ==========================================================================
   COMBINED SCENARIO COMMAND: C's full-sized geographic stage plus B's
   three-across illustrated faction selection. No runtime preview renderer.
   ========================================================================== */
.overlay.scenario-library-overlay{padding:4px;overflow:hidden}
.dialog.scenario-library--combined{
  width:calc(100vw - 8px);
  max-width:none;
  height:calc(100dvh - 8px);
  max-height:none;
  background:#131a24;
  border:1px solid #697889;
  border-radius:0;
  box-shadow:0 18px 48px #0009
}
.scenario-library--combined .scenario-library-header{
  flex:0 0 88px;
  min-height:0;
  padding:13px clamp(15px,1.8vw,30px);
  background:#182634;
  border-bottom:1px solid #8e825f;
}
.scenario-library--combined .scenario-library-eyebrow{
  font-size:10px;
  letter-spacing:.17em;
  color:#dfbf85
}
.scenario-library--combined .scenario-library-heading h1{
  font-size:clamp(29px,2.8vw,42px);
  margin:2px 0 3px;
  letter-spacing:-.025em
}
.scenario-library--combined .scenario-library-heading p{font-size:11px}
.scenario-library--combined .scenario-library-back{
  background:#222f3c;border-color:#817359;color:#e8d6b7
}
.scenario-library--combined .scenario-workspace{
  grid-template-columns:clamp(247px,21vw,318px) minmax(0,1fr);
  background:#141f2a;
}
.scenario-library--combined .scenario-catalog{
  background:#162331;
  border-right:1px solid #576775
}
.scenario-library--combined .scenario-catalog-heading{padding:12px 14px 8px}
.scenario-library--combined .scenario-catalog-heading strong{
  font:700 12px/1.35 Georgia,serif;
  color:#e0c79d
}
.scenario-library--combined .scenario-search{padding:0 12px 8px}
.scenario-library--combined .scenario-search input{height:34px}
.scenario-library--combined .scenario-theaters{
  padding:2px 11px 8px;gap:3px
}
.scenario-library--combined .scenario-theater{
  padding:5px 7px;
  font-size:10px;
  background:#253344;
  border:0
}
.scenario-library--combined .scenario-theater.active{
  background:#7c6c53;
  color:#fff1d2
}
.scenario-library--combined .scenario-index{padding:0 5px 11px}
.scenario-library--combined .scenario-catalog-group{
  color:#d8bd88;
  padding:9px 8px 5px
}
.scenario-library--combined .scenario-entry{padding:9px 7px}
.scenario-library--combined .scenario-entry.active{
  background:#344857;
  border-left:3px solid #e3bd80
}
.scenario-library--combined .scenario-entry:hover{
  background:#2a3b4b
}
.scenario-library--combined .scenario-entry-copy strong{
  font-size:12px
}
.scenario-library--combined .scenario-entry-copy small{
  font-size:10px
}
.scenario-library--combined .scenario-stage{background:#172432}
.scenario-library--combined .scenario-operation-header{
  flex:0 0 auto;
  padding:13px clamp(15px,1.65vw,25px) 11px;
  background:#162330;
  border-bottom:1px solid #526775
}
.scenario-library--combined .scenario-operation-index{color:#cbb894}
.scenario-library--combined .scenario-operation-header h2{
  margin:5px 0 0;
  font:700 clamp(27px,2.5vw,39px)/1.12 Georgia,serif;
  color:#f5eddf
}
.scenario-library--combined .scenario-stage-body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  min-width:0
}
.scenario-library--combined .scenario-map-side{
  flex:1 1 auto;
  min-height:205px;
  margin:0;
  border:0;
  background:#0c2a3a
}
.scenario-library--combined .scenario-map-head{
  flex:0 0 28px;
  padding:7px 14px;
  background:#203241;
  border:0;
  color:#d9d5cb
}
.scenario-library--combined .scenario-map-window{
  flex:1 1 auto;
  display:flex;
  align-items:stretch;
  justify-content:center;
  min-height:170px;
  background:#0d2b40;
  overflow:hidden
}
.scenario-library--combined .scenario-preview-image{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  image-rendering:auto
}
.scenario-library--combined .scenario-map-unavailable{
  align-self:center;
  margin:auto;
  font:13px/1.5 system-ui,sans-serif;
  color:#c5cdd4;
  padding:20px
}
.scenario-library--combined .scenario-map-legend{
  flex:0 0 29px;
  padding:7px 14px;
  background:#203241;
  color:#c5d0d7;
  border-top:1px solid #4c6274
}
.scenario-library--combined .scenario-brief{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  gap:10px;
  min-height:0;
  max-height:min(33vh,240px);
  overflow-y:auto;
  background:#17212d;
  padding:11px clamp(13px,1.6vw,23px) 14px;
  border-top:1px solid #8d7656
}
.scenario-library--combined .scenario-brief-text{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  min-width:0;
  gap:13px
}
.scenario-library--combined .scenario-brief-eyebrow{
  flex:0 0 auto;
  color:#d5b67f;
  font:750 10px/1.35 system-ui,sans-serif;
  letter-spacing:.12em
}
.scenario-library--combined .scenario-brief-text>p{
  flex:1 1 auto;
  min-width:0;
  font:11px/1.45 system-ui,sans-serif;
  color:#bcc5cd;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.scenario-library--combined .scenario-diplomacy-details{
  flex:0 0 auto;
  position:relative;
  font:10px system-ui,sans-serif;
  color:#d4be98
}
.scenario-library--combined .scenario-diplomacy-details summary{
  cursor:pointer;
  list-style:inside;
  white-space:nowrap
}
.scenario-library--combined .scenario-diplomacy-details[open]{
  position:absolute;
  right:20px;
  bottom:165px;
  z-index:3;
  max-width:min(440px,58vw);
  padding:12px;
  border:1px solid #8b785f;
  background:#242d36;
  box-shadow:0 9px 30px #000b
}
.scenario-library--combined .scenario-diplomacy-details p{
  white-space:normal;
  margin-top:7px
}
.scenario-library--combined .scenario-brief-factions{
  flex:0 0 auto;
  min-width:0
}
.scenario-library--combined .scenario-side-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:7px
}
/* Two-power wars share the row evenly; three-power wars show three cards. */
.scenario-library--combined .scenario-side-grid:has(> .scenario-side-option:nth-child(2):last-child){
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.scenario-library--combined .scenario-side-option{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
  height:94px;
  min-height:94px;
  min-width:0;
  padding:39px 11px 9px;
  position:relative;
  overflow:hidden;
  border:1px solid #596271;
  background:#282b36;
  text-align:left
}
.scenario-library--combined .scenario-side-option:hover{
  background:#373440;
  border-color:#bda57b
}
.scenario-library--combined .scenario-side-option.active{
  background:#443b38;
  border-color:#e5bd80;
  box-shadow:inset 0 -2px 0 #ddb879
}
.scenario-library--combined .scenario-side-image{
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  width:42%;
  height:100%;
  opacity:.78;
  background:#1c2330
}
.scenario-library--combined .scenario-side-image:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 24%,#282b36 100%)
}
.scenario-library--combined .scenario-side-option.active .scenario-side-image:after{
  background:linear-gradient(90deg,transparent 24%,#443b38 100%)
}
.scenario-library--combined .scenario-side-copy{
  flex:0 0 auto;
  min-width:0;
  position:relative;
  z-index:1;
  gap:3px
}
.scenario-library--combined .scenario-side-name{
  color:#fff4df;
  font:700 clamp(12px,1.15vw,17px)/1.15 Georgia,serif;
  text-shadow:0 1px 5px #000d
}
.scenario-library--combined .scenario-side-stats{
  font-size:10px;
  color:#dbd3c8;
  text-shadow:0 1px 3px #000b
}
.scenario-library--combined .scenario-side-flag{
  top:6px;right:7px;
  width:30px;height:22px;
  z-index:2
}
.scenario-library--combined .scenario-side-mark{
  z-index:3;
  right:9px;bottom:7px
}
.scenario-library--combined .scenario-library-footer{
  flex:0 0 66px;
  min-height:0;
  padding:8px clamp(12px,1.7vw,24px);
  background:#1c232e;
  border-top:2px solid #9b805c
}
.scenario-library--combined .scenario-deploy{
  height:40px;
  background:#d9ba82;
  color:#171b23
}
.scenario-library--combined .scenario-deploy:hover{background:#f2d6a4}
.scenario-library--combined .scenario-resume{padding:6px 10px}
@media(max-width:1080px){
 .scenario-library--combined .scenario-workspace{grid-template-columns:225px minmax(0,1fr)}
 .scenario-library--combined .scenario-side-option{height:88px;min-height:88px}
 .scenario-library--combined .scenario-brief{max-height:min(37vh,260px)}
 .scenario-library--combined .scenario-brief-text>p{font-size:10px}
}
@media(max-width:760px){
 .overlay.scenario-library-overlay{padding:3px}
 .dialog.scenario-library--combined{
   width:calc(100vw - 6px);
   height:calc(100dvh - 6px);
   max-height:none
 }
 .scenario-library--combined .scenario-library-header{flex:0 0 68px;padding:10px 12px}
 .scenario-library--combined .scenario-library-heading h1{font-size:25px}
 .scenario-library--combined .scenario-workspace{display:flex;flex-direction:column;overflow-y:auto}
 .scenario-library--combined .scenario-catalog{flex:0 0 auto;max-height:210px;border-right:0;border-bottom:1px solid #576775}
 .scenario-library--combined .scenario-catalog-heading{padding:7px 10px 5px}
 .scenario-library--combined .scenario-search{padding:0 9px 5px}
 .scenario-library--combined .scenario-theaters{flex-wrap:nowrap;overflow-x:auto;padding:2px 9px 7px}
 .scenario-library--combined .scenario-theater{white-space:nowrap}
 .scenario-library--combined .scenario-index{max-height:89px}
 .scenario-library--combined .scenario-stage{flex:0 0 auto;overflow:visible}
 .scenario-library--combined .scenario-operation-header{padding:10px 12px}
 .scenario-library--combined .scenario-operation-header h2{font-size:24px}
 .scenario-library--combined .scenario-stage-body{display:flex}
 .scenario-library--combined .scenario-map-side{min-height:0;flex:0 0 auto}
 .scenario-library--combined .scenario-map-window{height:245px;min-height:245px}
 .scenario-library--combined .scenario-map-legend{padding:7px 9px}
 .scenario-library--combined .scenario-brief{max-height:none;overflow:visible;padding:11px 10px}
 .scenario-library--combined .scenario-brief-text{flex-wrap:wrap;gap:4px 9px}
 .scenario-library--combined .scenario-brief-text>p{white-space:normal;flex-basis:100%}
 .scenario-library--combined .scenario-side-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .scenario-library--combined .scenario-side-option{height:95px;min-height:95px;padding:44px 5px 5px}
 .scenario-library--combined .scenario-side-name{font-size:11px}
 .scenario-library--combined .scenario-side-stats{font-size:9px}
 .scenario-library--combined .scenario-side-flag{width:22px;height:16px}
 .scenario-library--combined .scenario-library-footer{flex:0 0 auto;min-height:70px;padding:7px 10px;gap:5px}
 .scenario-library--combined .scenario-save-notice{display:none}
 .scenario-library--combined .scenario-resume strong{font-size:10px}
 .scenario-library--combined .scenario-difficulty .select{min-width:106px}
 .scenario-library--combined .scenario-deploy{min-width:130px}
}