.dynamic-timeline-container{--bg-primary:#0a0e13;--bg-secondary:#121921;--bg-tertiary:#1a242e;--accent-primary:#cee5f2;--accent-gold:#e6c97f;--text-muted:#a0a6bc;--text-light:#d8dee8}.dynamic-timeline-container{max-width:1200px;width:100%;min-width:0;margin:30px auto;background:#121921;border-radius:10px;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}.dynamic-timeline-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);padding:10px 1rem;border-bottom:1px solid rgba(206,229,242,.1)}.dynamic-timeline-header h2{color:var(--accent-primary);font-size:24px;font-weight:500;margin:0;text-transform:uppercase;letter-spacing:1px;font-family:"sofia-sans",sans-serif}.dynamic-timeline-stats{background:rgba(206,229,242,.1);padding:.1rem .45rem;border-radius:10px;border:1px solid rgba(160,166,188,.2)}.dynamic-timeline-total{color:var(--accent-primary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dynamic-timeline-year-tabs{display:flex;overflow-x:auto;padding:1rem 1.25rem .5rem;gap:.5rem;background:var(--bg-secondary);scrollbar-width:thin;scrollbar-color:#3c4256 var(--bg-secondary)}.dynamic-timeline-year-tabs::-webkit-scrollbar{height:6px}.dynamic-timeline-year-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.dynamic-timeline-year-tabs::-webkit-scrollbar-thumb{background-color:#3c4256;border-radius:3px}.dynamic-timeline-year-tab{flex:0 0 auto;background:#172029;color:#e9ecf2;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-align:center;min-width:100px;border:1px solid rgba(206,229,242,.1);margin-bottom:10px}.dynamic-timeline-year-tab:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(206,229,242,.1)}.dynamic-timeline-year-tab.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 4px 15px rgba(206,229,242,.2)}.dynamic-timeline-tab-year{display:block;font-size:16px;font-weight:500;margin-bottom:.1rem}.dynamic-timeline-tab-count{display:block;font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dynamic-timeline-year-tab.active .dynamic-timeline-tab-count{opacity:1}.dynamic-timeline-year{display:none;padding:1.25rem;gap:1rem;animation:dynamicTimelineFadeIn .3s ease-in-out}.dynamic-timeline-year.active{display:flex;flex-direction:column}.dynamic-timeline-card{background:#172029;border-left:4px solid var(--accent-gold);padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.dynamic-timeline-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.dynamic-timeline-card .dynamic-timeline-date{font-size:14px;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.dynamic-timeline-card h4{font-family:'sofia-sans',sans-serif;font-size:18px;color:var(--accent-primary);margin:0 0 .75rem;font-weight:600}.dynamic-timeline-description{color:var(--text-light);font-size:15px;line-height:1.5;margin-bottom:1rem}.dynamic-timeline-description a{color:var(--accent-gold);text-decoration:none}.dynamic-timeline-description a:hover{color:#b6c0eb}.dynamic-timeline-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.dynamic-timeline-opponent{display:flex;align-items:center;gap:.75rem;flex:1}.dynamic-timeline-opponents{font-size:15px;line-height:1.4;color:var(--text-light)}.dynamic-timeline-vs{background:rgba(206,229,242,.15);color:var(--accent-primary);padding:.25rem .5rem;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.dynamic-timeline-opponent-link{text-decoration:none;color:var(--accent-gold);font-weight:500}.dynamic-timeline-opponent-link:hover{color:#b6c0eb}.dynamic-timeline-member-link{text-decoration:none;color:var(--accent-gold);font-weight:400;font-size:14px}.dynamic-timeline-member-link:hover{color:var(--accent-primary)}.dynamic-timeline-watch{background:var(--accent-gold);color:var(--bg-primary);padding:.4rem .8rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.dynamic-timeline-watch:hover{transform:translateY(-2px);background:var(--accent-primary);box-shadow:0 4px 12px rgba(206,229,242,.3)}.dynamic-timeline-watch svg{transition:transform .3s}.dynamic-timeline-watch:hover svg{transform:scale(1.1)}@keyframes dynamicTimelineFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.dynamic-timeline-year.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}}@media (max-width:768px){.dynamic-timeline-container{margin:10px auto}.dynamic-timeline-year-tabs{padding:1rem 1rem .5rem}.dynamic-timeline-year-tab{min-width:80px}.dynamic-timeline-year{padding:1rem}.dynamic-timeline-card{padding:1rem}.dynamic-timeline-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.dynamic-timeline-header h2{font-size:18px;letter-spacing:.5px}.dynamic-timeline-total{font-size:11px}.dynamic-timeline-tab-year{font-size:15px}.dynamic-timeline-card h4{font-size:16px !important}.dynamic-timeline-card .dynamic-timeline-date{font-size:13px}.dynamic-timeline-description{font-size:14px}.dynamic-timeline-opponents{font-size:14px}.dynamic-timeline-member-link{font-size:13px}.dynamic-timeline-watch{font-size:11px}}