.rope-slide{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;overflow:hidden}.rope{position:absolute;left:0;bottom:-10px;z-index:100;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.rope-image{width:110%;height:auto;object-fit:cover;transform:rotate(-2deg);margin-bottom:10%}.boy-character{position:absolute;bottom:5%;left:-80px;z-index:100;width:150px;animation:slideAcrossRope 4s cubic-bezier(.25,.46,.45,.94) forwards}.boy-image{width:100%;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));animation:swing 4s ease-in-out infinite}@keyframes slideAcrossRope{0%{transform:translateX(100vw);bottom:77%}to{transform:translateX(-80px);bottom:-5%}}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes float{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}.instruction-text{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);font-family:Comic Sans MS,cursive;font-size:24px;color:#FF6B6B;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,-10px)}}@media (max-width:500px){.rope{width:100%;height:100%}.rope-image{width:120%;margin-bottom:80%;transform:rotate(-25.5deg)}.boy-character{width:90px;left:-40px}.boy-image{filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}@keyframes slideAcrossRope{0%{transform:translateX(100vw);bottom:62%}to{transform:translateX(-40px);bottom:-3%}}.instruction-text{font-size:16px;bottom:70px;text-align:center;max-width:90%}}