.match-card{overflow:hidden;border-radius:8px}.match-card-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.match-title.svelte-1u4loyl.svelte-1u4loyl,.result-pill.svelte-1u4loyl.svelte-1u4loyl,.detail-link.svelte-1u4loyl.svelte-1u4loyl,.time-mark.svelte-1u4loyl.svelte-1u4loyl,.opponent-row.svelte-1u4loyl.svelte-1u4loyl,.progress-label.svelte-1u4loyl.svelte-1u4loyl,.room-player-main.svelte-1u4loyl.svelte-1u4loyl{display:flex;align-items:center;gap:8px}.match-title.svelte-1u4loyl.svelte-1u4loyl{font-weight:700}.match-badges.svelte-1u4loyl.svelte-1u4loyl{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.match-card-content{display:grid;gap:18px}.opponent-row.svelte-1u4loyl.svelte-1u4loyl{justify-content:space-between;font-size:14px}.opponent-row.svelte-1u4loyl>span.svelte-1u4loyl,.progress-label.svelte-1u4loyl span.svelte-1u4loyl,.time-mark.svelte-1u4loyl.svelte-1u4loyl,.reason.svelte-1u4loyl.svelte-1u4loyl{color:hsl(var(--muted-foreground))}.progress-grid.svelte-1u4loyl.svelte-1u4loyl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-player-list.svelte-1u4loyl.svelte-1u4loyl{display:grid;gap:12px}.room-player-row.svelte-1u4loyl.svelte-1u4loyl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.room-player-main.svelte-1u4loyl.svelte-1u4loyl{min-width:0}.room-player-row.svelte-1u4loyl .progress-track.svelte-1u4loyl,.room-player-row.svelte-1u4loyl .time-mark.svelte-1u4loyl{grid-column:1 / -1}.progress-label.svelte-1u4loyl.svelte-1u4loyl{justify-content:space-between;font-size:13px}.progress-label.svelte-1u4loyl span.svelte-1u4loyl{display:inline-flex;align-items:center;gap:6px}.progress-label.svelte-1u4loyl small.svelte-1u4loyl{font-size:12px;font-weight:600}.progress-track.svelte-1u4loyl.svelte-1u4loyl{margin-top:8px;height:8px;overflow:hidden;border-radius:999px;background:hsl(var(--muted))}.progress-bar.svelte-1u4loyl.svelte-1u4loyl{height:100%;border-radius:inherit;transition:width .18s ease}.progress-bar.self.svelte-1u4loyl.svelte-1u4loyl{background:hsl(var(--primary))}.progress-bar.rival.svelte-1u4loyl.svelte-1u4loyl{background:hsl(var(--destructive))}.time-mark.svelte-1u4loyl.svelte-1u4loyl{margin-top:7px;font-size:12px}.rating-diff.svelte-1u4loyl.svelte-1u4loyl{color:hsl(var(--destructive));font-weight:750}.rating-diff.positive.svelte-1u4loyl.svelte-1u4loyl{color:hsl(var(--primary))}.match-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.result-pill.svelte-1u4loyl.svelte-1u4loyl{min-height:32px;font-size:14px;font-weight:600}.detail-link.svelte-1u4loyl.svelte-1u4loyl{min-height:32px;border-radius:6px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease}.detail-link.svelte-1u4loyl.svelte-1u4loyl:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}@media (max-width: 640px){.match-card-header,.match-card-footer{flex-direction:column;align-items:stretch}.match-badges.svelte-1u4loyl.svelte-1u4loyl{justify-content:flex-start}.progress-grid.svelte-1u4loyl.svelte-1u4loyl{grid-template-columns:1fr}}