/* RCU Analytics v1.9 "Arena" refresh — loaded last; builds on theme variables so every theme keeps working. */
:root{
  --font-display:"Unbounded","Figtree",Inter,"Segoe UI",Arial,sans-serif;
  --font-body:"Figtree",Inter,"Segoe UI",Arial,sans-serif;
  --gold:#ffc94a;--silver:#cfd8e8;--bronze:#e8956a;
  --radius-lg:20px;--radius-md:14px;--radius-sm:9px;
}
html[data-theme="ocean"]{--bg:#060e1f;--panel:#0d1932;--panel2:#142447;--line:#1f3460;--field:#0a1530;--sidebar:#081227;--accent:#4db3ff;--muted:#9fb3d1;--good:#3ee3a6;--warn:#ffc24d;--bad:#ff6b88}
html[data-theme="light"]{--gold:#a86b00;--silver:#5b6c84;--bronze:#a4582d}

html[data-theme] body{font-family:var(--font-body);font-size:14px;line-height:1.5;
  background:radial-gradient(1200px 600px at 78% -120px,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--bg)}
html[data-theme] .main{padding:22px clamp(16px,2.6vw,36px) 40px}

/* ---------- Typography: one display face for headings and numbers ---------- */
html[data-theme] .main .topbar h1,
html[data-theme] .command-hero-top h2,
html[data-theme] .main .card-head h2,
html[data-theme] .podium-heading h2,
html[data-theme] .section-heading h2,
html[data-theme] .momentum-head h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}
html[data-theme] .main .topbar h1{font-size:clamp(26px,2.4vw,34px);line-height:1.15;margin:0 0 6px}
html[data-theme] .main .topbar .subtle{font-size:14px;color:var(--muted)}
html[data-theme] .page-eyebrow{display:none}
html[data-theme] .main .card-head h2,html[data-theme] .podium-heading h2,html[data-theme] .momentum-head h2{font-size:16px}
html[data-theme] .section-heading h2{font-size:20px;margin:2px 0 0}
html[data-theme] td,html[data-theme] .podium-total,html[data-theme] .featured-total,html[data-theme] .momentum-gain{font-variant-numeric:tabular-nums}

/* Sentence-case labels instead of tiny tracked capitals */
html[data-theme] .main .dashboard-kicker,html[data-theme] .metric-caption,html[data-theme] .main .setup-kicker{
  font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .main th{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .main .muted,html[data-theme] .card-head .muted{font-size:13px}

/* ---------- Sidebar: calmer and denser ---------- */
html[data-theme] .sidebar nav a{min-height:36px;padding:7px 10px;margin:1px 0;border-radius:10px;font-size:14px;gap:10px;border:0}
html[data-theme] .sidebar nav a:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
html[data-theme] .sidebar nav a.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);box-shadow:inset 3px 0 0 var(--accent);font-weight:650}
html[data-theme] .sidebar nav a.active .navigation-icon{color:var(--accent)}
html[data-theme] .sidebar .nav-group .nav-section-label{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);opacity:.8;margin:16px 10px 4px}
html[data-theme] .sidebar .nav-group{border:0;padding:0;margin:0}
html[data-theme] .brand-title{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em}

/* ---------- Hero ---------- */
html[data-theme] .command-hero{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  background:radial-gradient(700px 320px at 0 0,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%),
             linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel) 60%);padding:26px 28px 0}
html[data-theme] .command-hero:after{display:none}
html[data-theme] .command-hero-top{margin-bottom:22px}
html[data-theme] .command-hero-top h2{font-size:clamp(26px,2.6vw,38px);margin:4px 0 6px}
html[data-theme] .command-hero-top p{font-size:14px}
html[data-theme] .featured-standing .featured-total{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;
  font-size:clamp(40px,4.4vw,64px);color:var(--gold);text-shadow:0 0 32px color-mix(in srgb,var(--gold) 35%,transparent)}
html[data-theme] .featured-identity strong{font-size:20px}
html[data-theme] .leader-crown{background:var(--gold);color:#2a1b00;border:0;border-radius:999px;padding:2px 9px;font-weight:800;font-size:12px}
html[data-theme] .featured-standing small,html[data-theme] .overview-metrics small{font-size:13px}
html[data-theme] .overview-metrics strong{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--accent)}
html[data-theme] .overview-metrics a{font-size:15px;font-weight:600}
html[data-theme] .overview-deadline{background:color-mix(in srgb,var(--bg) 55%,transparent);border:1px solid var(--line);border-radius:var(--radius-md)}
html[data-theme] .overview-deadline>strong{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}
html[data-theme] .overview-deadline>small{font-size:13px}
html[data-theme] .overview-footnote{font-size:13px}

