body{background-color:#0a192f;height:100vh;margin:0}h1{animation:pop .5s ease;color:#fff;font-family:sans-serif;margin-top:20px}.container{align-items:center;background:#0a192f;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 0;position:relative}.game-area{background:#f0f0f0;border:2px solid #fff;border-radius:8px;box-shadow:0 0 20px #0a192fcc;height:500px;position:relative;width:500px}.food-dot,.snake-dot{height:2%;position:absolute;width:2%}.food-dot{align-items:center;display:flex;justify-content:center;pointer-events:none}.score{color:#fff;font-size:24px;left:50%;position:absolute;top:20px;transform:translateX(-50%);transition:transform .2s ease}.score.bump{transform:translateX(-50%) scale(1.3)}.game-over{animation:gameOverPop .8s ease forwards;bottom:20px;color:#000;font-size:48px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.snake-dot{background:green;border-radius:50%;height:2%;position:absolute;transition:background .2s ease;width:2%}.dead-snake-dot{background:#000}.snake-head{transition:background .2s ease}.dead-snake-head{background:#000}.snake-head.head-eaten{background:gold;transform:scale(1.5)}.snake-head{background:#32cd32;border-radius:50%;height:2%;position:absolute;transition:transform .2s ease,background .2s ease;width:2%}.head-eaten{animation:mushroomBounce .3s ease;background:gold}@keyframes mushroomBounce{0%{transform:scale(1)}50%{transform:scale(1.8)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes gameOverPop{0%{opacity:0;transform:translateX(-50%) scale(.5)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}70%{transform:translateX(-50%) scale(.95)}to{transform:translateX(-50%) scale(1)}}
/*# sourceMappingURL=main.b732ebaa.css.map*/