html{--background: #ecf0f1;--foreground: #212121;--button-background: #ccc;--button-foreground: #333847;--accent: oklch(0.65 0.16 239.0);--error-color: oklch(59.85% 0.224 36.53);--modal-background: #ecf0f1;--modal-foreground: #212121;--container-background: #bdc3c7;--container-shadow: #95a5a6;--container-border: rgba(0, 0, 0, 0.05)}body{transition:background 500ms ease,-webkit-backdrop-filter 1s ease;transition:background 500ms ease,backdrop-filter 1s ease;transition:background 500ms ease,backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease}@media(prefers-color-scheme: dark){html{--background: #212121;--foreground: #fefefe;--button-background: rgba(255, 255, 255, 0.05);--button-foreground: #fefefe;--modal-background: #ecf0f1;--modal-foreground: #212121;--container-background: rgba(43, 43, 48, 0.45);--container-shadow: rgba(0, 0, 0, 0.25);--container-border: rgba(0, 0, 0, 0.1)}}@keyframes animate-entrance-slide-bottom{0%{transform:translateZ(-1400px) translateY(800px);opacity:0}50%{opacity:0}100%{transform:translateZ(0) translateY(0);opacity:1}}@keyframes animate-entrance-slide-top{0%{transform:translate3d(0, -100%, -1400px);opacity:0}50%{opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes animate-exit-slide-bottom{0%{transform:translateY(0%) scale(1, 1);opacity:1}60%{transform:translateY(-5%) scale(1.4, 1.4);opacity:1}80%{transform:translateY(5%) scale(1, 1);opacity:.85}100%{transform:translateY(150%) scale(0.5, 0.5);opacity:0}}@keyframes animate-ping{0%{transform:scale(0.8);opacity:.8}80%{transform:scale(2.4);opacity:0}100%{transform:scale(2.4);opacity:0}}@keyframes animate-fade-in{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes animate-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}html{--background: #ecf0f1;--foreground: #212121;--button-background: #ccc;--button-foreground: #333847;--accent: oklch(0.65 0.16 239.0);--error-color: oklch(59.85% 0.224 36.53);--modal-background: #ecf0f1;--modal-foreground: #212121;--container-background: #bdc3c7;--container-shadow: #95a5a6;--container-border: rgba(0, 0, 0, 0.05)}body{transition:background 500ms ease,-webkit-backdrop-filter 1s ease;transition:background 500ms ease,backdrop-filter 1s ease;transition:background 500ms ease,backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease}@media(prefers-color-scheme: dark){html{--background: #212121;--foreground: #fefefe;--button-background: rgba(255, 255, 255, 0.05);--button-foreground: #fefefe;--modal-background: #ecf0f1;--modal-foreground: #212121;--container-background: rgba(43, 43, 48, 0.45);--container-shadow: rgba(0, 0, 0, 0.25);--container-border: rgba(0, 0, 0, 0.1)}}@keyframes animate-entrance-slide-bottom{0%{transform:translateZ(-1400px) translateY(800px);opacity:0}50%{opacity:0}100%{transform:translateZ(0) translateY(0);opacity:1}}@keyframes animate-entrance-slide-top{0%{transform:translate3d(0, -100%, -1400px);opacity:0}50%{opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes animate-exit-slide-bottom{0%{transform:translateY(0%) scale(1, 1);opacity:1}60%{transform:translateY(-5%) scale(1.4, 1.4);opacity:1}80%{transform:translateY(5%) scale(1, 1);opacity:.85}100%{transform:translateY(150%) scale(0.5, 0.5);opacity:0}}@keyframes animate-ping{0%{transform:scale(0.8);opacity:.8}80%{transform:scale(2.4);opacity:0}100%{transform:scale(2.4);opacity:0}}@keyframes animate-fade-in{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes animate-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}dialog{opacity:0;pointer-events:none;background-color:rgba(0,0,0,0);border:none;top:0px;left:0px;width:100vw;height:100vh;margin:auto;display:flex;place-content:center;place-items:center;text-align:center;color:#f5f5f5;transition:opacity 500ms ease}dialog button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;outline:none;cursor:pointer;color:inherit}dialog button svg{width:1rem;height:1rem}dialog header{position:relative}dialog header svg{width:5rem;height:5rem;color:var(--error-color)}dialog header::before{content:"";position:absolute;top:0px;left:calc(50% - 2.5rem);right:0px;width:5rem;height:5rem;border-radius:50%;background:var(--error-color);z-index:-1;animation:animate-ping 2s infinite both}dialog header h2{margin:1rem;margin-top:2rem}dialog p{margin:1rem}dialog[open]{opacity:1;pointer-events:auto}dialog::backdrop{background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}footer{position:relative;display:flex;flex-direction:row;place-content:center;place-items:center;pointer-events:all;margin:1em;margin-top:0}footer button{background-color:var(--button-background);border:none;color:var(--button-foreground);cursor:pointer;font-size:.85em;font-weight:600;margin:.25em;padding:.25em .75em;text-transform:uppercase;transition:color 250ms ease;border-radius:.25em;height:100%;transition:background-color 150ms ease-in-out,transform 150ms ease-in-out}footer button:hover,footer button.active{background-color:var(--accent)}footer button:focus{outline:none}footer button:disabled{opacity:.5;cursor:not-allowed}footer button:active,footer button.active{transform:scale(0.95) translateY(0.05em)}@media(max-width: 350px){footer{flex-wrap:wrap}}ul#stats{position:absolute;top:0px;left:0px;font-size:.5em;margin:.75em;background-color:var(--container-background);padding:1em;border-radius:.75em;border-top-left-radius:calc(15pt - .75em);box-shadow:0pt 5pt 29pt -5pt var(--container-shadow);opacity:.75;z-index:3}ul#stats li{display:flex;list-style-type:none}ul#stats li .key{font-weight:bolder}ul#stats li .value{font-weight:lighter;text-align:right;flex-grow:1;margin-left:.5em}*{margin:0px;padding:0px;box-sizing:border-box;font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.25;letter-spacing:.025em;backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{color:var(--foreground);overflow:hidden;width:100%;width:100vw;width:100dvw;height:100%;height:100vh;height:-webkit-fill-available;height:-moz-available;height:100dvh;pointer-events:none;touch-action:none}html{background-color:var(--background)}body{position:relative;transform:translateZ(0);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;animation:animate-fade-in ease 250ms forwards;display:flex;flex-direction:column;place-content:center;place-items:center}div#wrapper{position:relative;flex-grow:1;margin:15pt;width:calc(100% - 30pt);background-color:var(--container-background);border:1px solid var(--container-border);border-radius:15pt;box-shadow:0pt 5pt 29pt -5pt var(--container-shadow);transition:border-color ease 500ms,background-color ease 500ms;overflow:hidden}div#wrapper canvas{z-index:3;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:all}div#wrapper.loading::after{content:"Loading...";position:absolute;top:50%;left:50%;width:32pt;height:32pt;z-index:1;transform:translate(-50%, -50%)}div#wrapper.loading canvas{opacity:.5}@media all and (display-mode: fullscreen){canvas{border-radius:0px;border:none;box-shadow:none}}
/*# sourceMappingURL=style.min.css.map */