.grid[data-v-7a7a37b1]{display:flex;flex-direction:row;flex-wrap:wrap-reverse;margin:0 auto;height:90vh;aspect-ratio:9/8;position:relative}.figure[data-v-7a7a37b1]{background-color:#6e00a1;width:8%;height:9%;border-radius:50%;border:1px solid #4a0068;position:absolute;left:0;top:100%;transform:translate(16%,17%);transition:all .3s}.row[data-v-7a7a37b1]{display:flex;flex:100%}.cell[data-v-7a7a37b1]{display:flex;aspect-ratio:1/1;background-color:#8e8eea;color:#000;justify-content:center;align-items:center;border:1px solid #22227f;border-radius:.2em;margin:.15em;flex:10%;transition:all .2s}.cell.current[data-v-7a7a37b1]{font-weight:700;background-color:#4c4cd2;transition:all .2s}.cell.red[data-v-7a7a37b1]{border-color:#760a0a;background-color:#ee6363}.cell.green[data-v-7a7a37b1]{border-color:#0a7618;background-color:#8dee63}.action[data-v-7a7a37b1]{display:flex;align-items:center;justify-content:center;height:10vh;position:relative;z-index:10}@media (min-width: 1024px){header[data-v-7a7a37b1]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}}.backdrop[data-v-7a7a37b1]{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000c;perspective:500px;z-index:1}.cube[data-v-7a7a37b1]{animation-fill-mode:forwards;bottom:0;height:100px;left:0;margin:auto;position:absolute;transform-style:preserve-3d;right:0;top:0;width:100px}.face[data-v-7a7a37b1]{height:100%;left:0;position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:center;font-size:3em;color:#fff}.front[data-v-7a7a37b1]{background:#333;transform:translateZ(50px)}.back[data-v-7a7a37b1]{background:#444;transform:translateZ(-50px) rotateY(180deg)}.left[data-v-7a7a37b1]{background:#555;transform:translate(-50px) rotateY(-90deg)}.right[data-v-7a7a37b1]{background:#666;transform:translate(50px) rotateY(90deg)}.top[data-v-7a7a37b1]{background:#777;transform:translateY(-50px) rotateX(90deg)}.bottom[data-v-7a7a37b1]{background:#888;transform:translateY(50px) rotateX(-90deg)}.cube.rotate[data-v-7a7a37b1]{animation:rotate-7a7a37b1 7s linear infinite}.cube.show_1[data-v-7a7a37b1]{animation:one-7a7a37b1 5s linear forwards}.cube.show_2[data-v-7a7a37b1]{animation:two-7a7a37b1 5s linear forwards}.cube.show_3[data-v-7a7a37b1]{animation:three-7a7a37b1 5s linear forwards}.cube.show_4[data-v-7a7a37b1]{animation:four-7a7a37b1 5s linear forwards}.cube.show_5[data-v-7a7a37b1]{animation:five-7a7a37b1 5s linear forwards}.cube.show_6[data-v-7a7a37b1]{animation:six-7a7a37b1 5s linear forwards}@keyframes rotate-7a7a37b1{to{transform:rotateY(360deg) rotateX(720deg) rotate(1080deg)}}@keyframes one-7a7a37b1{to{transform:rotateY(363deg) rotateX(368deg) rotate(1090deg)}}@keyframes two-7a7a37b1{to{transform:rotateY(1090deg) rotateX(540deg) rotate(550deg)}}@keyframes three-7a7a37b1{to{transform:rotateY(440deg) rotateX(730deg) rotate(1080deg)}}@keyframes four-7a7a37b1{to{transform:rotateY(266deg) rotateX(728deg) rotate(1072deg)}}@keyframes five-7a7a37b1{to{transform:rotateY(640deg) rotateX(630deg) rotate(1150deg)}}@keyframes six-7a7a37b1{to{transform:rotateY(660deg) rotateX(810deg) rotate(1010deg)}}: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: #2c3e50;--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-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-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;position:relative;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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}