.app{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;color:#fff;text-align:center;min-height:100dvh}.counters{margin-bottom:20px;font-size:24px;display:flex;gap:20px}.powerup{color:#000;background-color:gold;border-radius:10px;padding:2px 10px;display:flex;font-size:14px;align-items:center;animation:pulse-small 1s infinite}.grid{display:inline-block}.row{display:flex}.cell{width:47px;height:48px;margin:5px;font-size:51px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s}.cell.revealed{animation:revealAnimation .5s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-small{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cell.heart{animation:pulse 1s infinite}@keyframes collectHeart{0%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.5}to{transform:scale(1);opacity:0}}@keyframes collectBerry{0%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.5}to{transform:scale(1);opacity:0}}.cell.collected-heart{animation:collectHeart .5s forwards}.cell.collected-berry{animation:collectBerry .5s forwards}.cell.collected-other{opacity:0}.cell.collected{cursor:default;pointer-events:none}@keyframes revealAnimation{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.congrats-container{position:relative;height:100vh;width:100%;color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.congrats-message{z-index:2;text-align:center;animation:fadeIn 2s ease-out}.congrats-message h1{font-size:40px;margin:0;text-shadow:0 0 10px rgba(255,255,255,.8);animation:glow 1.5s infinite alternate}.congrats-message p{font-size:1.5rem;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,255,255,.8)}to{text-shadow:0 0 20px rgba(255,190,225,.8)}}canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Dela Gothic One;background-color:#000}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}