.match-card.svelte-x12asp{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;width:280px;cursor:pointer;overflow:hidden;border-radius:12px}.card-image.svelte-x12asp{width:100%;height:180px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .7s ease}.match-card.svelte-x12asp:hover .card-image:where(.svelte-x12asp){transform:scale(1.05)}.card-overlay.svelte-x12asp{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 50%)}.date-time-badge.svelte-x12asp{display:flex;flex-direction:column;gap:.25rem}.date-badge.svelte-x12asp{background-color:#0009;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.date-badge.live.svelte-x12asp{color:#f44;font-weight:700}.viewers-badge.svelte-x12asp{background-color:#ff6b35;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.375rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewers-badge.svelte-x12asp svg:where(.svelte-x12asp){width:14px;height:14px}.match-title.svelte-x12asp{color:#fff;font-size:1rem;font-weight:600;text-align:center;margin-top:.25rem}.match-category.svelte-x12asp{color:#888;font-size:.875rem;text-align:center;text-transform:capitalize}.match-card-skeleton.svelte-1ri6ug{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;width:280px}.skeleton-image.svelte-1ri6ug{width:100%;height:180px;border-radius:12px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:svelte-1ri6ug-shimmer 1.5s infinite}@keyframes svelte-1ri6ug-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}