:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#24242441;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:70vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:5px;margin-left:2em;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{--s: 100px;--c1: #3e88a8;--c2: #408caf;--_s: calc(2*var(--s)) calc(2*var(--s));--_g: var(--_s) conic-gradient(at 40% 80%,#0000 75%,var(--c1) 0);--_p: var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);background:calc(.9*var(--s)) calc(.9*var(--s))/var(--_p),calc(-.1*var(--s)) calc(-.1*var(--s))/var(--_p),calc(.7*var(--s)) calc(.7*var(--s))/var(--_g),calc(-.3*var(--s)) calc(-.3*var(--s))/var(--_g),conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 0 0/var(--s) var(--s);animation:m 14s infinite}@keyframes m{0%{background-position:calc(.9*var(--s)) calc(.9*var(--s)),calc(-.1*var(--s)) calc(-.1*var(--s)),calc(.7*var(--s)) calc(.7*var(--s)),calc(-.3*var(--s)) calc(-.3*var(--s)),0 0}25%{background-position:calc(1.9*var(--s)) calc(.9*var(--s)),calc(-1.1*var(--s)) calc(-.1*var(--s)),calc(1.7*var(--s)) calc(.7*var(--s)),calc(-1.3*var(--s)) calc(-.3*var(--s)),0 0}50%{background-position:calc(1.9*var(--s)) calc(-.1*var(--s)),calc(-1.1*var(--s)) calc(.9*var(--s)),calc(1.7*var(--s)) calc(-.3*var(--s)),calc(-1.3*var(--s)) calc(.7*var(--s)),0 0}75%{background-position:calc(2.9*var(--s)) calc(-.1*var(--s)),calc(-2.1*var(--s)) calc(.9*var(--s)),calc(2.7*var(--s)) calc(-.3*var(--s)),calc(-2.3*var(--s)) calc(.7*var(--s)),0 0}to{background-position:calc(2.9*var(--s)) calc(-1.1*var(--s)),calc(-2.1*var(--s)) calc(1.9*var(--s)),calc(2.7*var(--s)) calc(-1.3*var(--s)),calc(-2.3*var(--s)) calc(1.7*var(--s)),0 0}}.mainCanvas{border:1px solid #fff;border-radius:1rem;padding:.5rem;background-color:#11446841;max-width:95vw;height:auto;display:block;margin:0 auto}.mainContainer{position:relative}.modal{position:absolute;z-index:1000}.modal button{margin:.2em}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080}.modalWindow{border-radius:.5em;padding:.7em;background-color:#5d4062;border:2px solid #412945;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.modalWindow button{background-color:#5d4062;border:2px solid #412945;background:-webkit-gradient(linear,left top,left bottom,from(#5d4062),to(#4a2f4e));background:-moz-linear-gradient(top,#5d4062,#4a2f4e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5d4062",endColorstr="#4a2f4e")}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.controlButtons{margin-top:1em}.controlButtons button{background-color:#75507b;transition:box-shadow .2s ease-in-out;box-shadow:0 5px 10px #0000004d}.controlButtons button:hover{box-shadow:0 0 20px #70cec0}.controlButtons span{margin-left:2em;font-weight:600;font-size:1.5em;vertical-align:middle;text-shadow:2px 2px #5e5e5eaa}