/* Give the regular map more space; fullscreen devotes the viewport to it. */
main{max-width:none;padding-left:24px;padding-right:24px}
.workspace{grid-template-columns:250px minmax(400px,1fr) 260px}
#mapwrap{min-height:600px;height:72vh;flex:none}
.opsbar>div{flex-wrap:wrap;justify-content:flex-end}
#battleFullscreen{background:#b8d57b;color:#172313;border-color:#b8d57b;font-weight:700}
.viewoptions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;background:#0e1b23;border-bottom:1px solid #263c48;color:#809aa8;font-size:9px}
.viewoptions label{display:flex;align-items:center;gap:6px;cursor:pointer;color:#adc3cf}
.viewoptions input{accent-color:#b8d57b;margin:0;width:12px;height:12px}
.viewoptions>span{font-size:8px;color:#607e8d}
.hide-normal-tactical>.tacticalpanel{display:none}
body.battle-wide{overflow:hidden}
.battle-wide>header,.battle-wide main>.intro,.battle-wide main>footer,.battle-wide .sidebar,.battle-wide .intel{display:none}
.battle-wide main{padding:0;max-width:none}
.battle-wide .workspace{display:block;border:0;border-radius:0;min-height:0}
.battle-wide .theater{position:fixed;inset:0;z-index:50;width:100%;height:100dvh;display:flex;flex-direction:column;border:0;background:#0a141b}
.battle-wide .mapheader{height:42px;min-height:42px;padding:0 20px;font-size:12px}
.battle-wide #scenarioLabel{display:inline;font-size:11px}
.battle-wide .mapheader b{font-size:12px}
.battle-wide .mapheader .mono{font-size:12px}
.battle-wide .opsbar{min-height:43px;padding:6px 18px;flex-shrink:0}
.battle-wide .opsbar>span{font-size:11px}
.battle-wide .opsbar button{font-size:11px;padding:7px 12px}
.battle-wide .viewoptions{min-height:28px;flex-shrink:0;padding:5px 20px}
.battle-wide #mapwrap{height:auto;min-height:0;flex:1}
.battle-wide .timeline{min-height:34px;height:34px;flex-shrink:0}
.battle-wide .controls{min-height:66px;padding:10px 20px;flex-shrink:0;gap:15px}
.battle-wide .controls select{font-size:12px;min-width:220px}
.battle-wide .controls .speed>span{display:inline}
.battle-wide .controls .speed button{font-size:12px;padding:9px 13px}
.battle-wide .controls .start{font-size:13px;min-width:170px}
.battle-wide .maptitle h3{font-size:17px}
.battle-wide .maptitle small{font-size:10px}
.battle-wide .zoomtools button{height:38px;width:38px;font-size:24px}
.battle-wide .legend{font-size:11px;padding:10px 14px}
.battle-wide .mapcoords{font-size:10px}
.battle-wide .theater>.tacticalpanel{display:none}
.battle-wide .theater.show-tactical-inset>.tacticalpanel{display:block;position:absolute;right:20px;bottom:124px;width:min(480px,44vw);border:1px solid #4b6b7b;border-radius:6px;overflow:hidden;box-shadow:0 8px 36px #0009;z-index:3}
.battle-wide .tacticalwrap{height:250px}
.battle-wide .tacticalhead small{max-width:180px}
.battle-wide #toast{z-index:100}
@media(min-width:1700px){.workspace{grid-template-columns:270px minmax(500px,1fr) 290px}#mapwrap{min-height:700px}}
@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr)}.intel{grid-column:1/-1}main{padding-left:16px;padding-right:16px}#mapwrap{min-height:580px}}
@media(max-width:680px){main{padding:20px 10px}.workspace{display:flex}#mapwrap{min-height:540px;height:70vh}.opsbar{gap:8px}.opsbar>div{gap:5px}.opsbar button{padding:7px 8px}.viewoptions{padding:8px 10px}.viewoptions>span{display:none}.battle-wide .mapheader{padding:0 10px;min-height:36px;height:36px}.battle-wide .mapheader .mono{font-size:9px}.battle-wide #scenarioLabel{display:none}.battle-wide .opsbar{padding:7px 10px;gap:5px}.battle-wide .opsbar>span{display:none}.battle-wide .opsbar>div{width:100%;justify-content:flex-end}.battle-wide .opsbar button{font-size:9px;padding:6px}.battle-wide .viewoptions{min-height:26px;padding:5px 10px}.battle-wide .controls{padding:8px 10px;gap:6px;min-height:60px}.battle-wide .controls select{font-size:10px;min-width:0;max-width:150px}.battle-wide .controls .speed>span{display:none}.battle-wide .controls .speed button{padding:6px;font-size:10px}.battle-wide .controls .start{font-size:11px;min-width:120px;padding:10px}.battle-wide .maptitle h3{font-size:13px}.battle-wide .maptitle small{font-size:8px}.battle-wide .legend{font-size:8px;padding:7px;gap:9px}.battle-wide .theater.show-tactical-inset>.tacticalpanel{right:10px;bottom:144px;width:calc(100% - 20px);max-height:40vh}.battle-wide .tacticalwrap{height:180px}}
@media(max-height:560px) and (min-width:681px){.battle-wide .viewoptions{display:none}.battle-wide .mapheader{height:32px;min-height:32px}.battle-wide .opsbar{min-height:34px;padding:4px 12px}.battle-wide .opsbar button{padding:4px 8px}.battle-wide .controls{min-height:52px;padding:6px 14px}.battle-wide .theater.show-tactical-inset>.tacticalpanel{bottom:96px}.battle-wide .tacticalwrap{height:150px}}