.bowling-container{width:100vw;height:100vh;background-color:#111;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;margin-left:-200px}.lane{width:90%;height:60%;background:#deb887;position:relative;overflow:hidden;border-radius:10px;box-shadow:inset 0 0 10px #00000055}.ball{animation:roll 2s ease-out forwards}.pins{position:absolute;bottom:20px;right:80px;display:flex;gap:15px}.pin{width:10px;height:50px;background:white;border-bottom:5px solid red;border-radius:5px 5px 0 0;transform-origin:bottom center}.pin1{animation:fallLeft 1s ease-out 2s forwards}.pin2{animation:fallLeft 1s ease-out 2.1s forwards}.pin3{animation:fallBack 1s ease-out 2.2s forwards}.pin4{animation:fallRight 1s ease-out 2.3s forwards}.pin5{animation:fallRight 1s ease-out 2.4s forwards}@keyframes roll{to{transform:translateX(80vw)}}@keyframes fallLeft{to{transform:rotate(-70deg) translateY(10px);opacity:.8}}@keyframes fallRight{to{transform:rotate(70deg) translateY(10px);opacity:.8}}@keyframes fallBack{to{transform:rotateX(75deg) translateY(10px);opacity:.8}}.ball{animation:bounceThenRoll 3s ease-out forwards}@keyframes bounceThenRoll{0%{transform:translateY(0) translateX(0)}10%{transform:translateY(-30px) translateX(10px)}20%{transform:translateY(0) translateX(20px)}30%{transform:translateY(-20px) translateX(30px)}40%{transform:translateY(0) translateX(40px)}50%{transform:translateY(-10px) translateX(50px)}60%{transform:translateY(0) translateX(60px)}70%{transform:translateY(0) translateX(70px)}to{transform:translateY(0) translateX(80vw)}}.ball{width:50px;height:50px;background-color:black;border-radius:50%;position:absolute;bottom:20px;left:20px;animation:bounceArc 2.5s ease-out forwards}@keyframes bounceArc{0%{transform:translate(0)}15%{transform:translate(80px,-60px)}30%{transform:translate(160px)}45%{transform:translate(240px,-40px)}60%{transform:translate(320px)}75%{transform:translate(400px,-20px)}to{transform:translate(600px)}}