#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:15;display:none;user-select:none;-webkit-user-select:none}
.touch-pad{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:112px;height:112px;border:2px solid #fff8;border-radius:50%;background:#102d3547;box-shadow:inset 0 0 24px #f9fff922;pointer-events:auto;touch-action:none;display:grid;place-items:center}
.touch-pad:before{content:'';width:46%;height:46%;border:1px solid #fff4;border-radius:50%;position:absolute}
.touch-stick{width:45px;height:45px;border-radius:50%;background:#ffffffe0;box-shadow:0 3px 0 #9cafb8,0 5px 15px #0e293b44;pointer-events:none}
.dash-button{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));border:2px solid #fff9;border-radius:50%;width:83px;height:83px;background:#ff6663dc;color:white;font:900 15px 'Nunito',sans-serif;box-shadow:0 5px 0 #b83d43;pointer-events:auto;touch-action:none}
.dash-button span{display:block;font-size:9px;opacity:.8;margin-top:2px}.dash-button:active{transform:translateY(3px);box-shadow:0 2px 0 #b83d43}
.dash-button.is-cooling{background:#677f82df;box-shadow:0 4px 0 #3a5457}
@media(pointer:coarse),(max-width:768px){#touch-controls.active{display:block}}
@media(max-height:450px){.touch-pad{width:90px;height:90px;bottom:18px}.dash-button{width:68px;height:68px;bottom:23px}}