:root{--yellow:#ffe14d;--ink:#14110f;--cream:#fff8e7;--cobalt:#1d4ed8;--pink:#ff3d8b;--muted:#3a3530}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-weight:600;line-height:1.5}.ball-host{position:relative;overflow:hidden}.ball-drop{position:absolute;left:clamp(5%,11vw,14%);top:0;width:100px;height:100%;pointer-events:none;z-index:1}.ball-drop img{position:absolute;left:0;top:0;width:clamp(64px,8vw,104px);height:auto;transform:translateY(-160px);opacity:0;filter:drop-shadow(0 14px 12px rgba(0,0,0,.28))}.ball-go .ball-drop img{opacity:1;animation:ballDrop 2.6s linear forwards}@keyframes ballDrop{0%{transform:translateY(-160px) rotate(0);animation-timing-function:cubic-bezier(.55,0,1,.45)}32%{transform:translateY(var(--floor,240px)) rotate(260deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}52%{transform:translateY(calc(var(--floor, 240px) * .55)) rotate(1turn);animation-timing-function:cubic-bezier(.55,0,1,.45)}68%{transform:translateY(var(--floor,240px)) rotate(470deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}82%{transform:translateY(calc(var(--floor, 240px) * .8)) rotate(540deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}to{transform:translateY(var(--floor,240px)) rotate(580deg)}}@media (max-width:820px){.ball-drop{left:auto;right:6%;width:64px}.ball-drop img{width:64px}}@media (prefers-reduced-motion:reduce){.ball-go .ball-drop img{animation:none;transform:translateY(var(--floor,190px))}}