/* ---------- Podium: medals carry the colour ---------- */
html[data-theme] .podium-panel{padding:20px 20px 18px}
html[data-theme] .podium-cards{gap:10px}
html[data-theme] .podium-entry{--medal:var(--gold);border:1px solid color-mix(in srgb,var(--medal) 30%,var(--line));border-radius:var(--radius-md);
  background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 13%,var(--panel)),var(--panel) 75%);padding:16px!important;gap:4px}
html[data-theme] .podium-entry:last-child{border-right:1px solid color-mix(in srgb,var(--medal) 30%,var(--line))}
html[data-theme] .podium-entry.podium-2{--medal:var(--silver)}
html[data-theme] .podium-entry.podium-3{--medal:var(--bronze)}
html[data-theme] .podium-entry:hover{border-radius:var(--radius-md);border-color:var(--medal);background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 20%,var(--panel)),var(--panel) 80%)}
html[data-theme] .podium-entry .podium-medal{top:14px;right:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--medal);color:#1b1405;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:0}
html[data-theme] .podium-entry img{width:46px;height:46px;border-radius:12px;border:2px solid var(--medal)}
html[data-theme] .podium-entry>strong{font-size:15px;font-weight:650}
html[data-theme] .podium-entry .podium-total{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text)}
html[data-theme] .podium-entry.podium-1 .podium-total{color:var(--gold)}
html[data-theme] .podium-entry>small{font-size:13px}

/* ---------- Cards: flatter, so the hero and podium stand out ---------- */
html[data-theme] .main .card,html[data-theme] .main .podium-panel{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:none;background:var(--panel)}
html[data-theme] .main .card-head{border-bottom:0;padding-bottom:4px;margin-bottom:6px}

/* ---------- Tables ---------- */
html[data-theme] .main table{border-collapse:separate;border-spacing:0}
html[data-theme] .main th{padding:10px 12px;background:var(--panel);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
html[data-theme] .main td{padding:9px 12px;font-size:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);vertical-align:middle}
html[data-theme] .main tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
html[data-theme] .main tbody tr:last-child td{border-bottom:0}
html[data-theme] .main td a{font-weight:600}
html[data-theme] .rank-24h{display:block;font-size:12px;margin-top:2px;color:var(--muted)}
html[data-theme] .your-account-row td{background:color-mix(in srgb,var(--accent) 10%,transparent)}
html[data-theme] .your-account-row td:first-child{box-shadow:inset 3px 0 var(--accent)}

/* Rank chips; top three get medal colours */
.rank-chip{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;font-family:var(--font-display);font-size:12px;font-weight:700;
  background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)}
.rank-chip.r1{background:var(--gold);color:#2a1b00}
.rank-chip.r2{background:var(--silver);color:#1a2230}
.rank-chip.r3{background:var(--bronze);color:#2b1305}
.rank-cell{display:flex;align-items:center;gap:10px}
.rank-move{font-size:12px;font-weight:600;white-space:nowrap}
.rank-move.up{color:var(--good)}.rank-move.down{color:var(--bad)}.rank-move.held{color:var(--muted)}

html[data-theme] .main .pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.02em}

/* Race status */
html[data-theme] .main .egg-status{font-size:12px;font-weight:650;padding:4px 10px 4px 8px;border-radius:999px;letter-spacing:0;gap:6px}
html[data-theme] .main .egg-status:before{width:7px;height:7px}
html[data-theme] .main .egg-status.gaining{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}
html[data-theme] .main .egg-status.holding{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}
html[data-theme] .main .egg-status.falling{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}
html[data-theme] .movement.up,html[data-theme] .hourly-positive{color:var(--good)}
html[data-theme] .movement.down{color:var(--bad)}

/* ---------- Insights ---------- */
html[data-theme] .dashboard-insight-grid>div{border-radius:var(--radius-md);background:var(--field);border:1px solid var(--line);padding:16px}
html[data-theme] .dashboard-insight-grid span{font-size:13px;color:var(--muted)}
html[data-theme] .dashboard-insight-grid strong{font-size:17px}
html[data-theme] .dashboard-insight-grid small{font-size:13px}

/* ---------- Momentum: fixes names collapsing to zero width ---------- */
html[data-theme] .momentum-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-radius:var(--radius-md);overflow:hidden}
html[data-theme] .momentum-period{min-width:0}
html[data-theme] .momentum-period-head strong{font-size:13px}
html[data-theme] .momentum-period-head span{font-size:12px}
html[data-theme] .momentum-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;font-size:13px}
html[data-theme] .momentum-row .momentum-name{min-width:0;overflow:hidden}
html[data-theme] .momentum-row .momentum-name a{display:flex;align-items:center;gap:7px;min-width:0;font-weight:600;font-size:13px}
html[data-theme] .momentum-row .momentum-name a>span,html[data-theme] .momentum-row .momentum-name a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .momentum-row .momentum-name img{flex:0 0 22px;width:22px;height:22px}
html[data-theme] .momentum-gain{color:var(--good);font-weight:700;font-size:13px}
html[data-theme] .momentum-rank{color:var(--muted);font-size:12px}

