:root{--title-color: #bcc;--font: "Courier New", Courier, monospace;--canvas-width: 800px;--canvas-height: 600px;--canvas-width-media: 70%;--title-width: 790px;--title-width-media: 68%;--divider-width: 790px;--divider-width-media: 68%;--bottom-width: 790px;--bottom-width-media: 68%;--button-color: #888;--button-color-hover: #666}html,body{width:100%;height:100%;margin:0}main{text-align:center;margin-top:2rem}ul{padding-left:0;list-style-type:none}li{width:100%}.title{width:var(--title-width);margin:auto;display:block;text-align:left}.title h1{color:var(--title-color);font-family:var(--font);margin-bottom:0}@media all and (max-width: 950px){.title{width:var(--title-width-media)}}.divider{width:var(--divider-width);border:.15rem solid var(--title-color);opacity:.6;border-radius:5px;margin-top:0}@media all and (max-width: 950px){.divider{width:var(--divider-width-media)}}canvas{width:var(--canvas-width);height:var(--canvas-height);border-radius:.5rem;border:.1rem solid var(--title-color);margin:auto;display:block}@media all and (max-width: 950px){canvas{width:var(--canvas-width-media);height:unset}}.bottom{width:var(--bottom-width);margin:auto;display:block;display:flex;flex-direction:row-reverse}@media all and (max-width: 950px){.bottom{width:var(--bottom-width-media)}}.reference{text-decoration:none}.reference button{border:none;border-radius:.3rem;height:2rem;display:flex;padding-left:.3rem;padding-right:.3rem;flex-direction:row;justify-content:center;align-items:center;gap:.3rem}.reference button div{font-family:var(--font);font-weight:700;color:var(--button-color);display:flex;text-align:center;justify-content:center;align-items:center;height:1.5rem;margin-left:.15rem}.reference button:hover div{color:var(--button-color-hover)}.reference button svg{color:var(--button-color);width:1.5rem;height:1.5rem}.reference button:hover div svg{color:var(--button-color-hover)}.pause-toggle{border:none;border-radius:.3rem;height:2rem;display:flex;margin-right:1rem;padding-left:.3rem;padding-right:.3rem;flex-direction:row;justify-content:center;align-items:center}.pause-toggle svg{color:var(--button-color);width:1.5rem;height:1.5rem}.toast-group{position:fixed;z-index:1;inset-block-end:0;inset-inline:0;padding-block-end:5vh;display:grid;justify-items:center;justify-content:center;gap:1vh;pointer-events:none}.toast{--duration: 3s;--bg-lightness: 90%;--travel-distance: 0;font-family:system-ui,sans-serif;color:#000;background:hsl(0 0% var(--bg-lightness) / 90%);max-inline-size:min(25ch,90vw);padding-block:.5ch;padding-inline:1ch;border-radius:3px;font-size:1rem;will-change:transform;animation:fade-in .3s ease,slide-in .3s ease,fade-out .3s ease var(--duration);@media (--dark){color:#fff;--_bg-lightness: 20%}@media (--motionOK){--_travel-distance: 5vh}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{0%{transform:translateY(var(--travel-distance, 10px))}}