/* Quiet graphite surfaces. Color belongs to rank, progress and action. */
:root {
  --v2-bg:#111315; --v2-panel:#191c1f; --v2-panel-raised:#222629; --v2-sidebar:#141719;
  --v2-dim:#b0b6bd; --v2-faint:#858d97; --v2-border:rgba(225,231,233,.13);
  --v2-indigo:#c6cdd1; --v2-indigo-deep:#697b78; --v2-indigo-soft:rgba(182,200,193,.08); --v2-indigo-glow:transparent;
  --v2-cyan:#7dccac; --v2-cyan-soft:rgba(125,204,172,.08); --v2-cyan-glow:transparent;
  --v2-card-bg:#191c1f; --v2-card-shadow:inset 0 0 0 1px var(--v2-border);
  --v2-card-shadow-hover:inset 0 0 0 1px rgba(225,231,233,.22);
  --v2-ring-amber:0 0 0 3px rgba(233,189,104,.3);
}
body.arena { background:#111315; }
body::before,body::after { background:none; }
.v2-sidebar { background:#141719; box-shadow:none; }
.v2-shell .v2-card,.v2-shell .v2-daily-target,.v2-shell .roadmap-card,.v2-shell .chart-card,
.wt-compact-rank-card,.wt-compact-primary-card,.wt-compact-metric,.wt-compact-milestone {
  background:#191c1f; border-color:#343b3f; box-shadow:inset 0 0 0 1px rgba(225,231,233,.06);
}
.v2-shell .v2-card:hover,.v2-hero-row > .v2-daily-target:hover { box-shadow:inset 0 0 0 1px rgba(225,231,233,.18); }
.v2-card::before,.v2-card::after,.v2-daily-target::before,.v2-daily-target::after,.roadmap-card::before,.roadmap-card::after,
.v2-rank-glyph::before,.v2-rank-glyph::after { display:none; }
.v2-rank-glyph { width:80px; height:88px; padding:0; background:none; border:0; box-shadow:none; filter:none; transform:none; }
.v2-rank-glyph > *, .v2-ladder-glyph > * { filter:none; animation:none; }
.wt-compact-rank-glyph { width:64px; height:72px; background:none; box-shadow:none; }
.wt-rank-crest { display:block; max-width:100%; overflow:visible; }
.v2-rank-name { font-family:var(--v2-font-headline); font-weight:700; color:#edf0ef; letter-spacing:.02em; }
.v2-rank-name,.v2-daily-target .v2-dt-num,.wt-compact-primary-card #wtCompactToday {
  background:none; -webkit-text-fill-color:currentColor; color:#f0e5c9; text-shadow:none; filter:none;
}
.v2-daily-target .v2-dt-num::after { display:none; }
.roadmap-header { color:#d6dcd9; letter-spacing:.07em; }
.roadmap-track > .roadmap-row, .roadmap-track > .roadmap-row.goal,
.roadmap-track > .roadmap-row:first-of-type:not(.goal) {
  background:transparent; border:0; border-bottom:1px solid #343b3f; box-shadow:none; border-radius:0; padding:12px 0; gap:14px;
}
.roadmap-track > .roadmap-row:last-child { border-bottom:0; }
.roadmap-track > .roadmap-row::before,.roadmap-track > .roadmap-row::after { display:none; }
.roadmap-track .roadmap-row .roadmap-pip,
.roadmap-track > .roadmap-row:first-of-type:not(.goal) .roadmap-pip {
  width:36px; height:42px; flex:0 0 36px; border:0; border-radius:0; background:none; box-shadow:none; animation:none; filter:none;
}
.roadmap-track .roadmap-pip::before,.roadmap-track .roadmap-pip::after { display:none; }
.roadmap-track .roadmap-row .roadmap-name { color:#e4e9e7; text-shadow:none; font-size:15px; letter-spacing:0; }
.roadmap-track .roadmap-row .roadmap-detail { color:#adb7b4; font-size:12px; line-height:1.5; }
.roadmap-track .roadmap-row.goal .roadmap-name::after { color:#a5d9c3; background:#23372e; border:1px solid #3b5f50; box-shadow:none; }
.v2-pace-fill,.v2-bracket-fill { background:#8dc9ae; box-shadow:none; }
.v2-ladder-cell,.v2-ladder-cell.current { background:#191e20; box-shadow:none; }
.v2-ladder-cell:hover { box-shadow:inset 0 0 0 1px #65776d; }
.v2-goal-pill.active { background:#28372e; color:#c8ecdb; border-color:#638b73; box-shadow:none; }
.v2-goal-pill::after { display:none; }
@media(max-width:768px) { .v2-rank-progress-card .v2-rank-glyph { width:64px; height:72px; } .v2-rank-glyph svg { width:64px; height:72px; } }