.training-animation{text-align:center;padding:20px;color:#d9ffe6;background:linear-gradient(145deg,#216944,#0c3528)}.training-animation>small{color:#a2dfb5;font-size:12px}.training-animation h2{color:#bdffb2;font:700 30px 'Barlow Condensed';margin:10px 0 20px}.training-animated-pitch{position:relative;height:280px;overflow:hidden;border:2px solid #d5edcd;background:repeating-linear-gradient(90deg,#3c873e 0 80px,#4a9646 80px 160px);margin:10px 0 22px}.training-animated-pitch:before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #e0f6cf}.training-centre-circle{position:absolute;width:95px;height:95px;border:1px solid #e0f6cf;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.training-runner{position:absolute;left:var(--x);top:var(--y);width:70px;transform:translate(-50%,-50%);animation:training-run 2s ease-in-out infinite;animation-delay:var(--delay)}.training-runner img{width:38px;height:38px;object-fit:cover;border:2px solid #bbffd0;border-radius:50%;box-shadow:0 3px 7px #092c24}.training-runner span{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0d3926;color:white}.training-moving-ball{position:absolute;font-size:23px;top:45%;left:20%;animation:training-pass 2.7s ease-in-out infinite;filter:drop-shadow(0 3px 3px #183e24)}.training-cone{position:absolute;color:#ffb33c;font-size:20px;transform:translate(-50%,-50%)}.training-animation-progress{height:12px;background:#092d1f;border-radius:6px;overflow:hidden}.training-animation-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#37cb79,#b4ff75);animation:training-progress 5s linear forwards}.training-animation-label{font-size:13px;color:#bce9cd;min-height:22px}.training-animation-rewards{display:flex;justify-content:center;gap:25px;padding:14px 0}.training-animation-rewards span{font-size:11px;color:#bbdcc6}.training-animation-rewards b{display:block;font:700 24px 'Barlow Condensed';color:#a8faad}.training-animation>button{width:100%;margin-top:10px}.training-animation.finished .training-runner,.training-animation.finished .training-moving-ball{animation-play-state:paused}.training-animation.finished .training-animation-progress i{animation:none;width:100%}@keyframes training-run{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 25px),calc(-50% + 16px))}}@keyframes training-pass{0%,100%{left:20%;top:28%}35%{left:65%;top:70%}70%{left:82%;top:28%}}@keyframes training-progress{to{width:100%}}