html,body,canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.tw-touch{--tw-short:min(100vw, 100vh);--tw-action-size:calc(var(--tw-short) * .22);--tw-special-size:calc(var(--tw-short) * .14);--tw-pad:calc(var(--tw-short) * .05);pointer-events:none;z-index:10;display:none;position:fixed;inset:0}.tw-touch.visible{display:block}.tw-ring{--tw-ring-size:calc(var(--tw-short) * .26);left:calc(var(--tw-pad) * 1.5 + env(safe-area-inset-left) + var(--tw-ring-size) / 2);top:calc(100% - var(--tw-pad) * 1.5 - env(safe-area-inset-bottom) - var(--tw-ring-size) / 2);width:var(--tw-ring-size);height:var(--tw-ring-size);background:color-mix(in srgb, var(--tw-ring) 22%, transparent);border:4px solid color-mix(in srgb, var(--tw-ring) 55%, transparent);opacity:.6;border-radius:50%;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.tw-ring.on{opacity:1}.tw-knob{background:color-mix(in srgb, var(--tw-ring) 85%, transparent);border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000002e}.tw-btn{border-radius:50%;place-items:center;transition:transform .12s cubic-bezier(.3,1.8,.5,1);display:grid;position:absolute;box-shadow:0 6px 16px #0003}.tw-btn svg{width:62%;height:62%}.tw-btn.down{transition-duration:50ms;transform:scale(1.12,.84)}.tw-action{width:var(--tw-action-size);height:var(--tw-action-size);right:calc(var(--tw-pad) + env(safe-area-inset-right));bottom:calc(var(--tw-pad) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--tw-action) 75%, transparent);border:5px solid #ffffffb3}.tw-special{width:var(--tw-special-size);height:var(--tw-special-size);right:calc(var(--tw-pad) + env(safe-area-inset-right) + var(--tw-action-size) * .95);bottom:calc(var(--tw-pad) + env(safe-area-inset-bottom) + var(--tw-action-size) * .9);background:color-mix(in srgb, var(--tw-special) 75%, transparent);border:4px solid #ffffffb3;display:none}.tw-touch.riding .tw-special{display:grid}