.wct-profile {
  --wct-bg: #111411;
  --wct-panel: #191d18;
  --wct-panel-alt: #20251d;
  --wct-border: #343b2e;
  --wct-text: #edf0e8;
  --wct-muted: #a2aa98;
  --wct-accent: #9aa96b;
  --wct-accent-bright: #c3d28a;
  color: var(--wct-text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.wct-profile * { box-sizing: border-box; }
.wct-hero, .wct-stat-card, .wct-progress-card, .wct-chart-card, .wct-item {
  background: var(--wct-panel);
  border: 1px solid var(--wct-border);
  border-radius: 8px;
}
.wct-hero { padding: clamp(22px, 4vw, 38px); border-top: 3px solid var(--wct-accent); }
.wct-eyebrow { color: var(--wct-accent-bright); font-size: 11px; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; }
.wct-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--wct-accent); margin: 0 7px; vertical-align: middle; }
.wct-hero-row { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-top: 20px; }
.wct-hero h1 { color: var(--wct-text); margin: 0 0 7px; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; font-weight: 800; }
.wct-muted { color: var(--wct-muted); }
.wct-hero p { margin: 0; font-size: 13px; }
.wct-sync { color: var(--wct-muted); font-size: 12px; white-space: nowrap; }
.wct-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.wct-stat-card { padding: 22px; min-height: 108px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }
.wct-stat-card span { color: var(--wct-muted); font-size: 10px; letter-spacing: .12em; font-weight: 800; }
.wct-stat-card strong { color: var(--wct-text); font-size: clamp(23px, 2.8vw, 34px); font-weight: 800; line-height: 1; }
.wct-section { display: flex; flex-direction: column; gap: 16px; }
.wct-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.wct-section-heading h2 { color: var(--wct-text); font-size: clamp(22px, 2.5vw, 28px); margin: 6px 0 0; font-weight: 800; }
.wct-section-index { color: var(--wct-muted); font-size: 10px; letter-spacing: .12em; white-space: nowrap; }
.wct-progress-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wct-progress-card { padding: 19px; }
.wct-card-top, .wct-xp-line { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.wct-class-label { font-size: 11px; letter-spacing: .14em; font-weight: 800; color: var(--wct-accent-bright); }
.wct-level { color: var(--wct-muted); font-size: 10px; letter-spacing: .08em; }
.wct-level strong { color: var(--wct-text); font-size: 17px; margin-left: 5px; }
.wct-xp-line { color: var(--wct-muted); font-size: 11px; margin: 18px 0 9px; }
.wct-bar { height: 7px; border-radius: 10px; overflow: hidden; background: #30362b; }
.wct-bar span { display: block; height: 100%; background: linear-gradient(90deg, #687a43, var(--wct-accent-bright)); border-radius: inherit; }
.wct-next { display: flex; flex-direction: column; gap: 5px; margin-top: 18px; }
.wct-next .wct-muted { font-size: 9px; letter-spacing: .12em; }
.wct-next strong { color: var(--wct-text); font-size: 13px; }
.wct-next small { color: var(--wct-accent-bright); font-size: 11px; }
.wct-unlock-list { border: 1px solid var(--wct-border); border-radius: 8px; overflow: hidden; }
.wct-unlock-row { display: flex; align-items: center; gap: 14px; padding: 15px 18px; background: var(--wct-panel); border-bottom: 1px solid var(--wct-border); }
.wct-unlock-row:last-child { border-bottom: 0; }
.wct-unlock-icon { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--wct-border); color: var(--wct-accent-bright); border-radius: 5px; font-size: 20px; }
.wct-unlock-row div { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.wct-unlock-row small { color: var(--wct-muted); font-size: 9px; letter-spacing: .12em; }
.wct-unlock-row strong { font-size: 13px; color: var(--wct-text); }
.wct-unlock-xp { color: var(--wct-accent-bright); font-size: 10px; letter-spacing: .06em; text-align: right; }
.wct-chart-card { padding: 22px; min-height: 180px; }
.wct-chart { display: block; width: 100%; height: 150px; overflow: visible; }
.wct-chart-grid { stroke: #353d30; stroke-width: .6; stroke-dasharray: 2 2; }
.wct-chart-line { fill: none; stroke: var(--wct-accent-bright); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.wct-chart-labels { display: flex; justify-content: space-between; color: var(--wct-muted); font-size: 10px; margin-top: 10px; }
.wct-inventory { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wct-item { min-height: 120px; padding: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.wct-item-mark { color: var(--wct-accent); font-size: 19px; }
.wct-item small { color: var(--wct-muted); font-size: 9px; letter-spacing: .1em; }
.wct-item strong { color: var(--wct-text); font-size: 12px; overflow-wrap: anywhere; }
.wct-empty { background: var(--wct-panel); border: 1px dashed var(--wct-border); border-radius: 8px; padding: 22px; color: var(--wct-muted); font-size: 13px; line-height: 1.6; }
@media (max-width: 900px) {
  .wct-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wct-progress-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wct-inventory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wct-hero-row { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .wct-profile { gap: 21px; }
  .wct-stats, .wct-progress-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .wct-stat-card { padding: 15px; min-height: 95px; }
  .wct-stat-card strong { font-size: 23px; }
  .wct-progress-card { padding: 13px; }
  .wct-section-index { display: none; }
  .wct-inventory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wct-unlock-row { padding: 13px; gap: 10px; }
  .wct-unlock-xp { max-width: 100px; line-height: 1.4; }
}

/* Class-by-class XP threshold tabs (v0.1.2) */
.wct-class-progression .wct-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.wct-class-progression .wct-tab-radio{position:absolute;opacity:0;pointer-events:none}
.wct-class-progression .wct-tab-label{display:block;text-align:center;padding:12px 10px;border:1px solid var(--wct-border,#34382a);border-radius:8px;background:var(--wct-panel,#171a14);color:var(--wct-muted,#a3a58f);font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.wct-class-progression .wct-tab-radio:checked + .wct-tab-label{background:var(--wct-accent,#c7d36f);border-color:var(--wct-accent,#c7d36f);color:#171a12}
.wct-class-progression .wct-tab-radio:focus-visible + .wct-tab-label{outline:2px solid var(--wct-accent,#c7d36f);outline-offset:3px}
.wct-class-progression .wct-tab-panel{display:none;grid-column:1/-1;min-width:0}
.wct-class-progression .wct-tab-radio:nth-of-type(1):checked ~ .wct-tab-panel[data-class="assault"],
.wct-class-progression .wct-tab-radio:nth-of-type(2):checked ~ .wct-tab-panel[data-class="medic"],
.wct-class-progression .wct-tab-radio:nth-of-type(3):checked ~ .wct-tab-panel[data-class="recon"],
.wct-class-progression .wct-tab-radio:nth-of-type(4):checked ~ .wct-tab-panel[data-class="support"],
.wct-class-progression .wct-tab-radio:nth-of-type(5):checked ~ .wct-tab-panel[data-class="driver"],
.wct-class-progression .wct-tab-radio:nth-of-type(6):checked ~ .wct-tab-panel[data-class="pilot"]{display:block}
.wct-class-progression .wct-class-detail{padding:clamp(20px,3vw,34px);margin-top:10px}
.wct-class-xp-summary{display:flex;flex-direction:column;gap:5px;margin:24px 0 18px}
.wct-class-xp-summary>strong{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.04em}
.wct-class-xp-summary>strong small{font-size:14px;letter-spacing:.08em;color:var(--wct-muted,#a3a58f)}
.wct-next-detail{margin:14px 0 20px}
.wct-threshold-row{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;color:var(--wct-muted,#a3a58f);font-size:13px}
.wct-threshold-row strong{color:var(--wct-text,#f1f1e8)}
.wct-threshold-list{margin-top:22px;border-top:1px solid var(--wct-border,#34382a);padding-top:14px}
.wct-threshold-list summary{cursor:pointer;font-weight:700;color:var(--wct-muted,#a3a58f)}
.wct-threshold-list ul{list-style:none;margin:12px 0 0;padding:0}
.wct-threshold-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--wct-border,#34382a);font-size:13px}
.wct-threshold-list li strong{white-space:nowrap}
.wct-threshold-list li.is-unlocked>span{color:var(--wct-accent,#c7d36f)}
@media(max-width:680px){.wct-class-progression .wct-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.wct-class-progression .wct-tab-label{padding:10px 6px;font-size:11px}.wct-threshold-row{flex-direction:column;gap:6px}}