.matches-page.svelte-1whnkwe{padding-top:2rem}nav.svelte-1whnkwe{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}nav.svelte-1whnkwe a:where(.svelte-1whnkwe){border:1px solid var(--border);color:var(--text-muted);font:600 .72rem var(--font-secondary);text-transform:capitalize;border-radius:99px;padding:.4rem .7rem;text-decoration:none}nav.svelte-1whnkwe a.active:where(.svelte-1whnkwe){color:var(--text);border-color:var(--purple)}.match-grid.svelte-1whnkwe{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.match.svelte-1whnkwe{color:inherit;transition:transform var(--transition), border-color var(--transition);gap:1.4rem;padding:1.25rem;text-decoration:none;display:grid}.match.svelte-1whnkwe:hover{border-color:var(--border-strong)}.match-top.svelte-1whnkwe,.match-meta.svelte-1whnkwe,.versus.svelte-1whnkwe{justify-content:space-between;align-items:center;gap:1rem;display:flex}.match-top.svelte-1whnkwe{color:var(--text-subtle);font:600 .68rem var(--font-secondary);text-transform:capitalize}.match-top.svelte-1whnkwe span:where(.svelte-1whnkwe){align-items:center;gap:.4rem;display:flex}.match-top.svelte-1whnkwe .live:where(.svelte-1whnkwe){color:var(--success)}.match-top.svelte-1whnkwe .live:where(.svelte-1whnkwe) i:where(.svelte-1whnkwe){font-size:.45rem;animation:1.8s infinite svelte-1whnkwe-pulse}.versus.svelte-1whnkwe strong:where(.svelte-1whnkwe){font:700 1.25rem var(--font-secondary)}.versus.svelte-1whnkwe .red:where(.svelte-1whnkwe){color:#ff8d9d}.versus.svelte-1whnkwe .blue:where(.svelte-1whnkwe){color:#84afff}.versus.svelte-1whnkwe span:where(.svelte-1whnkwe){color:var(--text-subtle);font:.7rem var(--font-numeric)}.match-meta.svelte-1whnkwe{color:var(--text-muted);font:600 .72rem var(--font-secondary);justify-content:start}@keyframes svelte-1whnkwe-pulse{50%{opacity:.3}}@media (width<=720px){.match-grid.svelte-1whnkwe{grid-template-columns:1fr}}