@scope(.matches-page){:scope{flex-direction:column;gap:1.5rem;display:flex}.title{color:var(--foreground);font-size:1.5rem;font-weight:700}.filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--muted-foreground);font-size:.8125rem;font-weight:500}.filter-chip{color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;text-decoration:none;transition:all .2s;display:flex}.filter-chip:hover{background:var(--accent)}.filter-chip--active{background:var(--muted);font-weight:600}.filter-logo{object-fit:contain;width:1rem;height:1rem}.section{flex-direction:column;gap:.5rem;display:flex}.section-title{color:var(--foreground);font-size:1rem;font-weight:600}.list{flex-direction:column;gap:.375rem;display:flex}.match{background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;transition:all .2s;display:flex}.match:hover{background:var(--accent)}.match-date{min-width:5rem;color:var(--muted-foreground);font-size:.6875rem}.match-teams{flex-direction:column;flex:1;gap:.25rem;display:flex}.match-team{color:var(--foreground);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.match-team>:nth-child(2){flex:1}.team-logo{object-fit:contain;width:1.125rem;height:1.125rem}.goals{text-align:right;min-width:1rem;font-weight:600}.match-status{font-size:.6875rem;font-weight:500}.status-live{color:#ef4444}.match-time{color:var(--muted-foreground);font-size:.75rem}.empty{color:var(--muted-foreground);text-align:center;padding:2rem;font-size:.875rem}@media (max-width:480px){.match{gap:.5rem;padding:.5rem}.match-date{min-width:3.5rem;font-size:.625rem}}}