.stats-ticker{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:780px){.stats-ticker{grid-template-columns:repeat(3,1fr)}}
.ticker-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
.ticker-panel__key{font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ticker-panel__val{font-family:var(--font-meta);font-size:1.8rem;font-weight:500;color:var(--accent);margin:.35rem 0}
.ticker-panel__note{font-size:.85rem;color:var(--muted)}
.tabs{margin-bottom:2rem}
.tab-list{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--border)}
.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:.6rem 1rem;font-family:var(--font-meta);font-size:.85rem;cursor:pointer;color:var(--muted)}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-panel{display:none;padding:1.5rem 0}
.tab-panel.is-active{display:block}
.hub-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}
@media(min-width:640px){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.hub-grid{grid-template-columns:repeat(3,1fr)}}
.hub-card{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease;color:var(--text-dark)}
.hub-card *{color:var(--text-dark)}
.hub-card a{color:var(--accent)}
.hub-card:hover{border-color:var(--accent);border-left-color:var(--accent);transform:translateY(-3px)}
.hub-card__key{font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.hub-card h3{margin:.4rem 0}
.sport-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sport-chip,.chip,.filter-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .9rem;font-family:var(--font-meta);font-size:.8rem;cursor:pointer;color:var(--text)}
.sport-chip.is-active,.chip.is-active,.filter-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.is-hidden{display:none!important}
.sport-grid,.news-grid,.squad-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}
@media(min-width:640px){.sport-grid,.news-grid,.squad-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.sport-grid,.news-grid,.squad-grid{grid-template-columns:repeat(3,1fr)}}
.sport-card,.article-card,.player-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:box-shadow .18s ease,transform .18s ease}
.player-card:hover{box-shadow:0 6px 16px rgba(15,20,25,.14);transform:translateY(-2px)}
.player-card__pos{font-family:var(--font-meta);font-size:.7rem;text-transform:uppercase;color:var(--accent)}
.accordion,.faq-list,.checklist{margin-bottom:2rem}
.accordion-item,.faq-item,.checklist-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem}
.accordion-trigger,.faq-trigger,.checklist-trigger,.step-trigger,.timeline-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text)}
.acc-icon{font-family:var(--font-meta);color:var(--accent);transition:transform .18s ease}
.accordion-trigger .check-icon,.checklist-trigger .check-icon,.faq-trigger .check-icon{display:none}
.accordion-body,.faq-body,.checklist-body{display:none;padding:0 1.25rem 1.25rem;word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body,.faq-item.is-open .faq-body,.checklist-item.is-expanded .checklist-body{display:block}
.faq-item.is-open .faq-trigger .acc-icon,.accordion-item.is-open .acc-icon{transform:rotate(45deg)}
.faq-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.checklist-item:hover,.method-row:hover{border-color:var(--accent)}
.checklist-progress{height:6px;background:var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.checklist-progress__bar{height:100%;background:var(--accent);width:0;transition:width .3s ease}
.check-icon{display:inline-flex;width:18px;height:18px;border:1px solid var(--accent);border-radius:50%;align-items:center;justify-content:center;font-size:.7rem;margin-right:.5rem}
.seg-control{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem;flex-wrap:wrap}
.seg-btn{background:var(--bg-elevated);border:none;padding:.55rem 1.1rem;font-family:var(--font-meta);font-size:.8rem;cursor:pointer;color:var(--muted);border-right:1px solid var(--border)}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border:1px solid var(--border);border-radius:var(--radius)}
.data-table{width:100%;border-collapse:collapse;min-width:540px;background:var(--bg-elevated);color:var(--text-dark)}
.data-table th,.data-table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}
.data-table th{font-family:var(--font-meta);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg)}
.data-table tbody tr:nth-child(even){background:rgba(15,20,25,.02)}
.data-table tbody tr:hover{background:rgba(255,77,58,.06)}
.timeline{list-style:none;padding:0;margin:0 0 2rem;position:relative}
.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--border)}
.timeline-item{position:relative;padding:0 0 1.5rem 2.25rem}
.timeline-item:before{content:"";position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent)}
.timeline-item:hover:before{background:var(--accent)}
.timeline-body{display:none;margin-top:.5rem;color:var(--muted)}
.timeline-item.is-open .timeline-body{display:block}
.steps-rail{list-style:none;padding:0;margin:0 0 2rem;counter-reset:none}
.step-item{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:.75rem;color:var(--text-dark)}
.step-item *{color:var(--text-dark)}
.step-num{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent)!important;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:.85rem;margin-right:.6rem}
.step-body{display:none;padding:0 1.25rem 1.25rem}
.step-item.is-open .step-body{display:block}
.live-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-right:.5rem;animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.live-status{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:2rem;font-family:var(--font-meta)}
.fixture-ticker{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--pitch);color:var(--text-light);padding:.75rem 0;margin-bottom:2rem;white-space:nowrap}
.fixture-ticker *{color:inherit}
.fixture-ticker__track,.ticker-track{display:inline-block;white-space:nowrap;font-family:var(--font-meta);font-size:.85rem;animation:marquee 26s linear infinite}
.fixture-ticker__track span{padding:0 1.5rem;color:var(--on-pitch-muted)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.promo-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}
@media(min-width:640px){.promo-grid{grid-template-columns:repeat(2,1fr)}}
.promo-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);color:var(--text-dark)}
.promo-card *{color:var(--text-dark)}
.promo-badge{display:inline-block;font-family:var(--font-meta);font-size:.7rem;background:linear-gradient(90deg,var(--gold),#ffcf7a,var(--gold));background-size:200% 100%;color:var(--pitch)!important;padding:.25rem .6rem;border-radius:var(--radius);animation:shimmer 3s linear infinite}
@keyframes shimmer{from{background-position:0 0}to{background-position:200% 0}}
.method-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;transition:border-color .18s ease}
.method-trigger{width:100%;text-align:left;background:none;border:none;padding:1rem 1.25rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text)}
.method-body{display:none;padding:0 1.25rem 1.25rem}
.method-row.is-open .method-body{display:block}
.method-icon{transition:transform .18s ease}
.method-icon:hover{transform:scale(1.15)}
.device-frame{border:8px solid var(--pitch);border-radius:18px;background:var(--bg-elevated);max-width:280px;margin:0 auto 2rem;padding:1.25rem;box-shadow:var(--shadow);transition:box-shadow .18s ease;color:var(--text-dark)}
.device-frame:hover{box-shadow:0 10px 26px rgba(15,20,25,.2)}
.device-frame *{color:var(--text-dark)}
.scorer-list{list-style:none;padding:0;margin:0 0 2rem;counter-reset:rank}
.scorer-list li{display:flex;align-items:center;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;margin-bottom:.5rem}
.scorer-list li:before{counter-increment:rank;content:counter(rank);font-family:var(--font-meta);color:var(--muted);min-width:24px}
.goal-tally{margin-left:auto;font-family:var(--font-meta);background:var(--gold);color:var(--pitch);padding:.2rem .6rem;border-radius:var(--radius);transition:transform .18s ease}
.goal-tally:hover{transform:scale(1.12)}
.calendar-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:2rem}
.match-cell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;transition:border-color .18s ease,background .18s ease}
.match-cell:hover{border-color:var(--accent);background:rgba(255,77,58,.04)}
.match-cell__date{font-family:var(--font-meta);font-size:.72rem;color:var(--muted)}
.toc{position:sticky;top:80px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:2rem}
.toc ul{list-style:none;padding:0;margin:0}
.toc li{margin-bottom:.4rem}
.toc a{font-size:.85rem;color:var(--muted);text-decoration:none}
.toc a.is-active,.toc a:hover{color:var(--accent)}
.access-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.access-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,20,25,.14)}
.resource-card{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:border-color .18s ease}
.resource-card:hover{border-color:var(--accent);border-left-color:var(--accent)}
.range-slider{width:100%;accent-color:var(--accent);margin:1rem 0}
.range-output{font-family:var(--font-meta);color:var(--accent);font-size:1.4rem}
.redirect-banner{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;background:var(--pitch);color:var(--text-light);padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1.5rem}
.redirect-banner.is-visible{opacity:1;transform:none}
.redirect-banner *{color:inherit}
@media(prefers-reduced-motion:reduce){.live-dot,.fixture-ticker__track,.ticker-track,.promo-badge{animation:none}}