:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #103d6b;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-2);--color-text: var(--vt-c-text-dark-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay-z1{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-blend-mode:screen}.overlay-z2{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background-blend-mode:screen}.overlay-z3{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#031f3f;opacity:1;transition:background 10s,background-color 10s,opacity 10s;background:radial-gradient(ellipse 120% 100% at 50% 25%,#0000,53%,#6e90b71a,#489ce526,75%,#489ce540,#07253f47,90%,#1b0800)}.overlay-z3.overlay-hidden{display:none;opacity:0;transition:background 2s,background-color 2s}.overlay-z3.overlay-z3-12{opacity:.12;transition-duration:3s}.overlay-z3.overlay-z3-25{opacity:.25;transition-duration:3s}.overlay-z3.overlay-z3-35{opacity:.35;transition-duration:3s}.overlay-z3.overlay-z3-tint-max{opacity:.55;transition:background 4s,background-color 6s,opacity 4s;background:radial-gradient(ellipse 120% 100% at 50% 25%,#0000,50%,#6e90b71a,#489ce526,80%,#489ce540,#07253f47,90%,#1b0800);background-blend-mode:screen}.overlay-z3.overlay-z3-12.overlay-night-mode,.overlay-z3.overlay-night-mode{opacity:1;transition:background 4s,background-color 4s,opacity 4s;background:radial-gradient(ellipse 120% 93% at 50% 32%,#5f490008,35%,#74520940,53%,#026d4040,75%,#38200073,#1f0202a6,90%,#050100)}.overlay-50{background:#00000080}.overlay-5{background:#c8000040}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400;position:relative;z-index:10}a,.blue{text-decoration:none;color:#489ce5;transition:.4s;padding:3px}.blue-dimmed{color:#489ce5b3}.white-dimmed{color:#a7ccecb3}.dark-text{color:#555}.text-faint{opacity:85%}span.blue-dimmed-bg{background-color:#489ce5cc}.over-bg-shadow{text-shadow:0 .05em .5em #000000}.over-bg-area-shadow-dark{background-color:#00000059;box-shadow:0 0 1em .5em #00000059}.over-bg-area-shadow{background-color:#00000026;box-shadow:0 0 1em .5em #00000026}.over-bg-area-shadow-light{background-color:#00000014;box-shadow:0 0 1em .5em #00000014}.download-icon{width:1em;height:1em;display:inline-block;vertical-align:baseline;background-color:#a6cff2;-webkit-mask-image:url(/assets/icon-download.png);mask-image:url(/assets/icon-download.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.major-slash{font-weight:bolder;font-size:150%;line-height:.1;position:relative;top:.08em}.minor-slash{font-weight:bolder;font-size:200%;line-height:.1;position:relative;opacity:.5;top:.2em}.centered-div{display:flex;justify-content:center;gap:.15em}.big-heading{background:#00000040;box-shadow:0 0 1em .6em #00000040;border-radius:.7em;padding:.25em}.twist-cont{font-size:9pt;position:relative;width:1.5em;border-radius:.75em;font-weight:bolder;transition:transform 1.25s ease,background-color 1.25s ease,box-shadow 1.25s ease;background-color:#c8d2ff1a;box-shadow:0 0 1em .5em #c8d2ff1a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twist-cont:hover{background-color:#c8d2ff40;box-shadow:0 0 1em .5em #c8d2ff40}.twist-cont.set-a{transform:rotate(0);transition:transform .5s,background-color 1.25s,box-shadow 1.25s;background-color:#8a855d33;box-shadow:0 0 .75em .25em #fff7af4d}.twist-cont.set-a:hover{background-color:#fff7af4d;box-shadow:0 0 .75em .25em #fff7af4d}.twist-cont.set-a.on{transform:rotate(90deg);transition:transform 1.25s,background-color 1.25s,box-shadow 1.25s;background-color:#fff7af40;box-shadow:0 0 .75em .25em #fff7af40}.twist-cont.set-a.on:hover{background-color:#afffd74d;box-shadow:0 0 .75em .25em #afffd759}.twist-cont.set-a.on.tint-light{transform:rotate(180deg);background-color:#afffd740;box-shadow:0 0 .75em .25em #afffd740}.twist-cont.set-a.on.tint-light:hover{background-color:#ff797940;box-shadow:0 0 .75em .25em #ff797940}.twist-cont.set-a.on.tint-night{transform:rotate(270deg);background-color:#ff797973;box-shadow:0 0 .75em .25em #ff797959}.twist-cont.set-a.on.tint-night:hover{background-color:#ffb88859;box-shadow:0 0 .75em .25em #ffcfaf66}.twist-cont.set-a.on.tint-max{transform:rotate(315deg);background-color:#ffc26b59;box-shadow:0 0 .75em .25em #ffc26b59}.twist-cont.set-a.on.tint-max:hover{background-color:#ffcfaf33;box-shadow:0 0 .75em .25em #ffcfaf33}.twist-cont.set-b{transform:rotate(0);background-color:#865c6533;box-shadow:0 0 .75em .25em #ffafc04d}.twist-cont.set-b:hover{background-color:#ffafc04d;box-shadow:0 0 .75em .25em #ffafc04d}.twist-cont.set-b.on{transform:rotate(-90deg);background-color:#ffafc040;box-shadow:0 0 .75em .25em #ffafc040}.twist-cont.set-b.on:hover{background-color:#ffafc033;box-shadow:0 0 .75em .25em #ffafc040}.twist-cont.set-c{transform:rotate(-115deg);background-color:#4f8a4f33;box-shadow:0 0 .75em .25em #92ff924d}.twist-cont.set-c:hover{background-color:#92ff9259;box-shadow:0 0 .75em .25em #92ff9259}.twist-cont.set-c.on{transform:rotate(-25deg);background-color:#92ff924d;box-shadow:0 0 .75em .25em #92ff924d}.twist-cont.set-c.on:hover{background-color:#92ff9240;box-shadow:0 0 .75em .25em #92ff924d}.twist-cont.set-c.on.on-extra{transform:rotate(-205deg);background-color:#76fce659;box-shadow:0 0 .75em .25em #76e8fc59}.twist-cont.set-c.on.on-extra:hover{background-color:#76e8fc4d;box-shadow:0 0 .75em .25em #76e8fc4d}.twist-cont.clicked{transform:rotate(-90deg);background-color:#c8d2ff59;box-shadow:0 0 1em .5em #c8d2ff59;transition-duration:1s}.twist-cont.clicked.clicked-left{transform:rotate(90deg)}.twist-cont.clicked:hover{background-color:#c8d2ff4d;box-shadow:0 0 1em .5em #c8d2ff59}.twist-cont.force-block{display:flex;flex-direction:row;width:1em;height:1em;justify-content:center;align-items:center;font-size:12pt;line-height:.1;position:relative}.twist-cont.set-d .twist-slash{line-height:.1;font-size:12pt;top:-.06em}.twist-cont.set-d{border:.1em solid rgba(210,186,255,.1);transform:rotate(90deg);background-color:#fff7af70;box-shadow:0 0 1em .15em #fff7af70}.twist-cont.set-d.reverse-motion{transform:rotate(180deg);transition:transform 1.25s ease,background-color 1.25s,box-shadow 1.25s}.twist-cont.set-d.set-d-left{transform:rotate(-90deg);background-color:#ffafc070;box-shadow:0 0 1em .15em #ffafc070}.twist-cont.set-d.reverse-motion.set-d-left{transform:rotate(180deg)}.twist-cont.set-d:hover{background-color:#489ce5b3;box-shadow:0 0 1em .25em #489ce5b3}.twist-cont.set-d.on{transform:rotate(0);background-color:#489ce5b3;box-shadow:0 0 1em .15em #489ce5b3}.twist-cont.set-d.reverse-motion.on{transform:rotate(90deg);transition:transform .35s ease,background-color 1.25s,box-shadow 1.25s}.twist-cont.set-d.reverse-motion.on.set-d-left{transform:rotate(270deg)}.twist-cont.set-d.on:hover{background-color:#489ce5cc;box-shadow:0 0 1em .25em #489ce5cc}.twist-slash{font-weight:bolder;font-size:150%;line-height:.1;position:relative;top:.17em;cursor:pointer}.instructions,.controls-row{text-align:center;margin:.5em 0;font-size:10pt;position:relative}.controls-row.alone{margin:1.5em 0 .5em}nav{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active{color:var(--color-text);background-color:#0000000d;box-shadow:0 0 1em .5em #0000000d;border:0 solid transparent}.night-mode nav a.router-link-exact-active{color:#fc8d5abf}nav a.router-link-exact-active:hover{background-color:#fff0;box-shadow:0 0 1em .5em #fff0;border:0 solid transparent}a.active-border,nav a{display:inline-block;padding:.5em 1em;border-radius:.5em;font-weight:bolder;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-shadow:-.01em .01em .45em rgb(0 0 0);background-color:#00000026;box-shadow:0 0 1em .5em #00000026;border:0 solid transparent}.night-mode a.active-border,.night-mode nav a{color:#d3533dbf}a.active-border:hover,nav a:hover{background-color:#e6e6e626;box-shadow:0 0 1em .5em #e6e6e626;border:.15em dashed white}@media (hover: hover){a:hover{background-color:#0065bd33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{position:relative;z-index:10;display:grid;grid-template-columns:1fr 3fr;padding:0 2rem}}header[data-v-ddd6c892]{line-height:1.5;max-height:100vh;z-index:2}.logo[data-v-ddd6c892]{display:block;margin:0 auto 2rem}footer[data-v-ddd6c892]{display:flex;flex-direction:row;justify-content:center;z-index:2}#app.night-mode .blue-dimmed[data-v-ddd6c892]{color:#d3533dbf}#app.night-mode span.blue-dimmed-bg[data-v-ddd6c892]{background-color:#d3533dbf}@media (min-width: 1024px){header[data-v-ddd6c892]{display:flex;place-items:center;text-shadow:0 .05em .5em #000000;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-ddd6c892]{margin:0 2rem 0 0}header .wrapper[data-v-ddd6c892]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-ddd6c892]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem;text-shadow:0 .05em .5em #000000}footer[data-v-ddd6c892]{display:block}}