.performance-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:24px; color:var(--muted); font-size:14px; }
.performance-controls select { max-width:100%; min-width:0; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--text); font:inherit; }
.performance-list { list-style:none; margin:0; padding:clamp(12px,3vw,28px); border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#151e2c,#0d141e); }
.performance-row { display:grid; grid-template-columns:28px minmax(0,1fr); gap:12px; padding:20px 0; }
.performance-row + .performance-row { border-top:1px solid var(--line); }
.performance-rank { color:var(--muted); font-size:19px; font-weight:800; padding-top:2px; text-align:center; }
.performance-body { min-width:0; overflow-wrap:anywhere; }
.performance-body h3 { margin:0; font-size:clamp(18px,3vw,22px); }
.performance-owner { margin:4px 0 12px; font-size:12px; color:var(--muted); }
.performance-points { margin:0 0 8px; font-size:14px; line-height:1.5; font-variant-numeric:tabular-nums; }
.performance-points strong { color:var(--gold2); }
.performance-track { height:20px; border-radius:999px; background:#4b5869; overflow:hidden; }
.performance-fill { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#f5c451,#f3ae67); }
.performance-metrics { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; margin:8px 0 12px; font-size:13px; line-height:1.5; color:var(--muted); font-variant-numeric:tabular-nums; }
.performance-metrics strong { color:var(--gold2); }
.performance-details summary { cursor:pointer; padding:12px 0; font-size:13px; color:var(--muted); min-height:44px; }
.performance-details summary:hover,.performance-details summary:focus-visible { color:var(--gold2); }
.performance-lineup { list-style:none; padding:0; margin:0; }
.performance-lineup li { display:grid; grid-template-columns:44px minmax(0,1fr) 48px; gap:8px; padding:10px 0; border-top:1px solid var(--line); font-size:12px; line-height:1.5; }
.performance-lineup strong { text-align:right; font-variant-numeric:tabular-nums; }
.performance-slot { color:var(--muted); }
.performance-details .source-link { display:inline-block; padding:12px 0; font-size:13px; color:var(--gold2); text-decoration:underline; }
@media(max-width:400px) { .performance-row { grid-template-columns:20px minmax(0,1fr); gap:8px; } .performance-controls { align-items:stretch; flex-direction:column; } }