#attackStatus{position:relative;flex:none;z-index:2;margin:5px 12px;padding:8px 12px;background:#192d30;border-left:3px solid #d5b36c;color:#f0dfb8;font:12px/1.4 system-ui,sans-serif}
#attackStatus[hidden],.start-screen-active #attackStatus{display:none}
#attackStatus strong{font-size:13px;letter-spacing:.03em}
#attackStatus small{display:block;color:#b9ccc1;font-size:11px;margin-top:2px}
#attackStatus[data-phase=attacking]{border-color:#dc785f;background:#302625}
@media(max-width:1099px){
 #attackStatus{margin:4px 8px;padding:6px 9px}
 #attackStatus strong{font-size:11px}
 #attackStatus small{font-size:10px}
 body.hideout-battle-active #roster,body.hideout-battle-active #right,body.hideout-battle-active .camp-heading,body.hideout-battle-active #topbar .stat,body.hideout-battle-active #aiCredits{display:none!important}
 body.hideout-battle-active #topbar{padding:5px 8px;gap:5px}
 body.hideout-battle-active #topbar .title{font-size:10px}
 body.hideout-battle-active #controls{flex:1 1 100%;width:100%;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
 body.hideout-battle-active #controls button{flex-shrink:0;white-space:nowrap}
 body.hideout-battle-active #btnPause{order:-2}
 body.hideout-battle-active #btnMap{order:-1}
 body.hideout-battle-active #main{position:fixed;inset:var(--attack-status-bottom,140px) 0 236px;display:block}
 body.hideout-battle-active #left{height:100%;min-height:0}
 body.hideout-battle-active #canvasWrap{height:100%}
 body.hideout-battle-active .camp-tools{bottom:4px}
}