.matches{padding:28px 0 32px;border-bottom:1px solid var(--line)}.matches-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.matches-head h2{margin:0;font:600 31px/1 var(--serif)}.matches-head>span{font-size:10px;color:var(--muted)}.matches-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}.match-card{scroll-snap-align:start;min-height:145px;padding:15px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,var(--sand));border-radius:3px}.match-meta,.match-team{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-meta{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.match-state{color:var(--wine)}.match-state.in{padding:3px 6px;background:#b20d21;color:#fff;border-radius:2px}.match-team{min-height:33px;font-size:13px;font-weight:700}.match-team span{display:flex;align-items:center;gap:8px}.match-team img{width:23px;height:23px;object-fit:contain}.match-team b{font:700 20px var(--serif)}.match-card>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.no-matches,.match-skeleton{grid-column:1/-1;margin:0;padding:22px;background:var(--sand);color:var(--muted);font-size:13px}@media(max-width:600px){.matches{padding-block:22px}.matches-head{display:block}.matches-head>span{display:block;margin-top:8px}.matches-track{grid-auto-columns:82vw}}
.matches{margin:24px 0;padding:22px;border:0;border-bottom:3px solid #168b46;border-radius:8px;background:#202226;color:#fff}.matches-head>span{color:#bec2c8}.match-card{border-color:#4b4f56;border-radius:8px;background:#303338;color:#fff}.match-meta{border-color:#4b4f56}.match-card>small{color:#c1c5cb}.matches-track{scrollbar-color:#777 #202226}.match-state{color:#ffb454}