#selectionStats{position:absolute;left:54px;right:104px;bottom:8px;max-width:440px;padding:7px 9px;background:#f7f7f7f2 url('paper-ui.png') center/cover;border:1px solid #222;pointer-events:none;z-index:5;display:grid;grid-template-columns:1fr auto;gap:3px 8px;color:#111}#selectionStats[hidden],#attackWarning[hidden]{display:none!important}#statsName{font-size:14px;line-height:1.2;grid-column:1/-1}#statsHealthText{font-size:12px;grid-column:1/-1}#statsHealth{grid-column:1/-1;width:100%;height:6px;margin:0;accent-color:#222}#statsValues{grid-column:1/-1;font-size:12px;line-height:1.35;margin:0}#statsNote{grid-column:1/-1;font-size:11px;line-height:1.25}#attackWarning{position:absolute;top:46px;right:8px;min-height:44px;max-width:210px;padding:6px 10px;background:#111;color:white;border:2px solid white;font-size:13px;z-index:8;box-shadow:0 0 0 1px #111}#game.has-stats #superFire{bottom:150px!important}#game.has-stats #notice{top:96px}@media(orientation:landscape){#selectionStats{max-width:370px;right:110px}#statsName{grid-column:1}#statsHealthText{grid-column:2}#attackWarning{top:8px;right:8px}}@media(max-width:360px){#selectionStats{left:8px;right:100px;bottom:54px}}
/* Keep contextual abilities and strategic controls reachable on every layout. */
#strategicSelector{position:absolute;left:8px;top:90px;z-index:7;display:flex;flex-direction:column;gap:4px;max-height:28%;overflow:auto;max-width:190px;pointer-events:auto}
#strategicSelector[hidden]{display:none}
#strategicSelector button{min-height:44px;padding:6px 9px;text-align:left;font-size:13px;background:#f5f5f5ed;border:1px solid #333}
#strategicSelector button[aria-pressed=true]{background:#222;color:#fff}
#selectionStats{left:8px;right:104px;max-height:55%;overflow:auto;overscroll-behavior:contain;pointer-events:auto;bottom:58px}
#fieldActions{gap:5px}#fieldActions button{flex:1;min-width:70px;white-space:normal}
#game.has-stats #superFire{bottom:8px!important;left:160px}
.field-tools{display:flex;flex-direction:row;left:8px;bottom:8px}.field-tools button{width:44px;min-height:44px}
#zoomIn,#zoomOut{display:block}
#superFire{left:204px!important;max-width:140px}
.wave{display:block!important;background:#f7f7f7dd;max-width:170px}.wave strong{display:none}.wave button{min-height:36px}.mission{max-width:calc(100% - 190px)}
#panel .orders #hint{display:block!important}
@media(max-width:600px){.resources{gap:8px}.resources div:nth-child(3){display:block}.resources small{font-size:9px}.resources strong{font-size:13px}header .wordmark{font-size:17px!important}#selectionStats{max-width:none;right:104px;font-size:12px}#statsValues{font-size:11px}.mission{max-width:50%}.mission h1{font-size:16px}.wave{max-width:135px}.wave span{font-size:9px}#strategicSelector{top:100px;max-width:150px;max-height:24%}#superFire{max-width:116px}.field-tools{gap:0}.field-tools button{width:40px;min-height:44px}#superFire{left:174px!important}}
@media(orientation:landscape) and (max-height:500px){#selectionStats{left:auto;right:104px;bottom:58px;max-width:340px;max-height:70%}#strategicSelector{top:8px;max-height:70%}.wave{display:none!important}}
/* Make mission orders share the viewport with the map rather than fall below it. */
#campaignDialog .screen-panel-body{height:0;min-height:0;flex:1}
@media(orientation:portrait){#campaignDialog .screen-panel-body{grid-template-rows:minmax(0,46%) minmax(0,54%)!important}.atlas-sidebar>label{display:flex!important;flex-wrap:wrap}.atlas-sidebar select{max-width:100%;min-width:0;flex:1}}
#notice,#game.has-stats #notice{top:50px;z-index:8}
#campaignDialog{background-color:#eeeeee;background-image:url('paper-ui.png')}