.touch-controls [hidden]{display:none!important}
.touch-fire{position:absolute;right:calc(var(--edge) + env(safe-area-inset-right,0px));bottom:calc(var(--bottom) + env(safe-area-inset-bottom,0px));width:var(--stick-size);height:var(--stick-size);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:2px solid #e7c56799;border-radius:50%;background:radial-gradient(circle at 50% 30%,#847342d9,#293523e8 75%);color:#f4d780;box-shadow:inset 0 2px #fff2,inset 0 -5px #11190cb3,0 4px 14px #0004;text-shadow:0 1px 2px #0005}
.touch-fire svg{width:31%;height:31%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}.touch-fire strong{font:800 21px/1 var(--display);letter-spacing:1.5px;pointer-events:none}.touch-fire small{font:600 8px var(--body);color:#c6cfaf;pointer-events:none}.touch-fire.pressed{background:radial-gradient(circle at 50% 30%,#b2994c,#5b6132 75%);border-color:#ffe59b;box-shadow:inset 0 3px 8px #0004,0 0 15px #e8c6583b;transform:scale(.97)}
.touch-controls.no-fire .touch-boost{bottom:calc(var(--bottom) + 20px + env(safe-area-inset-bottom,0px))}
@media(orientation:landscape) and (max-height:480px){.touch-fire strong{font-size:19px}.touch-fire small{font-size:7px}.touch-controls.no-fire .touch-boost{bottom:calc(var(--bottom) + 20px + env(safe-area-inset-bottom,0px))}}