#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-overlay{--touch-scale: 1;--touch-primary-scale: 1.25;--touch-icon-scale: 1;--stick-scale: 1;--stick-rest: 92px}.touch-stick{position:absolute;left:calc(max(18px,env(safe-area-inset-left)) + var(--stick-rest));bottom:calc(max(18px,env(safe-area-inset-bottom)) + var(--stick-rest) - 128px);width:128px;height:128px;transform:translate(-50%,-50%);pointer-events:none;opacity:.75}.touch-stick.active{opacity:1}.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;scale:var(--stick-scale)}.touch-stick-nub{left:50%;top:50%;width:64px;height:64px;background-position:-488px -456px;transform:translate(-50%,-50%);scale:var(--stick-scale)}.touch-buttons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--touch-size: 64px;--touch-primary: 80px;--touch-step: 72px;--touch-edge-l: max(18px, env(safe-area-inset-left));--touch-edge-r: max(18px, env(safe-area-inset-right));--touch-edge-t: max(18px, env(safe-area-inset-top));--touch-edge-b: max(18px, env(safe-area-inset-bottom))}.touch-action-button[data-side=right]{right:calc(var(--touch-edge-r) + var(--touch-step) * var(--col, 0))}.touch-action-button[data-side=left]{left:calc(var(--touch-edge-l) + var(--touch-step) * var(--col, 0))}.touch-action-button[data-from=bottom]{bottom:calc(var(--touch-edge-b) + var(--touch-step) * var(--row, 0))}.touch-action-button[data-from=top]{top:calc(var(--touch-edge-t) + var(--touch-step) * var(--row, 0))}.touch-action-button{position:absolute;width:var(--touch-size);height:var(--touch-size);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:var(--touch-primary);height:var(--touch-primary);margin:calc((var(--touch-size) - var(--touch-primary)) / 2)}.touch-button-base{left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background-position:-620px -396px;transform-origin:center;scale:var(--touch-scale)}.touch-action-button.primary .touch-button-base{scale:var(--touch-primary-scale)}.touch-action-button.pressed .touch-button-base{transform:scale(.9);filter:brightness(.78)}.touch-action-icon,.touch-action-label,.touch-action-letter{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;scale:var(--touch-icon-scale)}.touch-action-letter{font:800 22px/1 system-ui,sans-serif;text-transform:none;letter-spacing:0}.touch-action-button.primary .touch-action-letter{font-size:28px}.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(pointer:coarse)and (max-width:820px){#touch-overlay{--touch-scale: .875;--touch-primary-scale: 1.0625;--touch-icon-scale: .8;--stick-scale: .8125;--stick-rest: 80px}.touch-buttons{--touch-size: 56px;--touch-primary: 68px;--touch-step: 62px}.touch-action-label{max-width:46px;font-size:10px}.touch-action-letter{font-size:19px}.touch-action-button.primary .touch-action-letter{font-size:24px}}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:800;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px 24px;box-sizing:border-box;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dialog-overlay[hidden],.dialog-prompt[hidden],.dialog-panel[hidden],.dialog-speaker[hidden]{display:none}.dialog-prompt{padding:6px 14px;border-radius:999px;background:#0e1016c7;color:#f4f5f7;font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 10px #00000059}.dialog-panel{width:min(640px,100%);max-height:45%;overflow:hidden;padding:14px 18px 10px;border-radius:12px;background:#0e1016e0;border:1px solid rgba(255,255,255,.12);color:#f4f5f7;box-shadow:0 6px 24px #00000073;box-sizing:border-box}.dialog-speaker{margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#ffd27a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-text{font-size:17px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-progress{margin-top:8px;text-align:right;font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}@media(max-width:480px){.dialog-overlay{padding-bottom:16px}.dialog-panel{padding:12px 14px 8px}.dialog-text{font-size:15px}}.dialog-open #touch-overlay .touch-stick,.dialog-open #touch-overlay .touch-action-button:not([data-action=interact]){visibility:hidden}#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}