.app--dFAfr{position:relative;height:100svh;width:100svw;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}
.controls--dLEop{--size-lg: 24vw;--size-md: 16vw;--size-sm: 12vw;display:flex;position:absolute;width:100%;bottom:env(safe-area-inset-bottom);padding-bottom:calc(24vw/4);padding-bottom:calc(var(--size-lg)/4);justify-content:space-evenly;align-items:center}.primary-button--VIas7{--size: var(--size-lg);margin:0;padding:0;border-radius:100%;border:none;background:var(--black);color:var(--white);width:var(--size-lg);width:var(--size);height:var(--size-lg);height:var(--size);font-size:2vmax;font-weight:bold;text-transform:uppercase;transition:opacity 250ms}.primary-button--VIas7:disabled{opacity:.5}.secondary-button--Y3wk5,.tertiary-button--znTqM{--size: var(--size-md);margin:0;padding:0;border-radius:100%;border:none;background:var(--black);color:var(--white);width:var(--size-md);width:var(--size);height:var(--size-md);height:var(--size);font-size:2vmax;font-weight:bold;text-transform:uppercase;transition:opacity 250ms}.secondary-button--Y3wk5:disabled,.tertiary-button--znTqM:disabled{opacity:.5}.left-button--oAEb9,.right-button--ThPQD{--size: var(--size-sm);margin:0;padding:0;border-radius:100%;border:none;background:var(--black);color:var(--white);width:var(--size-sm);width:var(--size);height:var(--size-sm);height:var(--size);font-size:2vmax;font-weight:bold;text-transform:uppercase;transition:opacity 250ms;color:var(--black);background:rgba(0,0,0,0);border:1px solid var(--black)}.left-button--oAEb9:disabled,.right-button--ThPQD:disabled{opacity:.5}
.info--CjTOU{position:absolute;--padding: calc(2vw);display:flex;flex-direction:column;gap:1vw;width:50vw;padding:calc(2vw);padding:var(--padding);margin:var(--margin);box-sizing:border-box;background:var(--white);opacity:.5}.task--E1o9s{position:absolute;--size: 25vmin;margin:1em;width:25vmin;width:var(--size);height:25vmin;height:var(--size);border-radius:100%;font-size:.8em;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#333}
.panels--QAcxS{position:absolute;width:100%;height:100%;pointer-events:none;transform:translate(50%, 50%)}.panel--aA1B1{position:absolute;font-size:.8em;line-height:.8em;transform:translate3d(calc((-1 * (var(--x) + var(--r)) + var(--cx)) * -1px * var(--scale)), calc((-1 * (var(--y) - var(--r)) + var(--cy)) * -1px * var(--scale) - var(--vy) * 0.1px), 0);padding:.5em;margin-left:.5em;border:1px solid var(--black);background:rgba(128,128,128,.5);border-radius:2px;padding:0;border:none;background:none;opacity:.5}.panel--patch--QQi48{padding:0;border:none;background:none;opacity:.5}
.grid--M_PGH{pointer-events:none}.rect--zRvoT{fill:#0d0d0d}
.viewport--SyXPo{position:absolute;width:100%;height:100%;pointer-events:none}
.circle--WfovZ{transition:opacity 250ms}
.settings--QXSHg{position:fixed;padding:1em;box-sizing:border-box;display:flex;flex-direction:column-reverse;background:var(--white);right:0;top:0;bottom:0;width:90vw}
body{margin:0;font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;font-size:16px;background:white;background:var(--white);color:black;color:var(--black)}:root{--black: black;--white: white}@media(prefers-color-scheme: dark){:root{--black: white;--white: black}}

/*# sourceMappingURL=main.3be4edbfaa7f5777fb2d.css.map*/