.bp-upright{z-index:20;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 50%, var(--bp-glow) 0%, var(--bp-sky) 62%);pointer-events:auto;touch-action:none;place-items:center;display:none;position:fixed;inset:0}.bp-upright.on{display:grid}.bp-upright svg{filter:drop-shadow(0 8px 14px #2f4b8f40);width:min(78vw,52vh,440px);height:auto;overflow:visible}.bp-turn{animation:4s ease-in-out infinite bp-fade}.bp-phone,.bp-scene{transform-box:view-box;transform-origin:100px 100px}.bp-phone{animation:4s infinite bp-turn}.bp-scene{animation:4s infinite bp-level}.bp-arrow{transform-box:view-box;transform-origin:100px 100px;animation:4s ease-in-out infinite bp-nudge}@keyframes bp-turn{0%,22%{animation-timing-function:cubic-bezier(.5,0,.3,1.4);transform:rotate(0)}50%,to{transform:rotate(90deg)}}@keyframes bp-level{0%,22%{animation-timing-function:cubic-bezier(.5,0,.3,1.4);transform:rotate(0)}50%,to{transform:rotate(-90deg)}}@keyframes bp-fade{0%{opacity:0}8%,84%{opacity:1}96%,to{opacity:0}}@keyframes bp-nudge{0%,10%,30%,to{transform:rotate(0)}20%{transform:rotate(10deg)}}@media (prefers-reduced-motion:reduce){.bp-turn,.bp-phone,.bp-scene,.bp-arrow{animation:none}}html,body,canvas{touch-action:none;overscroll-behavior:none}html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tw-touch{--tw-short:min(100vw, 100vh);--tw-action-size:clamp(120px, calc(var(--tw-short) * .24), 240px);--tw-special-size:max(84px, calc(var(--tw-action-size) * .6));--tw-gap:max(32px, calc(var(--tw-action-size) * .28));--tw-stick-r:clamp(60px, calc(var(--tw-short) * .15), 120px);--tw-pad:clamp(12px, calc(var(--tw-short) * .045), 36px);--tw-up:.7071;--tw-left:.7071;--tw-reach:calc(var(--tw-action-size) / 2 + var(--tw-gap) + var(--tw-special-size) / 2);box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;z-index:10;display:none;position:fixed;inset:0}@supports (height:100dvh){.tw-touch{--tw-short:min(100dvw, 100dvh)}}@media (orientation:portrait){.tw-touch{--tw-up:.94;--tw-left:.34}}.tw-touch.visible{display:block}.tw-ring{left:calc(var(--tw-pad) * 1.5 + env(safe-area-inset-left) + var(--tw-stick-r));top:calc(100% - var(--tw-pad) * 1.5 - env(safe-area-inset-bottom) - var(--tw-stick-r));box-sizing:border-box;width:calc(var(--tw-stick-r) * 2);height:calc(var(--tw-stick-r) * 2);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{box-sizing:border-box;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) / 2 + var(--tw-reach) * var(--tw-left) - var(--tw-special-size) / 2);bottom:calc(var(--tw-pad) + env(safe-area-inset-bottom) + var(--tw-action-size) / 2 + var(--tw-reach) * var(--tw-up) - var(--tw-special-size) / 2);background:color-mix(in srgb, var(--tw-special) 75%, transparent);border:4px solid #ffffffb3;display:none}.tw-touch.riding .tw-special{display:grid}