/* The same geographical information at two scales. */
.dual-map-panel { min-width:0; background:#24392f; border:1px solid #c7b79140; }
.perspective-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; border-bottom:1px solid #b8ad8438; }
.perspective-bar > div { display:flex; gap:6px; }
.perspective-bar button { min-height:44px; padding:9px 14px; background:transparent; border:1px solid #a5ab8055; color:#e9dfc4; font-size:14px; }
.perspective-bar button[aria-pressed="true"] { background:#dbca9f; color:#26372c; border-color:#dbca9f; font-weight:700; }
.strategic-host .battle-map { position:relative; inset:auto; transform:none; width:100%; max-width:none; margin:0; border:0; box-shadow:none; background:#1e2624; }
.strategic-host #expandMapButton { display:none; }
.strategic-host .map-heading { padding:14px 18px; }
.strategic-host .map-heading b { font-size:16px; }
.strategic-host .map-heading small,.strategic-host .map-legend { font-size:12px; }
.strategic-host .map-canvas { width:100%; max-height:690px; aspect-ratio:150 / 110; }
.map-local-frame { fill:#c7a56008; stroke:#d5b26d; stroke-width:.35; stroke-dasharray:1.8 1.2; pointer-events:none; }
.force-marker.is-selected .force-halo { stroke:#ffdf92; stroke-width:.6; fill:#d6b46938; }
.strategic-host .map-tooltip { width:min(370px,calc(100% - 24px)); max-height:270px; padding:14px; }
.strategic-host .map-tooltip dd { font:13px/1.65 var(--sans); }
.strategic-host .map-tooltip dt { font-size:11px; }
.strategic-host .map-tooltip-head b { font-size:15px; }
.strategic-host .map-tooltip-head button { min-width:36px; min-height:36px; }
.dual-map-note,.model-boundary { padding:10px 16px; margin:0; font-size:12px; line-height:1.75; color:#d7dcc6; }
.model-boundary { border-top:1px solid #b8ad842b; color:#b7c1ac; }
.force-room { background:#e6dfcd; color:var(--desk-ink); padding:22px; margin-top:16px; border-top:3px solid #b69a64; }
.force-room > header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }
.force-room h2 { font:700 24px var(--serif); margin:8px 0; }
.force-room header > span { max-width:420px; color:#625c4e; font-size:12px; line-height:1.7; }
.force-room-body { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; }
.force-roster { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; align-content:start; }
.force-card { display:flex; flex-direction:column; gap:7px; text-align:left; padding:14px; background:#f2ecdd; border:1px solid #b2a27e80; border-left:4px solid #567b92; color:#323b34; min-height:116px; }
.force-card.red { border-left-color:#a04431; }
.force-card b { font-size:15px; }.force-card span { font:13px/1.6 var(--sans); }.force-card small { font-size:12px; color:#675e4c; }
.force-card[aria-pressed="true"] { background:#fff8e5; outline:2px solid #9b7039; outline-offset:-2px; }
.force-dossier { padding:20px; background:#d5cdb5; min-width:0; border:1px solid #b6a987; }
.force-dossier h3 { font:700 23px/1.5 var(--serif); margin:8px 0 14px; }
.force-dossier dl { margin:0; }.force-dossier dl > div { display:grid; grid-template-columns:78px minmax(0,1fr); gap:12px; padding:10px 0; border-bottom:1px solid #a9987055; }
.force-dossier dt { color:#6d5836; font-size:12px; }.force-dossier dd { margin:0; font-size:15px; line-height:1.7; }
.force-dossier details { margin-top:18px; }.force-dossier summary,.movement-list summary,.stage-context summary { cursor:pointer; font-size:13px; line-height:1.8; padding:10px 0; }
.force-dossier details p,.movement-list li,.stage-context p { font-size:14px; line-height:1.9; }
.movement-list { margin-top:14px; border-top:1px solid #ac997555; }
.local-force-keys { display:flex; flex-wrap:wrap; gap:8px; padding:12px; border-top:1px solid #ac997533; }
.local-force-keys button { color:#ded9bd; background:#2b4237; border:1px solid #aeb99744; padding:10px; min-height:44px; font-size:12px; }
.local-force-keys i { display:inline-block; width:8px; height:8px; margin-right:7px; background:#8cafcb; }.local-force-keys i.red { background:#eb8263; }
.local-fallback { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px; color:#344237; text-align:center; line-height:1.8; }
.local-fallback button { min-height:44px; padding:10px 16px; }
.has-diorama .local-fallback { display:none; }
.desk-map:not(.has-diorama) .desk-location { display:none; }
.battlefield-labels { position:absolute; inset:0; pointer-events:none; }
.battlefield-labels > * { position:absolute; transform:translate(-50%,-50%); white-space:nowrap; }
.battlefield-force { pointer-events:auto; min-height:36px; padding:7px 9px; font:600 12px var(--sans); color:#e8f1f1; background:#304957ed; border:1px solid #b4d2e0; border-radius:2px; box-shadow:0 2px 10px #10251d80; }
.battlefield-force.red { background:#7c3528ee; border-color:#e1a57e; color:#ffe8ce; }
.battlefield-force[aria-pressed="true"] { outline:2px solid #ffe49d; outline-offset:2px; }
.battlefield-place { color:#f0ebc9; font:12px var(--serif); text-shadow:0 1px 3px #000,0 0 4px #000; }
.battlefield-place.north { font:700 17px var(--sans); color:#ffe2a3; }
.battlefield-order { background:#e3c582; color:#302e20; padding:5px 8px; font-size:12px; }
.desk-map[data-renderer="fallback"] .battlefield-labels { display:none; }
.desk-location[aria-pressed="false"] { display:none; }
.stage-context { margin-top:16px; padding:12px 22px; color:#d8dfc9; border:1px solid #a7b38a44; }
.stage-context p { max-width:1000px; }
.desk-map-dialog { width:min(1300px,calc(100vw - 24px)); }
.desk-zoom-host .strategic-host { width:min(100%,1050px); margin:auto; }
.desk-zoom-host .strategic-host .map-canvas { max-height:none; }
.command-screen [hidden] { display:none !important; }
.command-screen button:focus-visible,.command-screen summary:focus-visible { outline:3px solid #ce9a46; outline-offset:3px; }
@media(max-width:1000px) { .desk-layout { grid-template-columns:1fr; }.desk-intel-panel .desk-telegram { max-width:850px; }.force-room-body { grid-template-columns:1fr 1fr; } }
@media(max-width:760px) {
  .perspective-bar { padding:8px; gap:6px; }.perspective-bar button { padding:8px; font-size:12px; }
  .force-room { padding:16px 12px; }.force-room > header { display:block; }.force-room h2 { font-size:23px; }.force-room-body { grid-template-columns:1fr; }
  .force-roster { grid-template-columns:1fr; }.force-card { min-height:auto; }.force-dossier { padding:16px; }
  .strategic-host .map-canvas { min-height:260px; }.strategic-host .map-tooltip { position:relative; inset:auto; transform:none!important; width:100%; max-height:260px; }
  .strategic-host .map-canvas:has(.map-tooltip:not([hidden])) { aspect-ratio:auto; }.strategic-host .map-canvas svg { aspect-ratio:150/110; height:auto; }
  .strategic-host .map-heading small { display:none; }.strategic-host .map-legend { font-size:10px; }
  .battlefield-force { font-size:10px; padding:6px; min-height:36px; }.battlefield-place { font-size:10px; }
  .desk-map.has-diorama { height:480px; }.desk-header { flex-wrap:wrap; }.desk-dateline { order:3; width:100%; text-align:left; }
  .desk-zoom-host .strategic-host { min-width:700px; }.desk-map-dialog header p { display:none; }
}

.desk-brand { background:transparent; border:0; padding:0; text-align:left; }
.battlefield-readout { position:absolute; bottom:18px; left:18px; width:min(340px,45%); color:#eee5c9; background:#172e24ed; border-left:3px solid #d4b477; padding:10px 12px; display:grid; gap:6px; font:12px/1.6 var(--sans); pointer-events:none; }
.battlefield-readout b { font-size:13px; }.desk-map:not(.has-diorama) .battlefield-readout { display:none; }
.stage-image { display:block; width:min(100%,900px); max-height:450px; object-fit:contain; object-position:left; margin:14px 0; }
@media(max-width:760px) { .battlefield-readout { bottom:104px; left:10px; width:calc(100% - 20px); font-size:11px; }.desk-dateline { display:block; }.desk-map.has-diorama { height:440px; min-height:440px; } }

.battlefield-leaders { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.7; }
.battlefield-leaders line { stroke-width:1; }
.desk-map:not(.has-diorama) .battlefield-leaders { display:none; }

.desk-intel-gate { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:18px 0 8px; padding:16px; background:#f9edcc; border:1px solid #b79854; }
.desk-intel-gate p { margin:0; font-size:14px; line-height:1.7; }.desk-intel-gate p span { display:block; margin-top:5px; color:#655434; }.desk-intel-gate button { flex-shrink:0; }
.desk-planning-reports { border-bottom:1px solid #a9987466; padding:12px 0; }.desk-planning-reports summary { cursor:pointer; font-size:14px; padding:10px 0; }.desk-planning-reports article { max-width:960px; padding:12px 16px; margin:10px 0; background:#f5eedc; }.desk-planning-reports article p { font-size:15px; line-height:1.8; }
@media(max-width:760px) { .desk-intel-gate { flex-direction:column; align-items:stretch; gap:12px; }.desk-intel-gate button { width:100%; } }