#volume-chrome{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10001;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:#181820b8;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#volume-chrome[hidden]{display:none}#volume-chrome .volume-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}#volume-chrome .volume-toggle:hover{background:#ffffff24}#volume-chrome .volume-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}#volume-chrome svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#volume-chrome .volume-speaker{fill:currentColor;stroke-width:1.4}#volume-chrome .volume-cross,#volume-chrome[data-level=off] .volume-wave,#volume-chrome[data-level=low] .volume-wave-far{display:none}#volume-chrome[data-level=off] .volume-cross{display:block}#volume-chrome.muted{color:#ffffff9e}#touch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:700;overflow:hidden;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-overlay[hidden]{display:none}.touch-stick{position:absolute;width:128px;height:128px;display:none;transform:translate(-50%,-50%);pointer-events:none}.touch-stick.active{display:block}.touch-sprite{position:absolute;display:block;background-repeat:no-repeat;image-rendering:auto}[data-skin=f] .touch-sprite{background-image:url(/onscreen-controls/style-f-default.png)}[data-skin=g] .touch-sprite{background-image:url(/onscreen-controls/style-g-default.png)}.touch-stick-pad{top:0;right:0;bottom:0;left:0;width:128px;height:128px;background-position:-260px 0}.touch-stick-nub{left:50%;top:50%;width:64px;height:64px;background-position:-488px -456px;transform:translate(-50%,-50%)}.touch-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(42vw,260px);display:flex;flex-wrap:wrap-reverse;flex-direction:row-reverse;align-items:flex-end;gap:10px;pointer-events:none}.touch-action-button{position:relative;width:64px;height:64px;flex:0 0 64px;border:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#fff;pointer-events:auto;touch-action:none;font:700 10px/1 system-ui,sans-serif;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8)}.touch-action-button.primary{width:80px;height:80px;flex-basis:80px}.touch-button-base{top:0;right:0;bottom:0;left:0;width:64px;height:64px;background-position:-620px -396px;transform-origin:center}.touch-action-button.primary .touch-button-base{left:8px;top:8px;transform:scale(1.25)}.touch-action-button.pressed .touch-button-base{transform:scale(.9);filter:brightness(.78)}.touch-action-button.primary.pressed .touch-button-base{transform:scale(1.12)}.touch-action-icon,.touch-action-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.touch-action-icon{width:48px;height:48px;background-image:url(/onscreen-controls/icons-default.png);background-repeat:no-repeat}.touch-action-label{max-width:54px;overflow:hidden;text-overflow:ellipsis}@media(min-resolution:2dppx){[data-skin=f] .touch-sprite{background-image:url(/onscreen-controls/style-f-large.png);background-size:679px 710px}[data-skin=g] .touch-sprite{background-image:url(/onscreen-controls/style-g-large.png);background-size:679px 710px}.touch-stick-pad{background-position:-258px 0}.touch-stick-nub{background-position:-484px -452px}.touch-button-base{background-position:-614px -390px}}@media(max-width:700px),(max-height:480px){.touch-buttons{gap:6px;width:min(46vw,230px)}}@media(pointer:coarse)and (max-width:820px){.touch-stick-pad{width:104px;height:104px}.touch-stick-nub{width:50px;height:50px}.touch-action-button{width:56px;height:56px;flex-basis:56px}.touch-action-button .touch-button-base{width:56px;height:56px}.touch-action-button.primary{width:68px;height:68px;flex-basis:68px}.touch-action-button.primary .touch-button-base{width:68px;height:68px;left:0;top:0}.touch-action-icon{width:38px;height:38px}.touch-action-label{max-width:46px;font-size:10px}}