:root{--vh:100vh}html,body{height:calc(var(--vh,1vh) * 100);color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.App .version-info{text-align:end;color:#d3d3d3;margin-right:2rem;font-size:xx-small}@media (width<=600px){.App .version-info{color:#d3d3d3;margin-right:4px}}.Grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(9,1fr);gap:4px;padding:2rem;display:grid}.Grid .grid-item{aspect-ratio:1;cursor:pointer;background-color:#f0f0f0;justify-content:center;align-items:center;padding:2px;transition:background-color .5s ease-in-out;display:flex}.Grid .grid-item.top-left{background-color:#90ee90;border-top-left-radius:10px}.Grid .grid-item.top-right{border-top-right-radius:10px}.Grid .grid-item.bottom-left{border-bottom-left-radius:10px}.Grid .grid-item.bottom-right{border-bottom-right-radius:10px}.Grid .grid-item img{fill:#000;width:86%;height:auto}.Grid .grid-item.top-left img{animation:1s ease-in-out spin}.Grid .grid-item:hover img{animation:.3s ease-in-out 2 shimmy}.Grid .centered-character{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.Grid .heart-hide{display:none}.Grid .heart-bounce{font-size:2rem;animation:3.5s ease-in-out forwards grow-bounce}@media (width<=600px){.Grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(4,1fr);padding:2px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-720deg)}}@keyframes shimmy{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes grow-bounce{0%{transform:scale(.5)}50%{transform:scale(7)}70%{transform:scale(3.5)}85%{transform:scale(5.5)}to{transform:scale(5)}}.Header{grid-gap:1rem;align-items:center;padding:10px;display:none}.Header button{padding:8px 12px;font-size:16px}