/* A clear thumb target, with timing in the quiet space between both controls. */
#campaign[data-recycling="yes"] .park-footer,#campaign[data-recycling="yes"] #balance-hud,#campaign[data-recycling="yes"] [data-action="overview"]{display:none}
#campaign[data-recycling="yes"] .action-controls{right:24px;bottom:26px}
#campaign[data-recycling="yes"] #shot-meter{left:50%;right:auto;bottom:32px;transform:translateX(-50%);width:min(250px,calc(100vw - 32px))}
#campaign .bottle-status{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:5px 7px 5px 15px;border:1px solid #eadbb640;background:#193c33ed;border-radius:12px;color:#f9efd3;white-space:nowrap}
#campaign .bottle-status>b{font-size:14px;letter-spacing:.04em}
#campaign .bottle-status>span{font-size:13px}
#campaign #bottle-cancel{position:absolute;left:24px;bottom:36px;min-height:44px}
#campaign .restoration-readout{position:absolute;top:154px;left:50%;transform:translateX(-50%);display:grid;gap:4px;max-width:calc(100vw - 24px);padding:9px 14px;border-radius:10px;background:#193c33ec;text-align:center;color:#f2e8c7;font-size:12px;pointer-events:none}
#campaign .restoration-readout b{font-size:13px;color:#e5d090}#campaign .restoration-readout b[data-open="yes"]{color:#a6e0ae}
#campaign #supply-care{width:100%;height:8px;accent-color:#a3d59a}
#campaign[data-recycling="yes"][data-challenge="yes"] .bottle-status{top:94px;bottom:auto;max-width:calc(100vw - 24px);white-space:normal}
#campaign[data-recycling="yes"][data-challenge="yes"] .bottle-status b{font-size:13px}
#campaign[data-recycling="yes"][data-challenge="yes"] #bottle-cancel{left:auto;right:16px;bottom:200px}
#campaign[data-recycling="yes"][data-challenge="yes"] #shot-meter{bottom:132px;width:min(230px,calc(100vw - 40px))}
#campaign[data-recycling="yes"][data-supply="yes"] #bottle-cancel{bottom:28px}
@media(max-height:600px){#campaign[data-recycling="yes"][data-challenge="yes"] .bottle-status{top:76px}#campaign .restoration-readout{top:130px;padding:6px 10px}#campaign[data-recycling="yes"][data-challenge="yes"] #bottle-cancel{bottom:170px}#campaign[data-recycling="yes"][data-challenge="yes"] #shot-meter{bottom:104px}}
@media(max-height:600px) and (orientation:landscape){
 #campaign[data-recycling="yes"] .bottle-status{top:16px;bottom:auto}
}
@media(max-width:650px) and (orientation:portrait){
 #campaign[data-recycling="yes"] .action-controls{right:16px;bottom:calc(var(--safe-bottom) + 18px)}
 #campaign[data-recycling="yes"] #shot-meter{bottom:calc(var(--safe-bottom) + 124px)}
 #campaign[data-recycling="yes"] .bottle-status{bottom:calc(var(--safe-bottom) + 184px);gap:8px}
 #campaign[data-recycling="yes"] #bottle-cancel{left:16px;bottom:calc(var(--safe-bottom) + 38px)}
}
@media(max-height:600px) and (orientation:portrait){
 #campaign[data-recycling="yes"] .bottle-status{top:76px;bottom:auto}
 #campaign[data-recycling="yes"] #shot-meter{bottom:calc(var(--safe-bottom) + 94px)}
 #campaign[data-recycling="yes"] .action-controls{bottom:calc(var(--safe-bottom) + 12px);width:72px}
 #campaign[data-recycling="yes"] #shoot-action{width:72px;height:72px;min-height:72px;padding:8px}
 #campaign[data-recycling="yes"] #shoot-action b{font-size:10px}
 #campaign[data-recycling="yes"] #bottle-cancel{bottom:calc(var(--safe-bottom) + 24px)}
}
#campaign .action-controls{width:116px;gap:8px;align-items:center;bottom:calc(29vmin + 42px)}
#campaign #shoot-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;min-height:116px;padding:19px 10px;border-radius:50%;border:1px solid #f2dfac80;background:#213f36f0;color:#f8edcf;box-shadow:0 5px 22px #13281e40;outline-offset:5px;user-select:none;-webkit-user-select:none;transition:background .12s,box-shadow .12s}
#campaign #shoot-action:hover:enabled{background:#2c5043}
#campaign #shoot-action:disabled{opacity:.42}
#campaign #shoot-action.charging{background:#4c5340;box-shadow:0 0 0 4px #f0d39516,0 5px 22px #13281e40}
#campaign #shoot-action.release-ready{background:#365c42;box-shadow:0 0 0 5px #c5ed8828,0 5px 22px #13281e40}
#campaign #shoot-action b{font-size:13px;letter-spacing:.08em;margin-top:4px;z-index:1}
#campaign #shot-meter{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(240px,28vw);height:auto;padding:10px 13px 12px;background:#193c33ed;border:1px solid #eadbb630;border-radius:10px;overflow:visible;pointer-events:none;box-shadow:0 3px 16px #0002}
#campaign .shot-track{position:relative;height:12px;background:#f2e5c526;border-radius:3px}
#campaign #shot-meter .shot-window{position:absolute;top:0;height:100%;background:#bce18b;border-left:1px solid #efffcf;border-right:1px solid #efffcf}
#campaign .shot-charge{height:100%;width:0;background:#f5d69888;border-radius:3px}
#campaign .shot-cursor{position:absolute;top:-4px;bottom:-4px;width:3px;transform:translateX(-50%);border-radius:2px;background:#fff5dc;box-shadow:0 0 5px #132b23}
#campaign #shot-meter.release-ready{border-color:#c4e79c}
#campaign #shot-meter.release-ready>small{color:#d7f8aa}
#campaign .shot-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.9;pointer-events:none}
#campaign .action-controls>button:not(#shoot-action){width:100%;min-height:48px;border-radius:12px;background:#25453dec;border:1px solid #e5d5a960;color:#f6e9c9}
#campaign .action-controls>button:not(#shoot-action) small{font-size:8px}
#campaign #balance-hud{position:absolute;left:30px;bottom:76px;width:110px;pointer-events:none;color:#f9efd3b0;text-shadow:0 1px 3px #20382dbb}
#campaign #balance-hud>span{font-size:7px;letter-spacing:.13em}
#campaign #balance-hud .balance-bar>div{height:4px;margin-top:6px;border-radius:4px;background:#173b3299;overflow:hidden}
#campaign #balance-hud i{display:block;width:100%;height:100%;background:#dce7b6;transition:width .1s linear}
#campaign #balance-hud .unsteady i{background:#edba70}
#campaign #balance-hud .recovering i{background:#df997c}
#campaign #balance-hud .balance-bar{margin-top:8px}
#campaign #balance-hud .balance-bar>span{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#f9efd3}
#campaign #balance-hud .balance-bar b{font:inherit;font-variant-numeric:tabular-nums}
#campaign #balance-hud .balance-bar>div{margin-top:4px}
@media(max-width:650px){
 #campaign #shot-meter{bottom:max(25px,env(safe-area-inset-bottom));width:min(142px,calc(100vw - 58vmin - 62px));padding:9px 10px 11px}
 #campaign .action-controls{width:106px;right:24px;bottom:max(185px,calc(29vmin + 42px))}
 #campaign #shoot-action{width:106px;height:106px;min-height:106px}
 #campaign #shoot-action b{font-size:11px}
 #campaign #balance-hud{left:22px;bottom:72px;width:90px}
}
@media(max-height:500px){
 #campaign #shot-meter{bottom:max(14px,env(safe-area-inset-bottom));width:200px;padding:8px 12px 10px}
 #campaign .action-controls{right:22px;bottom:calc(29vmin + 42px);width:88px;gap:5px}
 #campaign #shoot-action{width:88px;height:88px;min-height:88px;padding:12px 7px}
 #campaign .shot-icon{width:19px;height:19px}
 #campaign #shoot-action b{font-size:10px;margin-top:2px}
 #campaign .action-controls>button:not(#shoot-action){min-height:39px;padding:7px}
 #campaign #balance-hud{bottom:50px;left:25px;width:90px}
}

#campaign[data-challenge="yes"] .bottle-status>span{white-space:nowrap;flex-shrink:0}
@media(max-width:650px) and (orientation:portrait){
 #campaign[data-recycling="yes"][data-challenge="yes"] .bottle-status{top:82px;left:auto;right:12px;bottom:auto;transform:none;padding:5px 7px;gap:7px;width:108px;justify-content:space-between}
 #campaign[data-recycling="yes"][data-challenge="yes"] .bottle-status>b{display:none}
 #campaign[data-challenge="yes"] .restoration-readout{top:82px;left:12px;transform:none;width:calc(100vw - 146px);padding:8px;box-sizing:border-box}
}