html,body,#root{height:100%}body{overscroll-behavior:none;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%}@property --safe-top{syntax:"<length>";inherits:true;initial-value:0}@property --safe-right{syntax:"<length>";inherits:true;initial-value:0}@property --safe-bottom{syntax:"<length>";inherits:true;initial-value:0}@property --safe-left{syntax:"<length>";inherits:true;initial-value:0}.circuit{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--vp-w:1vw;--vp-h:1vh;--vp-min:1vmin;height:100%}@supports (height:1dvh){.circuit{--vp-w:1dvw;--vp-h:1dvh;--vp-min:1dvmin}}.stage:focus{outline:none}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.beat{z-index:1;box-sizing:border-box;letter-spacing:.06em;color:#f0f0f0;text-align:center;opacity:0;visibility:hidden;pointer-events:none;margin:0 auto;font-family:ui-serif,Iowan Old Style,Palatino,Georgia,serif;font-weight:400;line-height:1.4;position:fixed;left:0;right:0}.beat-idle{top:min(50% + .33 * min(100 * var(--vp-w), 100 * var(--vp-h)), 100% - 64px - env(safe-area-inset-bottom,0px));font-size:clamp(16px, .9rem + .6 * var(--vp-min), 22px);padding:0 16px}.beat-motion{z-index:3;bottom:var(--altar-beat-bottom);appearance:none;width:max-content;max-width:calc(100% - 32px);min-height:44px;font-size:clamp(15px, .85rem + .5 * var(--vp-min), 20px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:10px 16px}.beat-motion:focus{outline:none}.beat-motion:focus-visible{outline-offset:2px;outline:1px solid}