.beach-tennis-ball{width:45px;height:45px;background:#03a9f4;border-radius:50%;position:absolute;z-index:30;box-shadow:2px 2px 8px #0000004d;animation:fly-and-hit 1s ease-in-out forwards}@keyframes fly-and-hit{0%{opacity:1;transform:translate(-50%) scale(.7)}85%{top:var(--target-top);left:var(--target-left);transform:translate(-50%) translateY(-50%) scale(1.1);opacity:1}to{top:var(--target-top);left:var(--target-left);transform:translate(-50%) translateY(-50%) scale(1);opacity:0}}@media (max-width: 600px){.beach-tennis-ball{width:35px;height:35px}}.fireworks-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:10}.particle{position:absolute;width:4px;height:4px;background-color:#e0cda9;border-radius:50%;opacity:0;animation:burst 1.5s ease-out forwards;box-shadow:0 0 5px #f4a46080}@keyframes burst{0%{transform:scale(.5);opacity:1}to{transform:scale(1) translate(calc((var(--rand-x) - .5) * 400px),calc((var(--rand-y) - .5) * 400px));opacity:0}}@media (max-width: 900px){@keyframes burst{0%{transform:scale(.5);opacity:1}to{transform:scale(1) translate(calc((var(--rand-x) - .5) * 250px),calc((var(--rand-y) - .5) * 250px));opacity:0}}}@media (max-width: 600px){.particle{width:3px;height:3px}@keyframes burst{0%{transform:scale(.5);opacity:1}to{transform:scale(1) translate(calc((var(--rand-x) - .5) * 180px),calc((var(--rand-y) - .5) * 180px));opacity:0}}}