.octopus-art{position:absolute;inset:62px 0 70px;display:flex;align-items:center;justify-content:center;z-index:1}.octopus-tentacles{position:absolute;top:92px;left:50%;width:190px;height:75px;transform:translateX(-50%)}.octopus-tentacles i{position:absolute;bottom:4px;left:88px;width:18px;height:78px;border:7px solid #633c93;border-top:0;border-radius:0 0 18px 18px;transform-origin:top center;background:var(--lilac-dark)}.octopus-tentacles i:nth-child(1){transform:rotate(-62deg);height:83px}.octopus-tentacles i:nth-child(2){transform:rotate(-45deg);height:74px}.octopus-tentacles i:nth-child(3){transform:rotate(-27deg);height:68px}.octopus-tentacles i:nth-child(4){transform:rotate(-10deg);height:64px}.octopus-tentacles i:nth-child(5){transform:rotate(10deg);height:64px}.octopus-tentacles i:nth-child(6){transform:rotate(27deg);height:68px}.octopus-tentacles i:nth-child(7){transform:rotate(45deg);height:74px}.octopus-tentacles i:nth-child(8){transform:rotate(62deg);height:83px}.octopus-body{position:relative;width:108px;height:108px;border:5px solid var(--black);border-radius:50%;background:radial-gradient(circle at 32% 25%,#d9c9ff 0 8%,var(--lilac) 40%,#7746a9 100%);z-index:2}.octopus-eye{position:absolute;top:35px;width:28px;height:34px;border-radius:50%;background:#fff}.eye-left{left:23px}.eye-right{right:23px}.octopus-pupil{position:absolute;top:47px;width:9px;height:13px;border-radius:50%;background:var(--black);z-index:2}.pupil-left{left:33px}.pupil-right{right:33px}.octopus-mouth{position:absolute;left:47px;top:67px;width:15px;height:19px;border-radius:50%;background:#633c93}
.game-card:hover .octopus-body{animation:octopus-bob 1.2s ease-in-out infinite}.game-card:hover .octopus-tentacles{animation:octopus-wiggle 1.2s ease-in-out infinite}.game-card:hover .octopus-tentacles i{animation:tentacle-wave .75s ease-in-out infinite alternate}.game-card:hover .octopus-tentacles i:nth-child(even){animation-delay:.12s}@keyframes octopus-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes octopus-wiggle{0%,100%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg)}}@keyframes tentacle-wave{from{margin-top:0}to{margin-top:6px}}
@media(max-width:760px){.game-card .octopus-body{animation:octopus-bob 1.2s ease-in-out infinite}.game-card .octopus-tentacles{animation:octopus-wiggle 1.2s ease-in-out infinite}.game-card .octopus-tentacles i{animation:tentacle-wave .75s ease-in-out infinite alternate}.game-card .octopus-tentacles i:nth-child(even){animation-delay:.12s}}