.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)}}.section.quickevents{background-color:var(--color-primary-dark);padding:var(--spacing-3xl) 0}.section.quickevents h2{color:var(--color-primary-gold);font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl);text-transform:uppercase;letter-spacing:3px;text-align:center;text-shadow:var(--shadow-gold)}@media (max-width:768px){.section.quickevents h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl)}}.section.quickevents .quickevents-swiper{overflow:hidden;padding:var(--spacing-md) 0 var(--spacing-2xl) 0}.section.quickevents .quickevents-swiper .swiper-wrapper{display:flex;align-items:stretch}.section.quickevents .quickevents-swiper .swiper-slide{height:auto;display:flex;padding:var(--spacing-sm) 0}.section.quickevents .brand-text{font-size:20px;font-family:var(--font-heading);letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);color:var(--color-primary-gold);font-weight:bold}.section.quickevents .event-card{position:relative;background:rgba(255, 255, 255, 0.08);border:2px solid rgba(205, 171, 86, 0.3);border-radius:var(--radius-lg);padding:0;color:var(--color-white);transition:var(--transition-base);backdrop-filter:blur(10px);height:100%;overflow:hidden;width:100%}.section.quickevents .event-card:hover{transform:translateY(-8px);border-color:var(--color-primary-gold);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(205, 171, 86, 0.2)}.section.quickevents .event-card .top-right-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:10}@media (max-width:768px){.section.quickevents .event-card .top-right-badge{top:var(--spacing-xs);right:var(--spacing-xs)}}.section.quickevents .event-card.cancelled{opacity:0.7;position:relative}.section.quickevents .event-card.cancelled::after{content:"ABGESAGT";position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background-color:#dc3545;color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;z-index:5;font-family:var(--font-body)}@media (max-width:768px){.section.quickevents .event-card.cancelled::after{font-size:10px;padding:4px 8px}}.section.quickevents .event-header{background:rgba(205, 171, 86, 0.15);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(205, 171, 86, 0.3)}.section.quickevents .event-header h3{color:var(--color-primary-gold);font-family:var(--font-body);font-size:var(--font-size-lg);margin:0;text-transform:uppercase;text-align:center;letter-spacing:1px}.section.quickevents .event-body{padding:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column}.section.quickevents .event-body .vs-section{text-align:center;margin-bottom:var(--spacing-lg)}.section.quickevents .event-body .vs-section .vs-label{display:block;color:var(--color-primary-gold);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:2px}.section.quickevents .event-body .vs-section .opponent-name{display:block;color:var(--color-white);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;text-transform:uppercase;line-height:1.2}.section.quickevents .event-body .special-event{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);text-align:center}.section.quickevents .event-body .special-event .event-name{color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:600}.section.quickevents .event-body .special-event .cheerleader-logo{width:32px;height:32px;filter:brightness(0) invert(1)}.section.quickevents .event-body .event-details{margin-top:auto}.section.quickevents .event-body .event-details .detail-item{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.section.quickevents .event-body .event-details .detail-item:last-child{margin-bottom:0}.section.quickevents .event-body .event-details .detail-item .icon,.section.quickevents .event-body .event-details .detail-item i[class*="fa-"]{color:var(--color-primary-gold) !important;font-size:var(--font-size-base) !important;width:24px;margin-right:var(--spacing-sm);text-align:center;display:inline-block !important}.section.quickevents .event-body .event-details .detail-item .text{color:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:500;flex:1}.section.quickevents .event-body .event-details .detail-item.time .text{color:var(--color-primary-gold);font-weight:700;font-size:var(--font-size-base)}.section.quickevents .event-footer{background:rgba(0, 0, 0, 0.2);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(205, 171, 86, 0.2);text-align:center}.section.quickevents .event-footer .brand-text{font-size:var(--font-size-lg);font-family:var(--font-heading);letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);color:var(--color-primary-gold);font-weight:bold;text-transform:uppercase}.section.quickevents .event-type-badge.blog-badge.top-right-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;font-family:"Montserrat", sans-serif;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);transition:all 0.2s ease;text-decoration:none;background:linear-gradient(135deg, rgba(20, 184, 166, 0.25), rgba(20, 184, 166, 0.15));color:#0d9488;border:1px solid rgba(20, 184, 166, 0.4)}.section.quickevents .event-type-badge.blog-badge.top-right-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20, 184, 166, 0.25);text-decoration:none;background:linear-gradient(135deg, rgba(20, 184, 166, 0.35), rgba(20, 184, 166, 0.25));border-color:rgba(20, 184, 166, 0.6)}.section.quickevents .event-type-badge.blog-badge.top-right-badge:focus{outline:none;box-shadow:0 0 0 3px rgba(20, 184, 166, 0.3)}.section.quickevents .event-type-badge.blog-badge.top-right-badge .fas{transition:all 0.2s ease}@media (max-width:768px){.section.quickevents .event-type-badge.blog-badge.top-right-badge{padding:6px 10px;font-size:0.75rem;gap:4px}}@media (max-width:576px){.section.quickevents .event-type-badge.blog-badge.top-right-badge{padding:4px 8px;font-size:0.7rem}.section.quickevents .event-type-badge.blog-badge.top-right-badge .fas{font-size:0.7rem}}.section.quickevents .event-card:hover .event-footer .team-badge{background:var(--color-primary-gold);color:var(--color-primary-dark);border-color:var(--color-primary-gold)}.section.quickevents .swiper-button-prev,.section.quickevents .swiper-button-next{width:50px !important;height:50px !important;background:rgba(205, 171, 86, 0.9) !important;border-radius:var(--radius-full) !important;border:2px solid rgba(205, 171, 86, 0.3);transition:var(--transition-base);box-shadow:var(--shadow-md)}.section.quickevents .swiper-button-prev::after,.section.quickevents .swiper-button-next::after{font-size:var(--font-size-lg) !important;font-weight:700 !important;color:var(--color-primary-dark) !important}.section.quickevents .swiper-button-prev:hover,.section.quickevents .swiper-button-next:hover{background:var(--color-primary-gold) !important;transform:scale(1.1);box-shadow:var(--shadow-lg);border-color:var(--color-primary-gold)}.section.quickevents .swiper-button-prev.swiper-button-disabled,.section.quickevents .swiper-button-next.swiper-button-disabled{opacity:0.3;cursor:not-allowed}.section.quickevents .swiper-button-prev.swiper-button-disabled:hover,.section.quickevents .swiper-button-next.swiper-button-disabled:hover{transform:scale(1);box-shadow:var(--shadow-md)}@media (max-width:768px){.section.quickevents .swiper-button-prev,.section.quickevents .swiper-button-next{width:40px !important;height:40px !important}.section.quickevents .swiper-button-prev::after,.section.quickevents .swiper-button-next::after{font-size:var(--font-size-base) !important}}.section.quickevents .swiper-button-prev{left:var(--spacing-sm)}.section.quickevents .swiper-button-next{right:var(--spacing-sm)}.section.quickevents .swiper-scrollbar{position:relative;margin-top:var(--spacing-lg) !important;height:6px !important;background:rgba(0, 40, 23, 0.8) !important;border-radius:3px}.section.quickevents .swiper-scrollbar .swiper-scrollbar-drag{background:linear-gradient(135deg, var(--color-primary-gold) 0%, #e6c066 100%) !important;border-radius:3px;box-shadow:0 3px 12px rgba(205, 171, 86, 0.4)}.section.quickevents .no-events{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xl);background:rgba(0, 40, 23, 0.4);border:1px solid rgba(205, 171, 86, 0.2);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0}.section.quickevents .no-events i{font-size:6rem;color:var(--color-primary-gold);opacity:0.6;flex-shrink:0}.section.quickevents .no-events div{flex:1}.section.quickevents .no-events h3{color:var(--color-white);font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:0;margin-top:0}.section.quickevents .no-events p{color:rgba(255, 255, 255, 0.7);font-family:var(--font-body);font-size:var(--font-size-base);margin:0}@media (max-width:768px){.section.quickevents .no-events{flex-direction:column;text-align:center;padding:var(--spacing-2xl);gap:var(--spacing-lg)}.section.quickevents .no-events i{font-size:4rem}.section.quickevents .no-events h3{font-size:var(--font-size-lg)}.section.quickevents .no-events p{font-size:var(--font-size-sm)}}@media (max-width:768px){.section.quickevents{padding:var(--spacing-2xl) 0}.section.quickevents .quickevents-swiper{padding:var(--spacing-sm) 0 var(--spacing-xl) 0}.section.quickevents .event-body{padding:var(--spacing-md)}.section.quickevents .event-body .vs-section .opponent-name{font-size:var(--font-size-lg)}.section.quickevents .event-body .special-event .event-name{font-size:var(--font-size-base)}.section.quickevents .event-body .event-details .detail-item .text{font-size:var(--font-size-sm)}.section.quickevents .event-body .event-details .detail-item.time .text{font-size:var(--font-size-base)}.section.quickevents .event-footer .team-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.event-card .blog-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:15}.event-card .blog-badge .blog-link{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg, var(--color-primary-dark), rgba(0, 40, 23, 0.95));color:var(--color-primary-gold);padding:4px 8px;border-radius:var(--radius-sm);text-decoration:none;font-size:9px;font-weight:700;font-family:var(--font-body);box-shadow:0 2px 6px rgba(0, 40, 23, 0.5);transition:all 0.3s ease;border:1px solid rgba(205, 171, 86, 0.3);text-transform:uppercase;letter-spacing:0.3px;line-height:1}.event-card .blog-badge .blog-link:hover{background:linear-gradient(135deg, var(--color-primary-gold), rgba(205, 171, 86, 0.95));color:var(--color-primary-dark);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 10px rgba(205, 171, 86, 0.4), 0 2px 6px rgba(0, 40, 23, 0.3);text-decoration:none;border-color:var(--color-primary-gold)}.event-card .blog-badge .blog-link:hover .fas{transform:rotate(5deg);opacity:1}.event-card .blog-badge .blog-link:hover .blog-text{text-shadow:0 1px 2px rgba(0, 40, 23, 0.2)}.event-card .blog-badge .blog-link:focus{outline:none;box-shadow:0 0 0 2px rgba(205, 171, 86, 0.6)}.event-card .blog-badge .blog-link .fas{font-size:9px;opacity:0.9;flex-shrink:0;transition:all 0.3s ease}.event-card .blog-badge .blog-link .blog-text{white-space:nowrap;font-size:8px;font-weight:700}}@media (max-width:768px) and (max-width:768px){.event-card .blog-badge{position:static;margin-bottom:var(--spacing-xs);display:flex;justify-content:flex-start;padding:0 var(--spacing-md)}}