:root{--vh: 100vh}html,body{height:calc(var(--vh, 1vh) * 100);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App .version-info{text-align:end;font-size:xx-small;margin-right:2rem;color:#d3d3d3}@media (max-width: 600px){.App .version-info{margin-right:4px;color:#d3d3d3}}.Grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(4,1fr);gap:4px;padding:2rem}.Grid .grid-item{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;padding:2px;aspect-ratio:1/1;cursor:pointer;transition:background-color .5s ease-in-out}.Grid .grid-item.top-left{border-top-left-radius:10px;background-color:#90ee90}.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{width:86%;height:auto;fill:#000}.Grid .grid-item.top-left img{animation:spin 1s ease-in-out}.Grid .grid-item:hover img{animation:shimmy .3s ease-in-out 2}.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:grow-bounce 3.5s ease-in-out;animation-fill-mode:forwards}@media (max-width: 600px){.Grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,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{display:none;align-items:center;grid-gap:1rem;padding:10px}.Header button{padding:8px 12px;font-size:16px}