@scope(.match-card){:scope{background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;gap:.75rem;width:16rem;height:auto;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){:scope:hover{background:var(--accent)}}.header{white-space:nowrap;justify-content:space-between;align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.header-right{align-items:center;gap:.375rem;display:inline-flex}.header-date{align-items:center;gap:.125rem;display:inline-flex}.footer{white-space:nowrap;justify-content:space-between;align-items:center;font-size:.625rem;display:flex}.footer-left{align-items:center;gap:.375rem;display:inline-flex;overflow:hidden}.league-logo{object-fit:contain;opacity:.7;flex-shrink:0;width:1rem;height:1rem}.league-name{text-overflow:ellipsis;color:var(--muted-foreground);opacity:.65;font-size:.5625rem;font-weight:400;line-height:1.3;overflow:hidden}.round{color:var(--muted-foreground);flex-shrink:0;font-size:.625rem;font-weight:500;line-height:1}.day{color:var(--muted-foreground);text-transform:capitalize;font-weight:400}.date{color:var(--muted-foreground);font-weight:400}.time{color:var(--foreground);font-weight:600}.status-label{color:var(--muted-foreground);background:var(--muted);border-radius:var(--medium-radius);align-items:center;gap:.25rem;padding:.125rem .5rem .125rem .3125rem;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex}.status-label .icon-component{font-size:.75rem}.status-label--live{color:var(--success);background:var(--success-background)}.status-label--finished{color:#a855f7;background:#a855f71a}.status-label--upcoming{color:var(--primary);background:#3b82f61a}.status-label--other{color:var(--destructive);background:var(--destructive-background)}.live-minutes{color:#22c55e;border-radius:var(--medium-radius);background:#22c55e1a;align-items:center;gap:.375rem;padding:.125rem .5rem;font-weight:600;display:inline-flex}.rows{flex-direction:column;justify-content:center;gap:.75rem;height:3.75rem;display:flex}.row{align-items:center;gap:.75rem;line-height:1;display:flex}.row--winner .name,.row--winner .goals{font-weight:600}.row--loser .name,.row--loser .goals{opacity:.5}.logo{object-fit:contain;flex-shrink:0;width:1.5rem;height:1.5rem}.name{text-overflow:ellipsis;color:var(--foreground);white-space:nowrap;flex:1;font-size:.8125rem;font-weight:400;line-height:1.25;overflow:hidden}.goals{font-variant-numeric:tabular-nums;min-width:1.25rem;color:var(--foreground);text-align:right;white-space:nowrap;align-items:baseline;gap:.125rem;font-size:1.375rem;font-weight:800;display:inline-flex}.penalty{color:var(--muted-foreground);font-size:.6875rem;font-weight:400}.live-dot{border-radius:var(--circle-radius);background:#22c55e;flex-shrink:0;width:.375rem;height:.375rem;animation:1.5s ease-in-out infinite match-card-pulse;display:inline-block}@keyframes match-card-pulse{0%,to{opacity:1}50%{opacity:.3}}}