.animated-timeline-container{border:1px solid #ccc;border-radius:1rem;width:100%;height:400px;margin:0 0 20px;padding:20px}.animated-timeline-header{text-align:left;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.animated-timeline-header h2{margin-bottom:12px}.animated-timeline-header h2{font-size:clamp(2rem,4vw,2rem);font-weight:800}.animated-timeline-header p{font-size:clamp(1rem,2vw,1rem)}.date{letter-spacing:.025em;text-transform:uppercase;opacity:.8;background:#0000000d;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.immersive-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2.5rem;padding:2rem 3rem 5rem;box-shadow:0 30px 60px -12px #00000080}.immersive-title{letter-spacing:-.04em;background:linear-gradient(#fff,#9ca3af);-webkit-background-clip:text;background-clip:text}
.lineup-container{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.lineup-header{border-bottom:1px solid #e5e7eb;padding:1rem}.lineup-title{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.lineup-formation{color:#6b7280;margin-top:.25rem;font-size:.875rem}.pitch-container{aspect-ratio:1/1.2;background:linear-gradient(#2d8a3e 0%,#3a9d4f 8%,#2d8a3e 8% 16%,#3a9d4f 16% 24%,#2d8a3e 24% 32%,#3a9d4f 32% 40%,#2d8a3e 40% 48%,#3a9d4f 48% 56%,#2d8a3e 56% 64%,#3a9d4f 64% 72%,#2d8a3e 72% 80%,#3a9d4f 80% 88%,#2d8a3e 88% 100%);width:100%;padding:1rem;position:relative}.pitch-markings{pointer-events:none;position:absolute;inset:0}.center-circle{border:2px solid #ffffff80;border-radius:50%;width:5rem;height:5rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.penalty-area{border:2px solid #ffffff80;border-bottom:none;width:70%;height:28%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.goal-area{border:2px solid #ffffff80;border-bottom:none;width:35%;height:12%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.penalty-spot{background:#ffffff80;border-radius:50%;width:6px;height:6px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.penalty-arc{border:2px solid #ffffff80;border-bottom:none;border-radius:50% 50% 0 0;width:4rem;height:2rem;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.goal{background:#ffffff4d;border:2px solid #ffffff80;border-bottom:none;width:15%;height:.75rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.players-container{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.formation-row{justify-content:space-evenly;align-items:center;padding:0 .5rem;display:flex}.player-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.player-circle{border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000004d}.player-name{color:#fff;text-shadow:0 1px 2px #000c;text-align:center;word-wrap:break-word;max-width:4.5rem;font-size:.6rem;font-weight:600;line-height:1.1}@media (max-width:768px){.player-circle{width:2rem;height:2rem;font-size:.75rem}.player-name{max-width:3.5rem;font-size:.5rem}}