.tilt-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:9;width:max-content;max-width:calc(100% - 20px);text-align:center;background:#0d1b28e8;border:1px solid #65828c55;border-radius:14px;padding:6px 10px;backdrop-filter:blur(12px)}
.tilt-controls>div{display:flex;justify-content:center;gap:5px}.tilt-controls .button{min-height:36px;padding:6px 10px;font-size:11px}.tilt-controls small{display:block;font-size:10px;line-height:1.4;max-width:330px;margin:4px auto 0;color:#b0c7d2}.tilt-controls [hidden]{display:none!important}.tilt-active{border-color:#8bd4bf88}.minimalist-stage .tilt-controls{bottom:max(12px,env(safe-area-inset-bottom));}.tilt-controls .button[aria-pressed=true]{color:#a8ead4}

.cb-stage:has(.tilt-controls) .cb-view{bottom:100px!important;height:auto!important}.cb-stage:has(.tilt-controls) .cb-pause{bottom:106px}.rw-stage:has(.tilt-controls){padding-bottom:100px}.rw-stage:has(.tilt-controls) .rw-stage-bottom{bottom:96px}body.minimalist-mode .cb-stage.minimalist-stage .cb-view{top:70px!important;bottom:110px!important;height:auto!important}body.minimalist-mode .rw-stage.minimalist-stage .rw-view{position:absolute;top:70px;bottom:110px;height:auto!important}.tilt-controls .button{touch-action:manipulation}

.tilt-controls [data-tilt=brake][aria-pressed=true]{background:#a8d9c4;color:#112b22}.tilt-active [data-tilt=enable]{font-size:0}.tilt-active [data-tilt=enable]::after{content:"◉ Activo";font-size:11px}