/* Map-focused viewport mode; the existing controls keep their state and events. */
body.bigscreen {overflow:hidden}
body.bigscreen .masthead,
body.bigscreen .result-overview,
body.bigscreen .details,
body.bigscreen .person-panel,
body.bigscreen .area-list,
body.bigscreen footer {display:none}
body.bigscreen main {position:fixed;inset:0;max-width:none;height:100dvh;padding:0;display:flex;flex-direction:column}
body.bigscreen main>.banner {flex:none;margin:0;border-radius:0;padding:6px 12px}
body.bigscreen .workspace {display:flex;flex:1;min-height:0;margin:0}
body.bigscreen .map-panel {display:flex;flex-direction:column;width:100%;height:100%;min-height:0!important;border:0;border-radius:0}
body.bigscreen .map-panel .controls {flex:none;grid-template-columns:112px minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr) auto;padding:8px 12px;gap:8px 12px;align-items:end}
body.bigscreen .map-panel .elections {grid-column:auto;grid-row:auto}
body.bigscreen .map-panel .elections button {padding:8px 12px}
body.bigscreen .map-panel .map-top {flex:none;padding:6px 12px;gap:10px}
body.bigscreen .map-panel .map-stage {flex:1;min-height:0}
body.bigscreen .map-stage #map {height:100%;min-height:0!important}
body.bigscreen .map-panel .map-footer {flex:none;padding:6px 12px;grid-template-columns:1fr 210px}
body.bigscreen #map-help {display:none}
body.bigscreen .map-panel .map-legend {grid-row:1}
body.bigscreen .map-name {font-size:15px}
@media(max-width:950px) {
  body.bigscreen .map-panel .controls {grid-template-columns:112px repeat(3,minmax(0,1fr))}
  body.bigscreen .map-panel .elections {grid-column:1/-1;grid-row:2;width:auto}
  body.bigscreen .map-subtitle {display:none}
}
@media(max-width:600px) {
  body.bigscreen .map-panel .controls {grid-template-columns:1fr 1fr;gap:5px 10px}
  body.bigscreen .map-panel .controls label {min-width:0;max-width:none}
  body.bigscreen .map-panel .controls select {font-size:14px;padding-block:5px}
  body.bigscreen .map-panel .elections {grid-row:3}
  body.bigscreen .map-panel .map-top {flex-wrap:wrap}
  body.bigscreen .map-panel .map-top>div {max-width:none}
  body.bigscreen .map-panel .map-navigation {gap:5px;justify-content:flex-start}
  body.bigscreen .map-button {font-size:12px;padding:7px 9px}
  body.bigscreen .map-panel .map-footer {grid-template-columns:1fr 150px;gap:6px}
}