@charset "UTF-8";
.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 .cheerleader-container{position:relative;width:120px;height:60px;margin-bottom:var(--spacing-sm);overflow:hidden}.practice-animation .cheerleader-container::before{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle at 15px 3px, rgba(205, 171, 86, 0.6) 1px, transparent 1px), radial-gradient(circle at 45px 2px, rgba(205, 171, 86, 0.4) 1px, transparent 1px), radial-gradient(circle at 75px 4px, rgba(205, 171, 86, 0.5) 1px, transparent 1px), radial-gradient(circle at 105px 1px, rgba(205, 171, 86, 0.3) 1px, transparent 1px), linear-gradient(180deg, rgba(139, 69, 139, 0.3) 0%, rgba(75, 0, 130, 0.2) 100%);animation:stageShimmer 3s linear infinite;border-top:1px solid rgba(205, 171, 86, 0.3)}.practice-animation .cheerleader-container .cheerleader{position:absolute;width:20px;height:40px;left:50%;top:8px;transform:translateX(-50%);animation:cheerleaderDance 4s ease-in-out infinite}.practice-animation .cheerleader-container .cheerleader::before{content:"";position:absolute;width:10px;height:10px;background:linear-gradient(135deg, #FFB6C1 0%, #FF69B4 100%);top:0;left:5px;border-radius:50%;border:1px solid #FF1493;box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2), -8px -2px 0 -3px #FFD700, 8px -2px 0 -3px #FFD700, 0 -8px 0 -2px #FFD700}.practice-animation .cheerleader-container .cheerleader::after{content:"";position:absolute;width:12px;height:18px;background:linear-gradient(135deg, var(--color-primary-gold) 0%, #e6c066 100%);top:10px;left:4px;border-radius:2px;border:1px solid #b8941f;box-shadow:0 2px 0 0 #FF69B4, 0 4px 0 0 #FF69B4, 0 6px 0 0 #FFB6C1, 0 8px 0 0 #FFB6C1, 0 10px 0 0 #FFF, inset 0 -2px 0 rgba(0, 0, 0, 0.1)}.practice-animation .cheerleader-container .pom-poms{position:absolute;width:8px;height:8px;left:40%;top:18px;animation:pomPomsDance 4s ease-in-out infinite}.practice-animation .cheerleader-container .pom-poms::before{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle, var(--color-primary-gold) 0%, #e6c066 70%);top:0;left:-8px;border-radius:50%;border:1px solid #b8941f;box-shadow:0 0 0 2px rgba(205, 171, 86, 0.3), 0 0 8px rgba(205, 171, 86, 0.6)}.practice-animation .cheerleader-container .pom-poms::after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle, var(--color-primary-gold) 0%, #e6c066 70%);top:0;right:-8px;border-radius:50%;border:1px solid #b8941f;box-shadow:0 0 0 2px rgba(205, 171, 86, 0.3), 0 0 8px rgba(205, 171, 86, 0.6)}.practice-animation .cheerleader-container .cheer-moves{position:absolute;width:30px;height:30px;left:50%;top:15px;transform:translateX(-50%);animation:cheerMoves 4s ease-in-out infinite;pointer-events:none}.practice-animation .cheerleader-container .cheer-moves::before{content:"✨";position:absolute;font-size:12px;color:var(--color-primary-gold);animation:moveSparkle1 4s ease-in-out infinite}.practice-animation .cheerleader-container .cheer-moves::after{content:"⭐";position:absolute;font-size:10px;color:#FF69B4;animation:moveSparkle2 4s ease-in-out infinite}.practice-animation .cheerleader-container .sparkles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;animation:sparkleShow 4s ease-in-out infinite}.practice-animation .cheerleader-container .sparkles::before{content:"✨";position:absolute;font-size:8px;color:var(--color-primary-gold);top:10px;left:20px;animation:sparkle1 4s ease-in-out infinite}.practice-animation .cheerleader-container .sparkles::after{content:"✨";position:absolute;font-size:8px;color:#FF69B4;top:15px;right:20px;animation:sparkle2 4s ease-in-out infinite}.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 4s ease-in-out infinite}.practice-animation .practice-label::before{content:"TRAINING";animation:labelText 4s ease-in-out infinite}@keyframes labelText{0%,25%{content:"TRAINING"}30%,50%{content:"ROUTINE!"}55%,75%{content:"PERFECT!"}80%,100%{content:"SPIRIT!"}}@keyframes cheerleaderDance{0%,100%{transform:translateX(-50%) translateY(0) rotate(0deg)}25%{transform:translateX(-50%) translateY(-3px) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-6px) rotate(0deg)}75%{transform:translateX(-50%) translateY(-3px) rotate(5deg)}}@keyframes pomPomsDance{0%,100%{transform:translateY(0) rotate(0deg);left:40%}25%{transform:translateY(-8px) rotate(-30deg);left:35%}50%{transform:translateY(-12px) rotate(0deg);left:45%}75%{transform:translateY(-8px) rotate(30deg);left:50%}}@keyframes cheerMoves{0%,100%{opacity:0.8;transform:translateX(-50%) scale(1) rotate(0deg)}25%{opacity:1;transform:translateX(-50%) scale(1.1) rotate(-10deg)}50%{opacity:1;transform:translateX(-50%) scale(1.2) rotate(0deg)}75%{opacity:1;transform:translateX(-50%) scale(1.1) rotate(10deg)}}@keyframes moveSparkle1{0%,100%{top:-5px;left:-10px;opacity:0}25%{top:-8px;left:-15px;opacity:1}50%{top:-12px;left:5px;opacity:1}75%{top:-8px;left:20px;opacity:1}}@keyframes moveSparkle2{0%,100%{top:5px;right:-10px;opacity:0}25%{top:0px;right:-15px;opacity:1}50%{top:-5px;right:5px;opacity:1}75%{top:0px;right:20px;opacity:1}}@keyframes sparkle1{0%,100%{opacity:0;transform:scale(0.5) rotate(0deg)}25%{opacity:1;transform:scale(1) rotate(90deg)}50%{opacity:0.8;transform:scale(1.2) rotate(180deg)}75%{opacity:1;transform:scale(1) rotate(270deg)}}@keyframes sparkle2{0%,100%{opacity:0;transform:scale(0.8) rotate(0deg)}30%{opacity:1;transform:scale(1.1) rotate(120deg)}60%{opacity:0.9;transform:scale(1.3) rotate(240deg)}85%{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes sparkleShow{0%,100%{opacity:0.6}50%{opacity:1}}@keyframes stageShimmer{0%{background-position:0 0, 30px 0, 60px 0, 90px 0, 0 0}100%{background-position:30px 0, 60px 0, 90px 0, 120px 0, 0 0}}@keyframes labelGlow{0%,25%{opacity:0.8;text-shadow:0 0 5px rgba(205, 171, 86, 0.3)}30%,50%{opacity:1;text-shadow:0 0 10px rgba(255, 105, 180, 0.6)}55%,75%{opacity:1;text-shadow:0 0 20px #cdab56, 0 0 30px rgba(255, 105, 180, 0.6), 2px 2px 0 rgba(0, 0, 0, 0.8)}80%,100%{opacity:1;text-shadow:0 0 25px #cdab56, 0 0 35px rgba(255, 105, 180, 0.8), 0 0 45px rgba(255, 215, 0, 0.4), 2px 2px 0 rgba(0, 0, 0, 0.8)}}