/* Results v2: season rounds with winners + classification sheet */
#tab-results {
  --h-card: #ffffff; --h-ink: #111317; --h-ink-2: #5d6470; --h-ink-3: #9aa1ab; --h-line: #e7e9ee; --h-red: #e10600;
}
[data-theme="dark"] #tab-results {
  --h-card: #17191d; --h-ink: #f2f3f5; --h-ink-2: #a6acb6; --h-ink-3: #6f7680; --h-line: #262a31;
}
#tab-results .r2 { font-family: Manrope, Inter, system-ui, sans-serif; color: var(--h-ink); padding-bottom: 8px; }
#tab-results .num { font-variant-numeric: tabular-nums; font-family: "JetBrains Mono", ui-monospace, monospace; }
#tab-results .tab-header { display: flex; align-items: center; }
#tab-results .r2-empty { padding: 40px 0; text-align: center; color: var(--h-ink-2); font-weight: 600; font-family: Manrope, Inter, sans-serif; }
#tab-results .r2-sub { font-size: 13px; color: var(--h-ink-2); font-weight: 600; margin: 2px 2px 10px; }

.r2-face { width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto; overflow: hidden;
  background: radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tc) 55%, #fff) 0%, var(--tc) 75%);
  display: flex; align-items: center; justify-content: center; }
.r2-face img { width: 100%; height: 100%; object-fit: cover; object-position: top; transform: scale(1.15) translateY(6%); }
.r2-face span { color: #fff; font-weight: 800; font-size: 12px; font-family: Manrope, Inter, sans-serif; }
.r2-face.xl { width: 96px; height: 96px; }
.r2-face.xl span { font-size: 24px; }

/* Latest round */
#tab-results .r2-last { position: relative; overflow: hidden; display: flex; align-items: flex-end; gap: 10px; border-radius: 24px; padding: 18px;
  min-height: 150px; cursor: pointer; color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 85%, #000) 0%, #15171b 100%); }
#tab-results .r2-last .trk { position: absolute; right: 70px; top: 10px; width: 55%; opacity: .18; }
#tab-results .r2-last .trk path { fill: none; stroke: #fff; stroke-width: 2.5; stroke-linejoin: round; }
#tab-results .r2-last-info { position: relative; flex: 1; min-width: 0; }
#tab-results .r2-tag { display: inline-block; background: rgba(255,255,255,.18); border-radius: 999px; padding: 5px 10px; font-size: 11px; font-weight: 800; }
#tab-results .r2-last .nm { display: flex; align-items: center; gap: 8px; font-size: 26px; font-weight: 800; margin-top: 10px; line-height: 1.1; }
#tab-results .r2-last .nm img { width: 28px; height: 18px; border-radius: 3px; object-fit: cover; }
#tab-results .r2-last .dt { font-size: 12px; opacity: .8; font-weight: 600; margin-top: 3px; }
#tab-results .r2-last .win { font-size: 11px; opacity: .85; font-weight: 700; margin-top: 12px; text-transform: uppercase; letter-spacing: .04em; }
#tab-results .r2-last .win b { display: block; font-size: 16px; text-transform: none; letter-spacing: 0; opacity: 1; }
#tab-results .r2-last .r2-face { position: relative; box-shadow: 0 0 0 3px rgba(255,255,255,.25); }

/* Rounds list */
#tab-results .r2-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
#tab-results .r2-row { display: flex; align-items: center; gap: 12px; background: var(--h-card); border: 1px solid var(--h-line);
  border-radius: 16px; padding: 10px 12px; cursor: pointer; }
#tab-results .r2-row .rn { width: 22px; text-align: center; font-size: 13px; font-weight: 700; color: var(--h-ink-3); }
#tab-results .r2-row .mid { flex: 1; min-width: 0; }
#tab-results .r2-row .nm { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 800; }
#tab-results .r2-row .nm img { width: 20px; height: 13px; border-radius: 2px; object-fit: cover; }
#tab-results .r2-row .dt { font-size: 12px; color: var(--h-ink-2); font-weight: 600; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Classification sheet (lives in body, uses sheet tokens) */
.h2-sheet-head:has(.cls-share) { padding-right: 44px; }
.h2-sheet-head .cls-share { margin-left: auto; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--h-line, #e7e9ee);
  background: transparent; color: inherit; display: flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
.cls-share svg { width: 17px; height: 17px; }
.cls-tabs { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 12px 0 10px; }
.cls-tabs::-webkit-scrollbar { display: none; }
.cls-tabs button { flex: 0 0 auto; border: 1px solid var(--h-line, #e7e9ee); background: transparent; color: inherit; border-radius: 999px;
  padding: 7px 13px; font: 700 13px Manrope, Inter, sans-serif; cursor: pointer; }
.cls-tabs button.active { background: #e10600; border-color: #e10600; color: #fff; }
.cls-list { display: flex; flex-direction: column; transition: opacity .15s; }
.cls-row { display: flex; align-items: center; gap: 10px; padding: 8px 2px; border-bottom: 1px solid var(--h-line, #e7e9ee); }
.cls-row[data-code] { cursor: pointer; }
.cls-row:last-child { border-bottom: 0; }
.cls-row .pos { width: 24px; text-align: center; font-weight: 700; font-size: 14px; opacity: .6; }
.cls-row.p1 .pos { color: #e10600; opacity: 1; }
.cls-row .r2-face { width: 36px; height: 36px; }
.cls-row .mid { flex: 1; min-width: 0; }
.cls-row .mid b { display: block; font-size: 14px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cls-row .mid span { display: block; font-size: 11px; opacity: .65; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cls-row .val { text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.cls-row .val b { font-size: 13px; font-weight: 700; }
.cls-row .val b.st { color: #e10600; font-family: Manrope, Inter, sans-serif; font-weight: 800; }
.cls-row .val em { font-style: normal; font-size: 11px; font-weight: 700; color: #1a9e4b; }