/* Keep purchased support units in a compact corner, separate from disasters. */
.support-dock{display:flex;justify-content:flex-end;gap:4px;padding:5px 10px;background:transparent;pointer-events:none}
.support-tile{--support-color:#99c7a8;flex:0 0 54px;width:54px;height:54px;min-height:54px;padding:4px 3px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;border:1px solid #a7c5b275;border-radius:5px;background:#13251fed;color:#f1f1dd;box-shadow:0 2px 5px #0005;pointer-events:auto;touch-action:manipulation;font-size:10px;line-height:1.1;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}
.support-tile:disabled{opacity:.76;cursor:default}
.support-tile:active:not(:disabled){background:#496447;transform:none}
.support-name{font-size:10px;font-weight:750}
.support-value{font-size:9px;color:#d5e3d6}
.support-action{font-size:9px;color:#f0ca88}
.support-meter{height:3px;background:#7a897852;border-radius:1px;overflow:hidden}
.support-meter i{display:block;height:100%;background:var(--support-color)}
.support-low{--support-color:#ee9475;border-color:#e09d74}
.support-down{--support-color:#89998d;border-style:dashed}
.retreat-scene .support-dock{display:none!important}
@media(orientation:landscape) and (max-height:600px){
 body.android-app .support-dock{position:absolute;z-index:5;top:calc(40px + var(--safe-t));right:max(10px,var(--safe-r));left:auto;width:max-content;max-width:calc(100% - 20px - var(--safe-l) - var(--safe-r));height:auto;gap:4px;padding:0;flex-wrap:nowrap;background:none}
 body.android-app .support-tile{flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:3px 2px;gap:2px}
 body.android-app .support-name{font-size:10px}
 body.android-app .support-value,body.android-app .support-action{font-size:9px}
 body.android-app .survival-bar{display:none;pointer-events:none}
 body.android-app .survival-bar.evacuate{display:block;top:calc(94px + var(--safe-t));left:max(10px,var(--safe-l));right:max(10px,var(--safe-r));min-height:0;height:auto;padding:0;background:none}
 body.android-app .survival-bar.evacuate small{position:static;width:max-content;max-width:100%;margin:0 auto;padding:5px 12px;border:1px solid #efb48788;border-radius:5px;background:#4b261ee8;font-size:11px}
 body.android-app #bossHUD{top:calc(43px + var(--safe-t));left:max(12px,var(--safe-l));right:calc(max(12px,var(--safe-r)) + var(--support-span,0px));width:auto;max-width:480px}
 body.android-app #bossName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.android-app #bossHint{flex-shrink:0}
}
@media(orientation:landscape) and (max-height:340px){
 body.android-app .support-dock{top:calc(35px + var(--safe-t))}
 body.android-app .survival-bar.evacuate{top:calc(87px + var(--safe-t))}
 body.android-app #bossHUD{top:calc(38px + var(--safe-t))}
}