/* ---------- Controls ---------- */
html[data-theme] .main .btn{border-radius:10px;font-weight:650;font-size:14px}
html[data-theme] .main .btn.primary{background:var(--accent);color:color-mix(in srgb,var(--accent) 15%,#000);box-shadow:none;border-color:var(--accent)}
html[data-theme] .main .btn.primary:hover{background:color-mix(in srgb,var(--accent) 85%,#fff)}
html[data-theme] input,html[data-theme] select{font-family:var(--font-body);font-size:14px;border-radius:10px}
html[data-theme] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media (max-width:900px){
  html[data-theme] .featured-standing .featured-total{font-size:40px}
  html[data-theme] .podium-entry .podium-total{font-size:19px}
  html[data-theme] .main td{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Layout: give standings room to breathe ---------- */
html[data-theme] .main .btn{white-space:nowrap}
html[data-theme] .main td .egg-status{white-space:nowrap}
@media (max-width:1700px){
  html[data-theme] .dashboard-momentum-wrap{grid-template-columns:1fr}
}
@media (max-width:1500px){
  html[data-theme] .dashboard-tables{grid-template-columns:1fr}
}
html[data-theme] .dashboard-tables .dashboard-scroll{max-height:620px}
html[data-theme="light"] .podium-entry .podium-medal,html[data-theme="light"] .rank-chip.r1,html[data-theme="light"] .rank-chip.r2,html[data-theme="light"] .rank-chip.r3,html[data-theme="light"] .leader-crown{color:#fff}
html[data-theme="light"] .featured-standing .featured-total{text-shadow:none}
html[data-theme] .podium-entry .podium-total{white-space:nowrap}
@media (max-width:600px){
  html[data-theme] .podium-cards{gap:8px}
  html[data-theme] .podium-entry{padding:12px!important}
  html[data-theme] .podium-entry .podium-total{font-size:16px}
  html[data-theme] .podium-entry .podium-medal{width:24px;height:24px;font-size:11px;top:10px;right:10px}
  html[data-theme] .podium-entry img{width:38px;height:38px}
  html[data-theme] .podium-entry>strong{font-size:13px}
}

/* ---------- Players / Clans podium cards ---------- */
html[data-theme] .podium-grid{gap:12px;margin-bottom:18px}
html[data-theme] .podium-card,html[data-theme] .podium-card.place-2,html[data-theme] .podium-card.place-3{--medal:var(--gold);
  border:1px solid color-mix(in srgb,var(--medal) 32%,var(--line));border-radius:var(--radius-lg);padding:18px 20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 13%,var(--panel)),var(--panel) 78%);box-shadow:none}
html[data-theme] .podium-card.place-2{--medal:var(--silver)}
html[data-theme] .podium-card.place-3{--medal:var(--bronze)}
html[data-theme] .podium-card:after{display:none}
html[data-theme] .podium-card:hover{transform:none;border-color:var(--medal)}
html[data-theme] .podium-card .podium-rank.rank-chip{width:32px;min-width:32px;height:32px;padding:0;margin-bottom:12px;font-size:13px}
html[data-theme] .podium-card strong{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em}
html[data-theme] .podium-card small{font-size:14px;font-variant-numeric:tabular-nums}
html[data-theme] .podium-card em{font-size:13px;font-weight:650;color:var(--good);margin-top:10px}
html[data-theme] .podium-card.place-1 small{color:var(--gold);font-weight:700}

/* Toolbars above standings */
html[data-theme] .public-toolbar{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);gap:12px}
html[data-theme] .public-search{font-size:14px;border-radius:10px}
html[data-theme] .mono{font-size:12px;color:var(--muted)}

/* ---------- Projected Finish summary ---------- */
html[data-theme] .projection-hero{gap:12px;background:none;border:0}
html[data-theme] .projection-hero .card.metric{border-radius:var(--radius-lg);padding:18px 20px;margin:0}
html[data-theme] .projection-hero .card.metric span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .projection-hero .card.metric strong{font-family:var(--font-display);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.01em;margin:6px 0 4px;overflow-wrap:anywhere}
html[data-theme] .projection-hero .card.metric small{font-size:13px}
html[data-theme] .projection-hero .card.metric:nth-child(3),html[data-theme] .projection-hero .card.metric:nth-child(4){border-color:color-mix(in srgb,var(--gold) 35%,var(--line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 10%,var(--panel)),var(--panel) 80%)}
html[data-theme] .projection-hero .card.metric:nth-child(3) small,html[data-theme] .projection-hero .card.metric:nth-child(4) small{color:var(--gold);font-weight:700}
html[data-theme] .podium-card .podium-rank.rank-chip{position:absolute;top:14px;right:14px;margin:0;font-family:var(--font-display)}
html[data-theme] .podium-card .podium-rank.r1{color:#2a1b00}
html[data-theme] .podium-card .podium-rank.r2{color:#1a2230}
html[data-theme] .podium-card .podium-rank.r3{color:#2b1305}
html[data-theme="light"] .podium-card .podium-rank.r1,html[data-theme="light"] .podium-card .podium-rank.r2,html[data-theme="light"] .podium-card .podium-rank.r3{color:#fff}
html[data-theme] .podium-card>.roblox-avatar,html[data-theme] .podium-card>.clan-avatar,html[data-theme] .podium-card>img{width:48px;height:48px;flex-basis:48px;border-radius:12px;border:2px solid var(--medal)}
html[data-theme] .compact-control label,html[data-theme] .compact-control{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
@media (max-width:760px){
  html[data-theme] .podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html[data-theme] .podium-card,html[data-theme] .podium-card.place-2,html[data-theme] .podium-card.place-3{padding:12px 10px;border-radius:var(--radius-md)}
  html[data-theme] .podium-card .podium-rank.rank-chip{width:24px;min-width:24px;height:24px;font-size:11px;top:8px;right:8px}
  html[data-theme] .podium-card>.roblox-avatar,html[data-theme] .podium-card>.clan-avatar,html[data-theme] .podium-card>img{width:36px;height:36px;flex-basis:36px}
  html[data-theme] .podium-card strong{font-size:13px;max-width:100%}
  html[data-theme] .podium-card small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  html[data-theme] .podium-card em{font-size:12px;margin-top:6px}
}
@media (max-width:760px){
  html[data-theme] .podium-card small{white-space:normal;overflow:visible;line-height:1.35}
  html[data-theme] .projection-hero{grid-template-columns:1fr 1fr!important}
  html[data-theme] .projection-hero .card.metric{padding:14px}
  html[data-theme] .projection-hero .card.metric strong{font-size:18px}
}

/* ---------- Statuses used by trackers and profiles ---------- */
html[data-theme] .main .egg-status.leader,html[data-theme] .main .egg-status.leading{color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}
html[data-theme] .main .egg-status.losing{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}
html[data-theme] .main .egg-status.even{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}
html[data-theme] .main .egg-status.collecting{color:var(--muted);background:color-mix(in srgb,var(--text) 7%,transparent)}
html[data-theme] .egg-positive{color:var(--good);font-weight:650}
html[data-theme] .egg-negative{color:var(--bad);font-weight:650}

/* ---------- Eggs Opened / Total Clicks ---------- */
html[data-theme] .dashboard-statline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;border:0;background:none;box-shadow:none;margin-bottom:22px}
html[data-theme] .dashboard-statline .dashboard-stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);padding:16px 18px;min-width:0}
html[data-theme] .dashboard-statline .dashboard-stat:first-child{border-color:color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 11%,var(--panel)),var(--panel) 80%)}
html[data-theme] .dashboard-stat span{display:block;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .dashboard-stat strong{display:block;font-family:var(--font-display);font-size:18px;font-weight:700;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .dashboard-stat small{font-size:13px;color:var(--muted)}
html[data-theme] .dashboard-stat:first-child small{color:var(--gold);font-weight:700}
html[data-theme] .egg-podium .podium-card,html[data-theme] .egg-podium .podium-card.place-2,html[data-theme] .egg-podium .podium-card.place-3{border-top-width:1px}
html[data-theme] .egg-live{font-size:13px;color:var(--muted)}
html[data-theme] .egg-table .player-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px}
html[data-theme] .egg-table-tools input{font-size:14px;border-radius:10px}
html[data-theme] .egg-refresh{font-size:13px;color:var(--muted)}
@media (max-width:900px){html[data-theme] .dashboard-statline{grid-template-columns:1fr 1fr}}

/* ---------- Player and clan profiles ---------- */
html[data-theme] .main .profile-banner{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  background:radial-gradient(600px 260px at 0 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--panel);padding:24px 26px;gap:20px}
html[data-theme] .profile-banner h2{font-family:var(--font-display);font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;margin:2px 0 6px}
html[data-theme] .profile-banner p{font-size:14px;color:var(--muted)}
html[data-theme] .profile-rank span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .profile-rank strong{font-family:var(--font-display);font-weight:800}
html[data-theme] .profile-metrics{gap:12px;background:none;border:0;box-shadow:none}
html[data-theme] .profile-metrics .card.metric{border-radius:var(--radius-lg);padding:16px 18px;margin:0;border:1px solid var(--line)}
html[data-theme] .profile-metrics .card.metric span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .profile-metrics .card.metric strong{font-family:var(--font-display);font-size:clamp(20px,2vw,26px);font-weight:700;margin:6px 0 4px;overflow-wrap:anywhere}
html[data-theme] .profile-metrics .card.metric small{font-size:13px}
.rank-chip.rank-chip-lg{min-width:48px;height:36px;font-size:18px;padding:0 12px}
html[data-theme] .metric-rank{display:block}
html[data-theme] .nearby-grid{gap:12px}
html[data-theme] .nearby-grid>div{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);padding:14px 16px;min-width:0}
html[data-theme] .nearby-grid span{display:block;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .nearby-grid strong{display:block;font-size:16px;margin:4px 0 2px}
html[data-theme] .nearby-grid small{font-size:13px;color:var(--muted)}
html[data-theme] .projection-strip{gap:10px}
html[data-theme] .projection-strip>div{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);padding:14px 16px}
html[data-theme] .projection-strip span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-theme] .projection-strip strong{font-family:var(--font-display);font-size:18px;font-weight:700}
html[data-theme] .projection-strip small{font-size:12px}
html[data-theme] .diagnostics.player-stats{gap:0}
html[data-theme] .diagnostics.player-stats dt{font-size:14px;color:var(--muted);padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
html[data-theme] .diagnostics.player-stats dd{font-size:14px;font-weight:650;padding:9px 0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);font-variant-numeric:tabular-nums}
html[data-theme] .live-indicator{font-size:13px}
html[data-theme] .contributor-row{border-radius:var(--radius-sm)}
html[data-theme] .contributor-row strong{font-size:14px}
html[data-theme] .contribution-track{border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent)}
html[data-theme] .contribution-line{border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--good))}
html[data-theme] .change-row .pill{font-size:12px}
@media (max-width:760px){
  html[data-theme] .profile-metrics{grid-template-columns:1fr 1fr!important}
  html[data-theme] .profile-metrics .card.metric{padding:14px}
  html[data-theme] .profile-metrics .card.metric strong{font-size:18px}
}
html[data-theme] .profile-metrics .card.metric .metric-rank .rank-chip{display:inline-grid;width:auto;font-size:18px;font-weight:700;color:var(--text);margin:0}
html[data-theme] .profile-metrics .card.metric .metric-rank .rank-chip.r1{color:#2a1b00}
html[data-theme] .profile-metrics .card.metric .metric-rank .rank-chip.r2{color:#1a2230}
html[data-theme] .profile-metrics .card.metric .metric-rank .rank-chip.r3{color:#2b1305}
html[data-theme="light"] .profile-metrics .card.metric .metric-rank .rank-chip.r1,html[data-theme="light"] .profile-metrics .card.metric .metric-rank .rank-chip.r2,html[data-theme="light"] .profile-metrics .card.metric .metric-rank .rank-chip.r3{color:#fff}
html[data-theme] .diagnostics dd .rank-chip{display:inline-grid}
html[data-theme] .profile-rank-value{color:var(--text)}
html[data-theme] .profile-rank-value.r1{color:var(--gold)}
html[data-theme] .profile-rank-value.r2{color:var(--silver)}
html[data-theme] .profile-rank-value.r3{color:var(--bronze)}