/* /stats, racer timing sheet. Plain, dense, tabular. */
.sx { --sx-line:#20252d; --sx-line2:#2b313b; --sx-dim:#8a929e; --sx-text:#e9edf2; --sx-red:#ef4444; --sx-green:#e3263b;
  color:var(--sx-text); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.sx .num { font-variant-numeric: tabular-nums lining-nums; font-feature-settings:"tnum" 1,"lnum" 1; }
.sx-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:8px 0 14px; border-bottom:2px solid var(--sx-line2); }
.sx-label { font:600 11px/1 'Inter',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--sx-dim); margin-bottom:6px; }
.sx-title { font:700 28px/1.1 'Saira','Inter',sans-serif; letter-spacing:.01em; color:var(--sx-text); margin:0; text-transform:none; background:none; -webkit-text-fill-color:currentColor; }
.sx-meta { margin-top:6px; font-size:13px; color:var(--sx-dim); }
.sx-meta b { color:var(--sx-text); font-weight:600; }
.sx-actions { display:flex; gap:8px; flex-shrink:0; }
.sx-btn { display:inline-block; font:600 13px/1 'Inter',sans-serif; padding:9px 14px; border-radius:4px; text-decoration:none; border:1px solid var(--sx-line2); color:var(--sx-text); background:transparent; white-space:nowrap; }
.sx-btn:hover { border-color:#3a414c; }
.sx-btn.go { background:#E3263B; border-color:#E3263B; color:#fff; }
.sx-note { font-size:13px; color:var(--sx-dim); margin:10px 0 0; }
.sx-note a { color:var(--sx-green); }

.sx-keys { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--sx-line); }
.sx-key { padding:14px 16px 12px 0; }
.sx-key + .sx-key { padding-left:16px; border-left:1px solid var(--sx-line); }
.sx-key .k { font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--sx-dim); }
.sx-key .v { font:600 30px/1.15 'Inter',sans-serif; margin-top:4px; color:var(--sx-text); }
.sx-key .s { font-size:12px; color:var(--sx-dim); margin-top:2px; }
.sx .red { color:var(--sx-red) !important; }

.sx-sec { margin-top:28px; }
.sx-sec-h { display:flex; justify-content:space-between; align-items:baseline; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--sx-text); padding-bottom:6px; border-bottom:1px solid var(--sx-line2); }
.sx-sec-h span { font-weight:500; letter-spacing:0; text-transform:none; color:var(--sx-dim); }
.sx-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.sx-t { width:100%; border-collapse:collapse; font-size:14px; }
.sx-t th { font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--sx-dim); text-align:right; padding:8px 10px; border-bottom:1px solid var(--sx-line); white-space:nowrap; }
.sx-t td { text-align:right; padding:8px 10px; border-bottom:1px solid var(--sx-line); white-space:nowrap; }
.sx-t th:first-child, .sx-t td:first-child { text-align:left; padding-left:0; }
.sx-t th:last-child, .sx-t td:last-child { padding-right:0; }
.sx-t tbody tr:nth-child(even) td { background:rgba(255,255,255,.015); }
.sx-t td.l, .sx-t th.l { text-align:left; }
.sx-t .rt { font-weight:600; }
.sx-t .dim { color:var(--sx-dim); }
.sx-foot { font-size:12px; color:var(--sx-dim); margin:12px 0 0; line-height:1.5; }

.sx-empty { padding:28px 0 8px; }
.sx-empty h2 { font:600 18px/1.3 'Inter',sans-serif; margin:0 0 6px; color:var(--sx-text); }
.sx-empty p { color:var(--sx-dim); font-size:14px; margin:0 0 16px; max-width:520px; }

.pshell > .lobby-wrap.sx-wrap { max-width:960px; }
html.ptl-ios-app .sx-wrap { padding-bottom:calc(48px + env(safe-area-inset-bottom)); }

@media (max-width:720px) {
  .sx-head { flex-direction:column; align-items:flex-start; }
  .sx-title { font-size:24px; }
  .sx-keys { grid-template-columns:repeat(3,1fr); }
  .sx-key, .sx-key + .sx-key { padding:12px 10px 10px; border-left:1px solid var(--sx-line); }
  .sx-key:nth-child(3n+1) { border-left:0; padding-left:0; }
  .sx-key:nth-child(-n+3) { border-bottom:1px solid var(--sx-line); }
  .sx-key .v { font-size:24px; }
  .sx-t { font-size:13px; }
  .sx-t th, .sx-t td { padding:7px 6px; }
  .sx-hide-m { display:none; }
}