.practice-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);text-align:center;min-height:80px}.practice-animation .field-container{position:relative;width:120px;height:60px;margin-bottom:var(--spacing-sm);overflow:hidden}.practice-animation .field-container::before{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0.4) 2px, transparent 2px, transparent 15px), linear-gradient(180deg, rgba(34, 139, 34, 0.3) 0%, rgba(0, 100, 0, 0.2) 100%);animation:fieldScroll 2s linear infinite;border-top:1px solid rgba(255, 255, 255, 0.2)}.practice-animation .field-container .player{position:absolute;width:24px;height:36px;left:0;top:8px;animation:playerRun 6s linear infinite}.practice-animation .field-container .player::before{content:"";position:absolute;width:12px;height:10px;background:linear-gradient(135deg, var(--color-primary-gold) 0%, #e6c066 100%);top:0;left:6px;border-radius:6px 6px 3px 3px;border:1px solid #b8941f;box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3)}.practice-animation .field-container .player::after{content:"";position:absolute;width:14px;height:16px;background:linear-gradient(135deg, var(--color-primary-dark) 0%, #1a4332 100%);top:10px;left:5px;border-radius:2px;border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 2px 0 0 #8B4513, 0 4px 0 0 #8B4513, 0 6px 0 0 #333, inset 0 -2px 0 rgba(0, 0, 0, 0.2)}.practice-animation .field-container .receiver{position:absolute;width:20px;height:32px;right:-10px;top:12px;animation:receiverRun 6s linear infinite}.practice-animation .field-container .receiver::before{content:"";position:absolute;width:9px;height:7px;background:linear-gradient(135deg, var(--color-primary-gold) 0%, #e6c066 100%);top:0;left:5px;border-radius:4px 4px 2px 2px;border:1px solid #b8941f;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2)}.practice-animation .field-container .receiver::after{content:"";position:absolute;width:11px;height:12px;background:linear-gradient(135deg, var(--color-primary-dark) 0%, #1a4332 100%);top:7px;left:4px;border-radius:2px;border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 2px 0 0 #8B4513, 0 4px 0 0 #333}.practice-animation .field-container .football{position:absolute;width:10px;height:7px;background:linear-gradient(135deg, #8B4513 0%, #A0522D 100%);border-radius:50%;top:14px;left:20px;animation:footballThrow 6s linear infinite;border:1px solid #654321;opacity:1;z-index:10}.practice-animation .field-container .football::before{content:"";position:absolute;width:2px;height:5px;background:var(--color-white);top:1px;left:4px;box-shadow:1px 0 0 var(--color-white)}.practice-animation .field-container .ball-trail{position:absolute;width:8px;height:5px;background:linear-gradient(45deg, #8B4513 0%, #A0522D 100%);border-radius:50%;animation:ballTrail 6s linear infinite;opacity:0;border:1px solid #654321;box-shadow:0 0 3px rgba(139, 69, 19, 0.5);z-index:9}.practice-animation .practice-label{color:var(--color-primary-gold);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:0.9;animation:labelGlow 6s linear infinite}.practice-animation .practice-label::before{content:"TRAINING";animation:labelText 6s linear infinite}@keyframes labelText{0%,25%{content:"TRAINING"}30%,65%{content:"PASS!"}70%,100%{content:"TOUCHDOWN!"}}@keyframes playerRun{0%{left:-25px;transform:scaleX(1)}30%{left:40px;transform:scaleX(1)}35%{left:45px;transform:scaleX(1) rotateZ(-15deg)}40%{left:45px;transform:scaleX(1)}100%{left:45px;transform:scaleX(1)}}@keyframes receiverRun{0%,35%{right:-25px;opacity:0;transform:scaleX(1)}40%{right:-15px;opacity:1;transform:scaleX(1)}65%{right:5px;opacity:1;transform:scaleX(1)}70%{right:5px;opacity:1;transform:scaleX(1) rotateZ(-15deg)}75%{right:5px;opacity:1;transform:scaleX(1) rotateZ(10deg)}80%,100%{right:5px;opacity:1;transform:scaleX(1)}}@keyframes footballThrow{0%,25%{left:20px;top:14px;opacity:1;transform:translateY(0) rotate(0deg)}30%{left:25px;top:14px;opacity:1;transform:translateY(0) rotate(45deg)}45%{left:50px;top:8px;opacity:1;transform:translateY(-8px) rotate(180deg)}60%{left:75px;top:12px;opacity:1;transform:translateY(-4px) rotate(270deg)}70%{left:95px;top:16px;opacity:1;transform:translateY(0) rotate(360deg)}75%,100%{left:95px;top:16px;opacity:1;transform:translateY(0) rotate(360deg)}}@keyframes ballTrail{0%,29%{opacity:0;left:18px;top:14px}30%{opacity:0.6;left:20px;top:14px}40%{opacity:0.5;left:35px;top:10px}50%{opacity:0.4;left:55px;top:8px}60%{opacity:0.3;left:70px;top:12px}70%{opacity:0.1;left:90px;top:16px}75%,100%{opacity:0;left:95px;top:16px}}@keyframes fieldScroll{0%{background-position:0 0}100%{background-position:15px 0}}@keyframes labelGlow{0%,25%{opacity:0.8;text-shadow:0 0 5px rgba(205, 171, 86, 0.3)}30%,65%{opacity:1;text-shadow:0 0 10px rgba(205, 171, 86, 0.6)}70%,100%{opacity:1;text-shadow:0 0 20px #cdab56, 0 0 30px rgba(205, 171, 86, 0.6), 2px 2px 0 rgba(0, 0, 0, 0.8)}}