: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chat-image{border-radius:3%;left:1rem;position:absolute;bottom:4em;width:12%;right:1rem;z-index:10}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#0b2c97}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}.grid-container{z-index:10}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#6b71e0}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}.grid[data-v-39787d35]{display:flex;justify-content:center;gap:1rem;width:100%;max-width:90vw;margin:0 auto}.column[data-v-39787d35]{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.grid-cell[data-v-39787d35]{background-color:#bfd1fd;border:2px solid #4a90e2;border-radius:5px;text-align:center;font-size:calc(.8rem + 1vw);font-weight:700;cursor:pointer;transition:background-color .3s;width:115%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:.2rem;margin:2px}.grid-cell[data-v-39787d35]:hover{background-color:#56cede}.selected[data-v-39787d35]{background-color:#0b2c97;color:#fff;font-weight:700}.special-column[data-v-39787d35]{order:2px solid #4a90e2;border-radius:5px;text-align:center;font-size:calc(.8rem + 1vw);font-weight:700;cursor:pointer;transition:background-color .3s;width:115%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:top;padding:.2rem;margin:-3px -3px -3px 1px}.animation-container[data-v-39787d35]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:40vw;max-width:300px;height:40vw;max-height:300px}@media (max-width: 768px){.grid[data-v-39787d35]{gap:.3rem}.grid-cell[data-v-39787d35]{font-size:calc(.6rem + 1vw);padding:.3rem}}@media (max-width: 480px){.grid[data-v-39787d35]{gap:.2rem}.grid-cell[data-v-39787d35]{font-size:calc(.5rem + 1vw);padding:.2rem}.animation-container[data-v-39787d35]{width:50vw;height:50vw}}body{margin:0;padding:0;overflow-x:hidden}.header{display:flex;align-items:center;justify-content:center;width:90vw;max-width:900px}.logo{width:80px;margin-right:0;margin-bottom:.5rem}.container{max-height:96vh;display:flex;flex-direction:column;align-items:center;border-radius:3%;justify-content:center;min-height:90vh;padding:1rem;box-sizing:border-box;background-color:#fff;font-family:Arial,sans-serif}h1{color:#0b2c97;font-size:calc(1.5rem + 1vw);margin:1rem 0;text-align:center}.reset-button{position:absolute;left:01em;bottom:1rem;margin-top:1rem;padding:.5rem 1rem;background-color:#e37171;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:calc(.8rem + .5vw);transition:background-color .3s}.reset-button:hover{background-color:#e55a5a}@media (max-width: 768px){h1{font-size:calc(1.2rem + 1vw)}.reset-button{position:absolute;font-size:calc(.7rem + .5vw);padding:.4rem .8rem;bottom:1rem}}@media (max-width: 480px){h1{font-size:calc(1rem + 1vw)}.reset-button{position:absolute;font-size:calc(.6rem + .5vw);padding:.3rem .6rem;width:14%;bottom:1rem}}