/* Compact battle controls: one shared visual-opacity value, independent touch areas. */
.creditToken{width:1.05em;height:1.05em;vertical-align:-.12em;margin-right:.3em;object-fit:contain}.moneyBox #moneyText{display:inline-block}.moneyBox>.creditToken{width:20px;height:20px;margin-right:5px}
#floatZone{display:none;position:absolute;left:0;top:76px;width:50%;bottom:0;pointer-events:auto;touch-action:none}.left-handed #floatZone{left:auto;right:0}
html[data-controls=drag][data-floating=true] #floatZone{display:block}html[data-controls=drag][data-floating=true] #aimStick:not(.gesture){visibility:hidden}
#fireBtn{right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);min-height:0;min-width:0!important;box-sizing:border-box}
html #fireBtn,html #fireBtn.pressed,html #aimStick{opacity:var(--control-opacity)!important}html #fireBtn.pressed{background:#98bf66c9;box-shadow:0 0 0 4px #b5d58b77}
.compact-ui #tools,.compact-ui:is([data-controls=drag],[data-controls=lead],[data-controls=stick]) #tools{left:calc(var(--stick-size) + 24px);right:164px;bottom:max(10px,env(safe-area-inset-bottom));max-width:none;width:auto;display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;gap:4px;z-index:4;pointer-events:none}
.compact-ui.left-handed #tools,.compact-ui.left-handed:is([data-controls=drag],[data-controls=lead],[data-controls=stick]) #tools{left:164px;right:calc(var(--stick-size) + 24px)}
.compact-ui #tools .hudAction{pointer-events:auto;position:relative;min-width:38px;max-width:56px;flex:0 1 56px;width:56px;height:60px;min-height:60px;padding:3px 4px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;white-space:nowrap;background:#102c35d9;opacity:var(--control-opacity)!important;box-shadow:inset 0 0 0 1px #64724888;touch-action:manipulation}
.compact-ui #tools .hudAction.noEquipment{display:none}.compact-ui #tools .hudAction:hover,.compact-ui #tools .hudAction:active{opacity:var(--control-opacity)!important}
.hudArt{width:100%;height:34px;object-fit:contain;pointer-events:none}.compact-ui #tools .hudAction .hudCount{display:block;font-size:13px;line-height:17px;color:#f4edce;font-weight:bold;pointer-events:none}.compact-ui #tools .hudAction .hudTimer{position:absolute;right:-1px;top:-9px;border:1px solid #b1cf7d;border-radius:3px;padding:1px 3px;background:#223d32;color:#f3f7ce;font-size:9px;line-height:12px;pointer-events:none}
.compact-ui #tools .hudAction:disabled:not(.coatingActive) .hudArt{filter:grayscale(1);opacity:.5}.compact-ui #tools .hudAction:disabled:not(.coatingActive) .hudCount{color:#aab9a7}.compact-ui #tools .hudAction.coatingActive{border-color:#e6f798;box-shadow:inset 0 0 0 2px #9fce58}
.compact-ui #tools #pauseBtn.hudAction{position:fixed;top:max(61px,calc(env(safe-area-inset-top) + 54px));left:max(9px,env(safe-area-inset-left));width:40px;height:36px;min-width:40px;min-height:36px;padding:3px;z-index:6;flex:none;opacity:var(--control-opacity)!important}.compact-ui #tools #pauseBtn .hudArt{width:25px;height:25px}.compact-ui #tools #pauseBtn .hudCount{display:none}
.controls-settings{display:flex;flex-direction:column;padding:0;gap:6px}.controlPages{display:flex;gap:6px;margin:4px 0}.controlPages button{flex:1;min-height:30px!important;padding:4px 9px!important;font-size:11px!important}.controlPage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px;align-content:start;padding:6px 0}.controlPage label{display:flex;flex-direction:column;gap:3px;font-size:12px}.controlPage label:has(input[type=checkbox]){flex-direction:row;align-items:center}.controlPage output{color:#d4e69e;font-size:11px}.controlPage select{max-width:100%;min-height:34px!important}.controlHint{grid-column:1/-1;font-size:11px!important;margin:3px 0}.controlPage>button{min-height:38px}.controlDialog>p{font-size:12px;line-height:1.3;margin:4px 0 8px}.controlPreview{position:relative;min-height:140px;max-height:62vh;width:100%;max-width:1050px;margin:auto;background:linear-gradient(#152b37aa,#10242d99),url('assets/high/aegis.webp') center/cover;border:1px solid #b49b5d;touch-action:none;overflow:hidden;flex:1;min-width:0}.previewTop{position:absolute;top:4%;left:5%;right:5%;height:12%;text-align:center;color:#c2d1b1;font-size:10px;border-bottom:1px solid #71947c}.previewPad{position:absolute;bottom:4%;left:3%;height:25%;aspect-ratio:1;display:grid;place-items:center;border:2px solid #c3b272;border-radius:50%;font-size:10px;color:#c6ddb5;background:#51775c88}.previewDock{position:absolute;bottom:4%;left:27%;right:27%;height:15%;border:1px dashed #bcba87;display:grid;place-items:center;font-size:9px;color:#d5ddbd}.previewFire{position:absolute;min-width:0!important;min-height:0!important;transform:translate(-50%,-50%);border-radius:50%;padding:0!important;display:grid;place-items:center;background:#82a861bb;color:#f4f5cc;border:2px solid #d5d48c;touch-action:none;font-size:11px!important;opacity:1!important}.previewLeft .previewPad{left:auto;right:3%}.controlDialog .dialog-actions{display:flex;gap:8px;flex-shrink:0}.controlDialog .dialog-actions .primary{margin-left:auto}
@media(max-height:380px){.compact-ui #tools .hudAction{height:53px;min-height:53px}.hudArt{height:28px}.compact-ui #tools #pauseBtn.hudAction{top:50px}.controlPage{gap:5px 12px;padding:2px 0}.controlPage label{font-size:10px}.controlPage input[type=range]{min-height:20px}.controlPreview{min-height:110px}.controlDialog h2{font-size:18px!important;margin:0!important}}

#controlBounds{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(72px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none;visibility:hidden}

/* HUD micro-stage: reserve the base silhouette; retain usable touch targets. */
.compact-ui #tools,.compact-ui:is([data-controls=drag],[data-controls=lead],[data-controls=stick]) #tools,
.compact-ui.left-handed #tools,.compact-ui.left-handed:is([data-controls=drag],[data-controls=lead],[data-controls=stick]) #tools{
 left:max(34%,calc(var(--stick-size) + 24px),env(safe-area-inset-left));right:max(164px,calc(var(--stick-size) + 24px),env(safe-area-inset-right));gap:4px;
}
.compact-ui #tools .hudAction{box-sizing:border-box;min-width:44px;max-width:44px;flex:0 0 44px;width:44px;height:52px;min-height:52px;padding:2px}
.compact-ui #tools .hudAction .hudArt{height:29px}
.compact-ui #tools .hudAction .hudCount{font-size:12px;line-height:16px}
@media(max-width:740px){
 .compact-ui #tools,.compact-ui:is([data-controls=drag],[data-controls=lead],[data-controls=stick]) #tools{flex-wrap:wrap;justify-content:flex-start}
}
.compact-ui #tools button[id^=dose_].hudAction{min-width:44px;max-width:44px;width:44px;flex:0 0 44px;padding:2px}