#resumeControls{position:fixed;z-index:40;top:52%;left:50%;transform:translate(-50%,-50%);background:#73ff00;color:#102006;padding:18px;box-shadow:0 5px 30px #0008}.aiming #crosshair{opacity:0}.aiming #vignette{background:radial-gradient(ellipse,transparent 45%,#02090690 100%)}
#touchFire{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:130px;width:94px;height:94px;border:2px solid #b8ff77;border-radius:50%;background:#73ff00c9;color:#111d09;font:bold 17px Arial;pointer-events:auto;touch-action:none;padding:5px}#touchFire span{display:block;font:8px Arial;line-height:1.5;margin-top:5px}.touchActions{right:18px;bottom:18px;grid-template-columns:repeat(3,56px);gap:6px}.touchActions button{height:42px;font-size:9px}.touchActions button.selected{background:#537533;border-color:#73ff00}.touch #touchMove{width:135px;height:135px;bottom:32px}.touch #touchLook{inset:20% 0 0 28%}.touch .objectiveHud{max-width:calc(100vw - 240px)}.touch #hud footer{bottom:20px}.touch #bombHeld{right:130px;bottom:60px}.touch #roleBadge{max-width:60vw}
@media(orientation:portrait){.touch #touchFire{bottom:180px;right:18px;width:85px;height:85px}.touch .touchActions{grid-template-columns:repeat(2,54px)}.touch #touchMove{width:110px;height:110px}.touch #hud footer{bottom:180px}.touch #bombHeld{right:100px;bottom:100px}}
#interactionProgress{position:absolute;top:57%;left:50%;transform:translateX(-50%);width:260px;background:#09170ee8;border:1px solid #73ff0080;padding:12px;font:12px monospace;text-align:center}#interactionProgress progress{display:block;width:100%;height:10px;margin-top:8px;accent-color:#73ff00}.touch #interactionProgress{top:44%;width:210px;font-size:10px}.touch #actionPrompt{top:64%}