/* WorldCup 2026 Round1 Dashboard — presentation only */

body:has(.wc-dashboard) .main-content.container {
  max-width: 1280px;
}

body:has(.wc-dashboard) .bg-grid {
  opacity: 0.35;
  background-image:
    linear-gradient(rgba(0, 212, 170, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 170, 0.015) 1px, transparent 1px);
}

.wc-dashboard { width: 100%; margin: 0 auto; }

/* Dashboard internal links — no default browser blue */
.wc-dashboard a:not(.wc-action-card):not(.wc-handicap-link) {
  color: #8fb3d9;
  text-decoration: none;
  transition: color 0.15s ease, opacity 0.15s ease;
}
.wc-dashboard a:not(.wc-action-card):not(.wc-handicap-link):hover {
  color: #bfe7ff;
  opacity: 0.92;
}
.wc-muted-link { color: #8fb3d9 !important; }
.wc-muted-link:hover { color: #bfe7ff !important; }

.wc-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.92), rgba(15, 23, 42, 0.72));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.wc-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}

.wc-hero-badge {
  display: inline-flex;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  border: 1px solid rgba(0, 212, 170, 0.28);
  background: rgba(0, 212, 170, 0.1);
  color: #6ee7b7;
}

.wc-hero-badge-muted {
  border-color: rgba(148, 163, 184, 0.25);
  background: rgba(148, 163, 184, 0.08);
  color: #94a3b8;
  letter-spacing: 0;
}

.wc-hero-title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 800;
  line-height: 1.15;
  background: linear-gradient(135deg, #f8fafc 20%, #6ee7b7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.wc-hero-subtitle {
  margin: 0 0 1rem;
  color: #94a3b8;
  font-size: 0.95rem;
}

.wc-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  font-size: 0.8rem;
  color: #64748b;
}

.wc-hero-meta strong { color: #cbd5e1; font-weight: 600; }
.wc-status-ok { color: #6ee7b7 !important; }
.wc-status-warn { color: #fbbf24 !important; }

.wc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.85rem;
  margin-bottom: 1.25rem;
}

.wc-kpi-card {
  padding: 1rem 1.1rem;
  border-radius: 14px;
  background: rgba(17, 24, 39, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.wc-kpi-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  margin-bottom: 0.35rem;
}

.wc-kpi-value {
  display: block;
  font-size: 1.55rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #f1f5f9;
}

.wc-kpi-sub {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.72rem;
  color: #64748b;
}

.wc-kpi-neutral { border-color: rgba(148, 163, 184, 0.2); }
.wc-kpi-neutral .wc-kpi-value { color: #cbd5e1; }
.wc-kpi-info { border-color: rgba(59, 130, 246, 0.25); background: rgba(59, 130, 246, 0.08); }
.wc-kpi-info .wc-kpi-value { color: #93c5fd; }
.wc-kpi-success { border-color: rgba(34, 197, 94, 0.25); background: rgba(34, 197, 94, 0.07); }
.wc-kpi-success .wc-kpi-value { color: #86efac; }
.wc-kpi-warning { border-color: rgba(251, 146, 60, 0.28); background: rgba(251, 146, 60, 0.07); }
.wc-kpi-warning .wc-kpi-value { color: #fdba74; }
.wc-kpi-danger { border-color: rgba(239, 68, 68, 0.28); background: rgba(239, 68, 68, 0.07); }
.wc-kpi-danger .wc-kpi-value { color: #fca5a5; }

.wc-trend-card {
  padding: 1.15rem 1.35rem;
  margin-bottom: 1.25rem;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.08), rgba(17, 24, 39, 0.85));
  border: 1px solid rgba(251, 146, 60, 0.22);
}

.wc-trend-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.wc-trend-title { margin: 0; font-size: 1.05rem; font-weight: 700; color: #e2e8f0; }
.wc-trend-tags { display: flex; flex-wrap: wrap; gap: 0.45rem; }

.wc-tag {
  display: inline-flex;
  padding: 0.22rem 0.65rem;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 600;
  border: 1px solid transparent;
}

.wc-tag-neutral { background: rgba(148, 163, 184, 0.12); color: #94a3b8; border-color: rgba(148, 163, 184, 0.22); }
.wc-tag-info { background: rgba(59, 130, 246, 0.14); color: #93c5fd; border-color: rgba(59, 130, 246, 0.28); }
.wc-tag-warn { background: rgba(251, 146, 60, 0.14); color: #fdba74; border-color: rgba(251, 146, 60, 0.3); }
.wc-tag-danger { background: rgba(239, 68, 68, 0.14); color: #fca5a5; border-color: rgba(239, 68, 68, 0.28); }
.wc-tag-draw { background: rgba(245, 158, 11, 0.14); color: #fcd34d; border-color: rgba(245, 158, 11, 0.3); }

.wc-trend-advice { margin: 0; font-size: 0.9rem; color: #cbd5e1; line-height: 1.55; }
.wc-trend-advice strong { color: #fdba74; }

.wc-action-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
  margin-bottom: 1.75rem;
}

.wc-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) { .wc-hub-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .wc-hub-grid { grid-template-columns: 1fr; } }

.wc-hub-card {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  background: rgba(17, 24, 39, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.15s, border-color 0.15s;
  position: relative;
}
.wc-hub-card:hover { transform: translateY(-2px); border-color: rgba(0, 212, 170, 0.35); }
.wc-hub-status {
  align-self: flex-start;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
}
.wc-hub-done .wc-hub-status { background: rgba(34, 197, 94, 0.2); color: #4ade80; }
.wc-hub-active .wc-hub-status { background: rgba(56, 189, 248, 0.2); color: #7dd3fc; }
.wc-hub-wait .wc-hub-status { background: rgba(251, 191, 36, 0.15); color: #fde68a; }
.wc-hub-title { font-size: 1.02rem; font-weight: 700; color: #f1f5f9; }
.wc-hub-desc { font-size: 0.78rem; color: #94a3b8; line-height: 1.45; flex: 1; }

/* 首页 — 世界杯阶段入口 */
.wc-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 1.75rem;
}
@media (max-width: 900px) { .wc-stage-grid { grid-template-columns: 1fr; } }

.wc-stage-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem 1.35rem;
  min-height: 9.5rem;
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.92), rgba(15, 23, 42, 0.78));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.wc-stage-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 212, 170, 0.4);
}
.wc-stage-status {
  align-self: flex-start;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
.wc-stage-done .wc-stage-status { background: rgba(34, 197, 94, 0.22); color: #4ade80; }
.wc-stage-active .wc-stage-status { background: rgba(34, 211, 238, 0.2); color: #67e8f9; }
.wc-stage-wait-result .wc-stage-status { background: rgba(251, 191, 36, 0.18); color: #fde68a; }
.wc-stage-wait-group .wc-stage-status { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
.wc-stage-needs-odds .wc-stage-status { background: rgba(251, 146, 60, 0.2); color: #fdba74; }
.wc-stage-error .wc-stage-status { background: rgba(248, 113, 113, 0.2); color: #fca5a5; }
.wc-stage-live .wc-stage-status { background: rgba(56, 189, 248, 0.2); color: #7dd3fc; }
.wc-stage-title {
  font-size: 1.12rem;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.3;
}
.wc-stage-desc {
  font-size: 0.82rem;
  color: #94a3b8;
  line-height: 1.5;
  flex: 1;
}
.wc-stage-arrow {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6ee7b7;
  margin-top: 0.25rem;
}

/* 第三轮今日6场 */
.wc-round3-today-panel {
  padding: 1.15rem 1.35rem;
  margin-bottom: 1.75rem;
  border-radius: 14px;
  background: rgba(17, 24, 39, 0.8);
  border: 1px solid rgba(34, 211, 238, 0.22);
}
.wc-round3-today-stats {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.65rem 1.25rem;
}
@media (max-width: 560px) { .wc-round3-today-stats { grid-template-columns: 1fr; } }
.wc-round3-today-stats li {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.78rem;
  color: #64748b;
}
.wc-round3-today-stats strong { color: #e2e8f0; font-size: 0.95rem; font-weight: 700; }
.wc-round3-today-msg {
  margin: 0 0 0.85rem;
  color: #94a3b8;
  font-size: 0.9rem;
}
.wc-round3-today-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 1rem;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #042f2e !important;
  background: linear-gradient(135deg, #5eead4, #2dd4bf);
  text-decoration: none;
}
.wc-round3-today-btn-muted {
  color: #e2e8f0 !important;
  background: rgba(51, 65, 85, 0.65);
  border: 1px solid rgba(148, 163, 184, 0.25);
}
.wc-research-tools { margin-top: 0.5rem; margin-bottom: 1.5rem; }
.wc-action-card-secondary { opacity: 0.92; }
.wc-home-disclaimer {
  margin-top: 0.5rem;
  font-size: 0.78rem;
  color: #64748b;
  line-height: 1.55;
}

.wc-action-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.15rem 1.25rem;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  background: rgba(17, 24, 39, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.wc-action-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 212, 170, 0.35);
  box-shadow: 0 8px 24px rgba(0, 212, 170, 0.12);
}

.wc-action-card-accent {
  border-color: rgba(0, 212, 170, 0.22);
  background: linear-gradient(145deg, rgba(0, 212, 170, 0.1), rgba(17, 24, 39, 0.85));
}

.wc-action-card-blue {
  border-color: rgba(96, 165, 250, 0.22);
  background: linear-gradient(145deg, rgba(59, 130, 246, 0.1), rgba(17, 24, 39, 0.85));
}

.wc-action-card-blue:hover {
  border-color: rgba(96, 165, 250, 0.4);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.wc-action-title { font-size: 1rem; font-weight: 700; color: #f1f5f9; }
.wc-action-desc { font-size: 0.82rem; color: #94a3b8; line-height: 1.45; flex: 1; }
.wc-action-arrow { font-size: 0.85rem; font-weight: 600; color: #6ee7b7; }
.wc-action-card-blue .wc-action-arrow { color: #93c5fd; }

.wc-action-card-violet {
  border-color: rgba(167,139,250,0.35);
  background: linear-gradient(135deg, rgba(91,33,182,0.12) 0%, rgba(30,27,75,0.4) 100%);
}
.wc-action-card-violet:hover {
  border-color: rgba(167,139,250,0.55);
  box-shadow: 0 8px 24px rgba(91,33,182,0.15);
}
.wc-action-card-violet .wc-action-arrow { color: #c4b5fd; }

.wc-action-card-gold {
  border-color: rgba(251, 191, 36, 0.35);
  background: linear-gradient(145deg, rgba(180, 83, 9, 0.14), rgba(17, 24, 39, 0.85));
}
.wc-action-card-gold:hover {
  border-color: rgba(251, 191, 36, 0.55);
  box-shadow: 0 8px 24px rgba(180, 83, 9, 0.15);
}
.wc-action-card-gold .wc-action-arrow { color: #fcd34d; }

/* ── Unified intelligence panel ── */
.wc-intel-panel {
  margin: 1rem 0 1.25rem;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  border: 1px solid rgba(100,116,139,0.25);
  background: linear-gradient(180deg, rgba(15,23,42,0.6) 0%, rgba(15,23,42,0.35) 100%);
}
.wc-intel-panel-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.wc-intel-panel-title {
  margin: 0;
  font-size: 1.05rem;
  color: #e2e8f0;
  font-weight: 600;
}
.wc-intel-panel-sub {
  margin: 0.25rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
}
.wc-intel-panel-links {
  display: flex;
  gap: 0.75rem;
  font-size: 0.78rem;
}
.wc-intel-panel-links a { color: #93c5fd; text-decoration: none; }
.wc-intel-panel-links a:hover { text-decoration: underline; }
.wc-intel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.65rem;
}
.wc-intel-grid-6 { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
.wc-intel-card {
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(100,116,139,0.2);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.wc-intel-v13 { background: rgba(13,148,136,0.08); border-color: rgba(45,212,191,0.2); }
.wc-intel-v14 { background: rgba(67,56,202,0.08); border-color: rgba(129,140,248,0.2); }
.wc-intel-v20 { background: rgba(91,33,182,0.1); border-color: rgba(167,139,250,0.25); }
.wc-intel-v12 { background: rgba(59,130,246,0.08); border-color: rgba(96,165,250,0.2); }
.wc-intel-survival { background: rgba(180,83,9,0.1); border-color: rgba(251,191,36,0.25); }
.wc-intel-survival .wc-intel-card-value { color: #fcd34d; }
.wc-intel-card-label { font-size: 0.68rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; }
.wc-intel-card-value { font-size: 1.05rem; font-weight: 700; color: #f1f5f9; }
.wc-intel-v13 .wc-intel-card-value { color: #5eead4; }
.wc-intel-v14 .wc-intel-card-value { color: #a5b4fc; }
.wc-intel-v20 .wc-intel-card-value { color: #c4b5fd; }
.wc-intel-card-meta { font-size: 0.72rem; color: #94a3b8; line-height: 1.35; }
.wc-intel-updated { margin: 0.65rem 0 0; font-size: 0.72rem; color: #64748b; }

.wc-intel-strip {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0 0.35rem;
  padding: 0.45rem 0.6rem;
  border-radius: 8px;
  background: rgba(30,41,59,0.45);
  border: 1px solid rgba(71,85,105,0.35);
}
.wc-intel-strip-label {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 600;
  color: #64748b;
  padding-top: 0.15rem;
}
.wc-intel-strip-body {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}
.wc-intel-pill {
  font-size: 0.72rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(100,116,139,0.3);
  color: #cbd5e1;
}
.wc-intel-pill strong { font-weight: 600; }
.wc-intel-pill-v13 { border-color: rgba(45,212,191,0.35); color: #99f6e4; }
.wc-intel-pill-v14 { border-color: rgba(129,140,248,0.35); color: #c7d2fe; }
.wc-intel-pill-v20 { border-color: rgba(167,139,250,0.35); color: #ddd6fe; }
.wc-intel-em { font-style: normal; margin-left: 0.25rem; font-size: 0.65rem; opacity: 0.9; }

.wc-intel-details {
  margin: 0.45rem 0 0.35rem;
  border-radius: 10px;
  border: 1px solid rgba(71,85,105,0.35);
  background: rgba(15,23,42,0.35);
}
.wc-intel-details-toggle {
  cursor: pointer;
  padding: 0.55rem 0.75rem;
  font-size: 0.78rem;
  color: #94a3b8;
  list-style: none;
  font-weight: 500;
}
.wc-intel-details-toggle::-webkit-details-marker { display: none; }
.wc-intel-details-body { padding: 0 0.75rem 0.75rem; }
.wc-intel-section { margin-bottom: 0.85rem; padding-bottom: 0.85rem; border-bottom: 1px dashed rgba(71,85,105,0.3); }
.wc-intel-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.wc-intel-section-title {
  margin: 0 0 0.45rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #cbd5e1;
}
.wc-intel-section-body { font-size: 0.78rem; }

.wc-hero-badge-v20 { background: rgba(91,33,182,0.15); color: #c4b5fd; }
.wc-groups-intel-panel { margin-top: 0; }

.wc-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.wc-section-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: #e2e8f0; }
.wc-section-meta { font-size: 0.82rem; color: #64748b; }

.wc-match-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
  margin-bottom: 1.75rem;
}

.wc-match-card {
  padding: 1rem 1.15rem;
  border-radius: 14px;
  background: rgba(17, 24, 39, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.wc-match-card-finished {
  border-color: rgba(59, 130, 246, 0.2);
  background: linear-gradient(145deg, rgba(59, 130, 246, 0.06), rgba(17, 24, 39, 0.82));
}

.wc-match-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.wc-match-time { font-size: 0.78rem; color: #64748b; font-variant-numeric: tabular-nums; }
.wc-match-name { margin: 0 0 0.75rem; font-size: 1.05rem; font-weight: 700; color: #f1f5f9; line-height: 1.35; }

.wc-picks-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin-bottom: 0.65rem;
}

.wc-pick-block { display: flex; flex-direction: column; gap: 0.15rem; }
.wc-pick-label { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; color: #64748b; }

.wc-pick-badge {
  display: inline-flex;
  padding: 0.18rem 0.55rem;
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 700;
}

.wc-pick-badge-home { background: rgba(59, 130, 246, 0.18); color: #93c5fd; border: 1px solid rgba(59, 130, 246, 0.3); }
.wc-pick-badge-draw { background: rgba(245, 158, 11, 0.16); color: #fcd34d; border: 1px solid rgba(245, 158, 11, 0.3); }
.wc-pick-badge-away { background: rgba(239, 68, 68, 0.16); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.3); }

.wc-v11-adjust {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  background: rgba(167, 139, 250, 0.18);
  color: #c4b5fd;
  border: 1px solid rgba(167, 139, 250, 0.35);
}

.wc-prob-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.65rem;
}

.wc-prob-cell {
  text-align: center;
  padding: 0.35rem 0.25rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.wc-prob-cell span { display: block; font-size: 0.65rem; color: #64748b; margin-bottom: 0.1rem; }
.wc-prob-cell strong { font-size: 0.88rem; font-variant-numeric: tabular-nums; color: #e2e8f0; }
.wc-prob-cell.wc-prob-max { border-color: rgba(0, 212, 170, 0.25); background: rgba(0, 212, 170, 0.06); }
.wc-prob-cell.wc-prob-max strong { color: #6ee7b7; }

.wc-match-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.5rem; }

.wc-match-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.85rem;
}

.wc-score { font-size: 1.1rem; font-weight: 800; font-variant-numeric: tabular-nums; color: #f1f5f9; }

.wc-match-more {
  margin-top: 0.5rem;
  font-size: 0.78rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 0.25rem;
}
.wc-match-more-toggle {
  list-style: none;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.wc-match-more-toggle::-webkit-details-marker { display: none; }
.wc-match-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.28rem 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(143, 179, 217, 0.22);
  background: rgba(15, 23, 42, 0.55);
  color: #8fb3d9;
  font-size: 0.72rem;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.wc-match-more-toggle:hover .wc-match-more-btn {
  background: rgba(30, 41, 59, 0.85);
  border-color: rgba(143, 179, 217, 0.35);
  color: #bfe7ff;
}
.wc-match-more-label-open { display: none; }
.wc-match-more[open] .wc-match-more-label-closed { display: none; }
.wc-match-more[open] .wc-match-more-label-open { display: inline; }
.wc-match-more-chevron::after {
  content: '▾';
  display: inline-block;
  font-size: 0.85rem;
  color: #64748b;
  transition: transform 0.15s ease, color 0.15s ease;
}
.wc-match-more[open] .wc-match-more-chevron::after {
  transform: rotate(180deg);
  color: #8fb3d9;
}

.wc-match-more-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem 0.75rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.06);
}

.wc-match-more-row { display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.76rem; }
.wc-match-more-row span { color: #64748b; flex-shrink: 0; }
.wc-match-more-wide { grid-column: 1 / -1; }

.wc-table-section { margin-bottom: 1.75rem; }
.wc-table-section .round1-table-wrap {
  margin-top: 0.75rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.wc-accordion-group { display: flex; flex-direction: column; gap: 0.65rem; margin-bottom: 1.75rem; }

.wc-accordion-item {
  border-radius: 14px;
  background: rgba(17, 24, 39, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.wc-accordion-item summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  color: #e2e8f0;
}

.wc-accordion-item summary::-webkit-details-marker { display: none; }
.wc-accordion-item summary::after { content: "+"; font-size: 1.1rem; color: #64748b; }
.wc-accordion-item[open] summary::after { content: "−"; color: #6ee7b7; }
.wc-accordion-hint { font-size: 0.78rem; font-weight: 400; color: #64748b; }
.wc-accordion-body { padding: 0 1.25rem 1.15rem; border-top: 1px solid rgba(255, 255, 255, 0.05); }

.wc-handicap-mini {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.75rem;
  border-radius: 14px;
  background: rgba(17, 24, 39, 0.72);
  border: 1px solid rgba(0, 212, 170, 0.18);
}

.wc-handicap-mini-metrics { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.wc-handicap-mini-metrics div { font-size: 0.82rem; color: #94a3b8; }
.wc-handicap-mini-metrics strong { display: block; font-size: 1.1rem; color: #6ee7b7; margin-top: 0.1rem; }

.wc-handicap-link {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6ee7b7;
  text-decoration: none;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 212, 170, 0.3);
  background: rgba(0, 212, 170, 0.08);
}

.wc-player-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.wc-player-card {
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 0.8rem;
}

.wc-player-card strong { display: block; margin-bottom: 0.5rem; color: #e2e8f0; }
.wc-player-row { display: flex; justify-content: space-between; gap: 0.5rem; padding: 0.2rem 0; color: #cbd5e1; }
.wc-player-row span { color: #64748b; }

.wc-dashboard-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.wc-back-link { font-size: 0.88rem; color: #7dd3fc; text-decoration: none; }
.wc-disclaimer { margin: 0; font-size: 0.75rem; color: #64748b; line-height: 1.5; max-width: 640px; }

/* Phase 1 shadow feature observation (display only) */
.wc-shadow-section { margin-top: 1.25rem; }
.wc-shadow-note {
  margin: 0 0 1rem;
  font-size: 0.82rem;
  color: #94a3b8;
  line-height: 1.55;
}
.wc-shadow-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.75rem;
}
.wc-shadow-card {
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(148, 163, 184, 0.12);
}
.wc-shadow-card strong { display: block; margin-bottom: 0.55rem; color: #e2e8f0; font-size: 0.9rem; }
.wc-shadow-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.wc-shadow-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  font-size: 0.72rem;
  color: #cbd5e1;
  background: rgba(51, 65, 85, 0.45);
  border: 1px solid rgba(100, 116, 139, 0.25);
}
.wc-shadow-tag em { font-style: normal; color: #fbbf24; font-weight: 600; }
.wc-shadow-tag-muted em { color: #94a3b8; font-weight: 500; }
.wc-shadow-missing { margin: 0; font-size: 0.78rem; color: #64748b; }

.wc-v12-section { margin-top: 1rem; }
.wc-v12-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0.75rem;
}
.wc-v12-card {
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(30, 27, 75, 0.35);
  border: 1px solid rgba(129, 140, 248, 0.2);
}
.wc-v12-card strong { display: block; margin-bottom: 0.5rem; color: #e2e8f0; font-size: 0.9rem; }
.wc-v12-compare { display: flex; flex-wrap: wrap; gap: 0.65rem; font-size: 0.78rem; color: #94a3b8; margin-bottom: 0.4rem; }
.wc-v12-compare em { font-style: normal; color: #c4b5fd; font-weight: 600; }
.wc-v12-em { color: #a5f3fc !important; }
.wc-v12-probs { font-size: 0.75rem; color: #64748b; margin-bottom: 0.35rem; }
.wc-v12-diverge { border-color: rgba(251, 191, 36, 0.4); color: #fcd34d !important; }

/* V1.2 observation layer — mini summary + subtle strip */
.wc-v12-mini-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0 0 0.35rem;
}
@media (max-width: 720px) {
  .wc-v12-mini-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .wc-v12-mini-bar { grid-template-columns: 1fr 1fr; }
}
.wc-v12-mini-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 4.5rem;
  max-height: 5rem;
  padding: 0.45rem 0.65rem;
  border-radius: 10px;
  border: 1px solid rgba(129, 140, 248, 0.14);
  background: rgba(15, 23, 42, 0.45);
}
.wc-v12-mini-k {
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  line-height: 1.2;
}
.wc-v12-mini-v {
  margin-top: 0.15rem;
  font-size: 1.05rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #a5b4fc;
  line-height: 1.15;
}
.wc-v12-mini-meta {
  margin: 0 0 0.85rem;
  font-size: 0.68rem;
  color: #64748b;
  line-height: 1.35;
}

.wc-v12-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.35rem 0.55rem;
  margin-bottom: 0.45rem;
  padding: 0.35rem 0.5rem 0.35rem 0.55rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-left: 2px solid rgba(129, 140, 248, 0.35);
  background: rgba(0, 0, 0, 0.18);
}
.wc-v12-strip-label {
  flex-shrink: 0;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7c83a8;
}
.wc-v12-strip-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}
.wc-v12-strip-line {
  font-size: 0.7rem;
  color: #64748b;
  line-height: 1.35;
}
.wc-v12-strip-line strong {
  color: #94a3b8;
  font-weight: 600;
}
.wc-v12-strip-sep {
  margin: 0 0.1rem;
  color: #475569;
}
.wc-v12-strip-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wc-v12-chip {
  display: inline-flex;
  padding: 0.06rem 0.35rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid transparent;
}
.wc-v12-chip-diverge {
  color: #ca8a04;
  border-color: rgba(202, 138, 4, 0.25);
  background: rgba(202, 138, 4, 0.08);
}
.wc-v12-chip-draw {
  color: #9f8ab8;
  border-color: rgba(159, 138, 184, 0.25);
  background: rgba(159, 138, 184, 0.08);
}
.wc-v12-chip-low {
  color: #64748b;
  border-color: rgba(100, 116, 139, 0.25);
  background: rgba(100, 116, 139, 0.1);
}
.wc-v12-strip-miss {
  font-size: 0.68rem;
  color: #78716c;
}

.wc-chip-link,
.wc-finished-note {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.4rem;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 500;
  color: #8fb3d9 !important;
  text-decoration: none !important;
  border: 1px solid rgba(143, 179, 217, 0.18);
  background: rgba(15, 23, 42, 0.4);
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.wc-chip-link:hover,
.wc-finished-note:hover {
  color: #bfe7ff !important;
  background: rgba(30, 41, 59, 0.65);
  border-color: rgba(143, 179, 217, 0.32);
  opacity: 1;
}

.wc-v12-results-note {
  padding: 0.55rem 0.75rem;
  border-left: 3px solid rgba(167, 139, 250, 0.5);
  background: rgba(30, 27, 75, 0.25);
  border-radius: 0 8px 8px 0;
}

.wc-dashboard .round1-table-wrap { display: block; }
.wc-dashboard .round1-cards { display: none; }

@media (max-width: 1024px) {
  .wc-kpi-grid { grid-template-columns: repeat(3, 1fr); }
  .wc-match-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .wc-hero { padding: 1.25rem; }
  .wc-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .wc-action-grid { grid-template-columns: 1fr; }
  .wc-player-grid { grid-template-columns: 1fr; }
  .wc-match-more-grid { grid-template-columns: 1fr; }
  .wc-handicap-mini { flex-direction: column; align-items: stretch; }
  .wc-handicap-link { text-align: center; }
}

@media (max-width: 480px) {
  .wc-kpi-grid { grid-template-columns: 1fr; }
  .wc-kpi-value { font-size: 1.35rem; }
}

/* ── Groups page (Layer A) ── */
.wc-groups-page .wc-groups-note {
  margin: 0.75rem 0 0;
  font-size: 0.82rem;
  color: #94a3b8;
}
.wc-groups-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.wc-group-zone {
  font-size: 0.75rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
}
.wc-group-zone-top2 { background: rgba(52,211,153,0.12); color: #6ee7b7; }
.wc-group-zone-third { background: rgba(251,191,36,0.12); color: #fcd34d; }
.wc-group-zone-out { background: rgba(148,163,184,0.1); color: #94a3b8; }

.wc-hero-badge-qual { background: rgba(59,130,246,0.15); color: #93c5fd; }
.wc-groups-qual-note {
  margin: 0.65rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
}
.wc-qual-cell { font-size: 0.82rem; color: #93c5fd; white-space: nowrap; }
.wc-qual-cell strong { color: #bfdbfe; }

.wc-hero-badge-v14 { background: rgba(99,102,241,0.15); color: #a5b4fc; }
.wc-groups-v14-note {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  color: #64748b;
}
.wc-groups-v14-bar { margin-bottom: 0.75rem; }
.wc-group-v14-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0.45rem 0.65rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: #94a3b8;
  border-radius: 8px;
  background: rgba(67,56,202,0.08);
  border: 1px solid rgba(129,140,248,0.2);
}
.wc-group-v14-strip strong { color: #c7d2fe; }
.wc-group-v14-warn { color: #fecdd3; }
.wc-v14-cell { font-size: 0.82rem; color: #a5b4fc; white-space: nowrap; }
.wc-v14-tank-chip {
  font-size: 0.72rem;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  background: rgba(251,113,133,0.15);
  color: #fecdd3;
  border: 1px solid rgba(251,113,133,0.3);
}
.wc-groups-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1100px) {
  .wc-groups-grid.wc-groups-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .wc-groups-grid.wc-groups-grid-3 { grid-template-columns: 1fr; }
}
.wc-groups-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin: 0.75rem 0 0.25rem;
}
.wc-groups-overview-item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.75rem;
  color: #94a3b8;
}
.wc-groups-overview-item strong { font-size: 1.05rem; color: #f1f5f9; }
.wc-hero-compact .wc-hero-subtitle { margin-bottom: 0.25rem; }
.wc-group-table-wrap { overflow: visible; }
.wc-group-table-core {
  width: 100%;
  table-layout: fixed;
  font-size: 0.78rem;
}
.wc-group-table-core th,
.wc-group-table-core td {
  padding: 0.35rem 0.25rem;
  white-space: nowrap;
}
.wc-team-name-cell {
  white-space: normal !important;
  word-break: break-word;
  min-width: 4.5rem;
}
.wc-col-points { font-weight: 700; color: #f8fafc; }
.wc-zone-top2 .wc-col-points { color: #6ee7b7; }
.wc-zone-third_watch .wc-col-points { color: #fcd34d; }
.wc-zone-eliminated_zone .wc-col-points { color: #94a3b8; }
.wc-group-advanced {
  margin-top: 0.65rem;
  font-size: 0.78rem;
  color: #94a3b8;
}
.wc-group-advanced-body { margin-top: 0.5rem; }
.wc-group-table-adv { font-size: 0.72rem; margin-top: 0.5rem; }
.wc-finished-results-section { margin: 1.25rem 0; }
.wc-finished-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 0.85rem;
}
.wc-finished-result-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.55);
  padding: 0.85rem 1rem;
}
.wc-finished-result-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.wc-finished-result-time { font-size: 0.72rem; color: #64748b; }
.wc-finished-result-score { margin: 0.25rem 0 0.65rem; font-size: 1rem; color: #e2e8f0; }
.wc-points-delta-grid { display: grid; gap: 0.45rem; }
.wc-points-delta-row {
  display: grid;
  gap: 0.1rem;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  background: rgba(255,255,255,0.03);
  font-size: 0.78rem;
}
.wc-points-team { color: #cbd5e1; font-weight: 600; }
.wc-points-line { color: #93c5fd; }
.wc-rank-line { color: #94a3b8; font-size: 0.72rem; }
.wc-points-missing { font-size: 0.75rem; color: #64748b; margin: 0; }
.wc-v13-primary-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
}
.wc-v13-survival-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  margin: 0.5rem 0;
  font-size: 0.75rem;
}
.wc-v13-survival-grid div { display: flex; flex-direction: column; gap: 0.1rem; }
.wc-v13-survival-grid span { color: #94a3b8; }
.wc-v13-survival-grid strong { color: #e2e8f0; font-size: 0.78rem; }
.wc-finished-score-banner {
  margin: 0.35rem 0 0.65rem;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  background: rgba(52,211,153,0.1);
  color: #a7f3d0;
  font-size: 0.85rem;
}
.wc-group-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.55);
  padding: 1rem;
}
.wc-group-card-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.65rem;
}
.wc-group-title { margin: 0; font-size: 1.1rem; color: #f1f5f9; }
.wc-group-meta { font-size: 0.75rem; color: #64748b; }
.wc-group-table { font-size: 0.82rem; }
.wc-zone-top2 td { background: rgba(52,211,153,0.06); }
.wc-zone-third_watch td { background: rgba(251,191,36,0.06); }
.wc-zone-eliminated_zone td { opacity: 0.85; }
.wc-group-fixtures { margin-top: 0.75rem; font-size: 0.8rem; color: #94a3b8; }
.wc-group-fixture-list { list-style: none; padding: 0; margin: 0.5rem 0 0; }
.wc-group-fixture-list li { padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.wc-group-fixture-round {
  display: inline-block;
  min-width: 1.5rem;
  color: #64748b;
  font-size: 0.72rem;
}
.wc-group-fixture-time { float: right; color: #64748b; font-size: 0.72rem; }
.wc-hero-badge-warn {
  border-color: rgba(251,191,36,0.35);
  background: rgba(251,191,36,0.1);
  color: #fcd34d;
}
.wc-match-group-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.35rem 0 0.5rem;
  font-size: 0.78rem;
}
.wc-group-badge {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  background: rgba(59,130,246,0.15);
  color: #93c5fd;
  font-weight: 600;
}
.wc-group-rank-chip {
  display: inline-flex;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  background: rgba(148,163,184,0.12);
  color: #cbd5e1;
}

/* ── Strategic Draw shadow layer ── */
.wc-strategic-draw {
  margin: 0.65rem 0 0.35rem;
  border-radius: 10px;
  border: 1px dashed rgba(167,139,250,0.35);
  background: rgba(88,28,135,0.08);
}
.wc-strategic-draw-toggle {
  cursor: pointer;
  padding: 0.55rem 0.75rem;
  font-size: 0.78rem;
  color: #c4b5fd;
  list-style: none;
}
.wc-strategic-draw-toggle::-webkit-details-marker { display: none; }
.wc-strategic-draw-body {
  padding: 0 0.75rem 0.75rem;
  font-size: 0.78rem;
  color: #94a3b8;
}
.wc-strategic-draw-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 0.55rem;
  color: #cbd5e1;
}
.wc-strategic-draw-scores strong { color: #e9d5ff; }
.wc-strategic-bias {
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  border: 1px solid rgba(167,139,250,0.35);
  color: #ddd6fe;
}
.wc-strategic-bias-draw_bias { background: rgba(251,191,36,0.12); color: #fde68a; border-color: rgba(251,191,36,0.3); }
.wc-strategic-bias-low_goal_bias { background: rgba(148,163,184,0.12); color: #cbd5e1; }
.wc-strategic-bias-favorite_win_suppressed { background: rgba(59,130,246,0.12); color: #93c5fd; }
.wc-strategic-bias-must_win_open_game { background: rgba(248,113,113,0.12); color: #fecaca; border-color: rgba(248,113,113,0.3); }
.wc-strategic-draw-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
}
.wc-strategic-draw-grid span { color: #64748b; margin-right: 0.35rem; }
.wc-strategic-draw-grid strong { color: #e2e8f0; }
.wc-strategic-draw-note {
  margin: 0.55rem 0 0;
  font-size: 0.75rem;
  color: #fcd34d;
}

/* ── V1.3 shadow layer ── */
.wc-v13-shadow {
  margin: 0.55rem 0 0.35rem;
  border-radius: 10px;
  border: 1px dashed rgba(45,212,191,0.35);
  background: rgba(13,148,136,0.08);
}
.wc-v13-shadow-toggle {
  cursor: pointer;
  padding: 0.55rem 0.75rem;
  font-size: 0.78rem;
  color: #5eead4;
  list-style: none;
}
.wc-v13-shadow-toggle::-webkit-details-marker { display: none; }
.wc-v13-disclaimer {
  margin: 0 0.75rem 0.35rem;
  font-size: 0.72rem;
  color: #64748b;
}
.wc-v13-shadow-body {
  padding: 0 0.75rem 0.75rem;
  font-size: 0.78rem;
  color: #94a3b8;
}
.wc-v13-compare {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.45rem;
  color: #cbd5e1;
}
.wc-v13-compare strong { color: #99f6e4; }
.wc-v13-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.45rem; }
.wc-v13-chip {
  font-size: 0.72rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  border: 1px solid rgba(45,212,191,0.3);
  color: #99f6e4;
}
.wc-v13-chip-diverge { background: rgba(251,191,36,0.12); color: #fde68a; border-color: rgba(251,191,36,0.3); }
.wc-v13-chip-draw { background: rgba(148,163,184,0.12); color: #e2e8f0; }
.wc-v13-metrics { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.75rem; }
.wc-v13-flags { margin: 0.4rem 0 0; font-size: 0.72rem; color: #64748b; }

.wc-v13-mini-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0 0.25rem;
}
.wc-v13-mini-card {
  display: flex;
  flex-direction: column;
  min-width: 4.5rem;
  padding: 0.35rem 0.55rem;
  border-radius: 8px;
  background: rgba(13,148,136,0.1);
  border: 1px solid rgba(45,212,191,0.2);
}
.wc-v13-mini-k { font-size: 0.68rem; color: #64748b; }
.wc-v13-mini-v { font-size: 0.95rem; color: #5eead4; font-weight: 600; }
.wc-v13-mini-meta { margin: 0 0 1rem; font-size: 0.72rem; color: #64748b; }

/* ── V1.4 intelligence layer ── */
.wc-v14-mini-bar {
  display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0 0.25rem;
}
.wc-v14-mini-card {
  display: flex; flex-direction: column; min-width: 4.5rem; padding: 0.35rem 0.55rem;
  border-radius: 8px; background: rgba(99,102,241,0.1); border: 1px solid rgba(129,140,248,0.25);
}
.wc-v14-mini-k { font-size: 0.68rem; color: #64748b; }
.wc-v14-mini-v { font-size: 0.95rem; color: #a5b4fc; font-weight: 600; }
.wc-v14-mini-meta { margin: 0 0 1rem; font-size: 0.72rem; color: #64748b; }

.wc-v14-intel {
  margin: 0.55rem 0 0.35rem; border-radius: 10px;
  border: 1px dashed rgba(129,140,248,0.35); background: rgba(67,56,202,0.08);
}
.wc-v14-intel-toggle {
  cursor: pointer; padding: 0.55rem 0.75rem; font-size: 0.78rem; color: #a5b4fc; list-style: none;
}
.wc-v14-intel-toggle::-webkit-details-marker { display: none; }
.wc-v14-disclaimer { margin: 0 0.75rem 0.35rem; font-size: 0.72rem; color: #64748b; }
.wc-v14-intel-body { padding: 0 0.75rem 0.75rem; font-size: 0.78rem; color: #94a3b8; }
.wc-v14-class-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.45rem; align-items: center; }
.wc-v14-class { font-weight: 600; color: #c7d2fe; font-size: 0.82rem; }
.wc-v14-chip {
  font-size: 0.72rem; padding: 0.1rem 0.45rem; border-radius: 999px;
  border: 1px solid rgba(129,140,248,0.3); color: #c7d2fe;
}
.wc-v14-chip-tank { background: rgba(251,113,133,0.12); color: #fecdd3; border-color: rgba(251,113,133,0.35); }
.wc-v14-metrics { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.75rem; margin-bottom: 0.35rem; }
.wc-v14-global { margin: 0.35rem 0 0; font-size: 0.72rem; color: #64748b; }
.wc-v14-flags { margin: 0.35rem 0 0; font-size: 0.72rem; color: #64748b; }

.wc-survival-body { font-size: 0.78rem; color: #94a3b8; }
.wc-survival-warn {
  margin: 0 0 0.45rem; padding: 0.35rem 0.5rem; border-radius: 6px;
  background: rgba(239,68,68,0.12); color: #fecaca; font-size: 0.72rem; font-weight: 600;
}
.wc-survival-labels { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.45rem; }
.wc-survival-chip {
  font-size: 0.72rem; padding: 0.12rem 0.5rem; border-radius: 999px;
  border: 1px solid rgba(251,191,36,0.35); color: #fde68a; background: rgba(180,83,9,0.12);
}
.wc-survival-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem 0.75rem;
}
.wc-survival-grid span { display: block; font-size: 0.68rem; color: #64748b; }
.wc-survival-grid strong { color: #fde68a; font-size: 0.82rem; }

/* ── V2.0 behavior layer ── */
.wc-v20-mini-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0 0.25rem; }
.wc-v20-mini-card {
  display: flex; flex-direction: column; min-width: 4.5rem; padding: 0.35rem 0.55rem;
  border-radius: 8px; background: rgba(124,58,237,0.1); border: 1px solid rgba(167,139,250,0.25);
}
.wc-v20-mini-k { font-size: 0.68rem; color: #64748b; }
.wc-v20-mini-v { font-size: 0.95rem; color: #c4b5fd; font-weight: 600; }
.wc-v20-mini-meta { margin: 0 0 1rem; font-size: 0.72rem; color: #64748b; }

.wc-v20-behavior {
  margin: 0.55rem 0 0.35rem; border-radius: 10px;
  border: 1px dashed rgba(167,139,250,0.35); background: rgba(91,33,182,0.08);
}
.wc-v20-behavior-toggle { cursor: pointer; padding: 0.55rem 0.75rem; font-size: 0.78rem; color: #c4b5fd; list-style: none; }
.wc-v20-behavior-toggle::-webkit-details-marker { display: none; }
.wc-v20-disclaimer { margin: 0 0.75rem 0.35rem; font-size: 0.72rem; color: #64748b; }
.wc-v20-behavior-body { padding: 0 0.75rem 0.75rem; font-size: 0.78rem; color: #94a3b8; }
.wc-v20-class-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.45rem; align-items: center; }
.wc-v20-mode { font-weight: 600; font-size: 0.82rem; padding: 0.1rem 0.45rem; border-radius: 6px; }
.wc-v20-mode-normal { color: #94a3b8; background: rgba(148,163,184,0.1); }
.wc-v20-mode-controlled { color: #fde68a; background: rgba(251,191,36,0.12); }
.wc-v20-mode-scripted { color: #fecdd3; background: rgba(244,63,94,0.12); }
.wc-v20-chip { font-size: 0.72rem; padding: 0.1rem 0.45rem; border-radius: 999px; border: 1px solid rgba(167,139,250,0.3); color: #ddd6fe; }
.wc-v20-chip-draw { background: rgba(148,163,184,0.12); color: #e2e8f0; }
.wc-v20-chip-ctrl { background: rgba(244,63,94,0.12); color: #fecdd3; border-color: rgba(244,63,94,0.3); }
.wc-v20-metrics { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.75rem; }
.wc-v20-flags { margin: 0.35rem 0 0; font-size: 0.72rem; color: #64748b; }

.wc-v20-global-strip {
  display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center;
  padding: 0.55rem 0.75rem; margin-bottom: 0.75rem; font-size: 0.78rem; color: #94a3b8;
  border-radius: 10px; background: rgba(91,33,182,0.08); border: 1px solid rgba(167,139,250,0.2);
}
.wc-v20-global-title { font-weight: 600; color: #c4b5fd; margin-right: 0.25rem; }
.wc-v20-cell { font-size: 0.82rem; color: #c4b5fd; }

/* Round 2 V1.3 watchlist */
.wc-watchlist-page .wc-watchlist-kpi { margin-bottom: 1.25rem; }
.wc-watchlist-section { margin-bottom: 2rem; }
.wc-watchlist-sub { margin: 0 0 0.75rem; font-size: 0.82rem; color: #64748b; }
.wc-watchlist-table { font-size: 0.82rem; }
.wc-watchlist-table td { vertical-align: top; }
.wc-watchlist-flags { font-size: 0.75rem; color: #94a3b8; max-width: 14rem; word-break: break-word; }
.wc-watchlist-note { font-size: 0.78rem; color: #cbd5e1; max-width: 18rem; }
.wc-watchlist-empty { color: #64748b; font-size: 0.85rem; }
.wc-watchlist-footer { margin-top: 2rem; font-size: 0.78rem; color: #64748b; }
.wc-watchlist-anomaly { border: 1px solid rgba(251,191,36,0.25); border-radius: 12px; padding: 1rem; background: rgba(251,191,36,0.05); }

/* ── Group badge + round sections (Phase 2C) ── */
.wc-team-with-badge {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wc-team-badge-name { color: inherit; }
.wc-team-group-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  background: rgba(59,130,246,0.18);
  color: #93c5fd;
  border: 1px solid rgba(59,130,246,0.35);
}
.wc-match-teams-badged {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  line-height: 1.45;
}
.wc-match-vs { color: #64748b; font-size: 0.85em; }
.wc-match-score-sep { color: #f8fafc; margin: 0 0.15rem; }
.wc-group-section-label {
  margin: 0.65rem 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}
.wc-group-team-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.wc-group-team-list li { font-size: 0.85rem; color: #e2e8f0; }
.wc-group-rounds { margin-top: 0.5rem; }
.wc-group-round-block { margin-bottom: 0.75rem; }
.wc-group-round-title {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: #cbd5e1;
}
.wc-group-fixture-list-open {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}
.wc-group-fixture-list-open li {
  font-size: 0.78rem;
  color: #e2e8f0;
  line-height: 1.45;
  word-break: break-word;
}
.wc-group-fixture-meta { color: #94a3b8; }
.wc-group-round-empty {
  margin: 0;
  font-size: 0.78rem;
  color: #64748b;
  font-style: italic;
}
.wc-zone-top2 td { background: rgba(52,211,153,0.04); }
.wc-zone-third_watch td { background: rgba(251,191,36,0.04); }
.wc-zone-eliminated_zone td,
.wc-zone-unknown td { background: rgba(148,163,184,0.04); }
.wc-groups-page,
.wc-groups-grid,
.wc-group-card,
.wc-group-table-wrap { max-width: 100%; overflow-x: hidden; }

/* ── Round1 filters ── */
.wc-round1-filters {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.45);
  display: grid;
  gap: 0.65rem;
}
.wc-round1-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.wc-round1-filter-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748b;
  min-width: 2rem;
  margin-right: 0.25rem;
}
.wc-filter-chip {
  appearance: none;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: #cbd5e1;
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.72rem;
  cursor: pointer;
  line-height: 1.3;
}
.wc-filter-chip:hover { border-color: rgba(59,130,246,0.35); color: #e2e8f0; }
.wc-filter-chip.is-active {
  background: rgba(59,130,246,0.2);
  border-color: rgba(59,130,246,0.45);
  color: #bfdbfe;
  font-weight: 600;
}
.wc-group-mismatch-warn {
  margin: 0.25rem 0 0.5rem;
  padding: 0.35rem 0.55rem;
  border-radius: 8px;
  font-size: 0.78rem;
  color: #fecaca;
  background: rgba(239,68,68,0.12);
  border: 1px solid rgba(239,68,68,0.25);
}
@media (max-width: 680px) {
  .wc-round1-filter-groups .wc-filter-chip { font-size: 0.68rem; padding: 0.2rem 0.5rem; }
}

/* ── Standings navigation (UI nav fix) ── */
.wc-section-head-with-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 0.75rem;
}
.wc-section-head-main { flex: 1 1 12rem; min-width: 0; }
.wc-nav-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.wc-nav-actions-page { margin: 0.5rem 0 0.75rem; }
.wc-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.9rem;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.3;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.wc-nav-btn-primary {
  background: rgba(59,130,246,0.22);
  border: 1px solid rgba(59,130,246,0.45);
  color: #bfdbfe;
}
.wc-nav-btn-primary:hover {
  background: rgba(59,130,246,0.32);
  color: #e0f2fe;
}
.wc-nav-btn-secondary {
  background: rgba(148,163,184,0.12);
  border: 1px solid rgba(148,163,184,0.28);
  color: #cbd5e1;
}
.wc-nav-btn-secondary:hover {
  background: rgba(148,163,184,0.2);
  color: #f1f5f9;
}
.wc-group-standings-link {
  font-size: 0.72rem;
  font-weight: 500;
  color: #93c5fd;
  text-decoration: none;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
  border: 1px solid rgba(59,130,246,0.25);
  background: rgba(59,130,246,0.08);
}
.wc-group-standings-link:hover {
  color: #dbeafe;
  background: rgba(59,130,246,0.16);
}
.wc-group-card { scroll-margin-top: 1rem; }
@media (max-width: 680px) {
  .wc-section-head-with-nav { flex-direction: column; }
  .wc-nav-actions { width: 100%; }
  .wc-nav-btn { flex: 1 1 auto; min-width: 8.5rem; }
}

/* ── Group Stage UI Polish ── */
.wc-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0.85rem 0 0.25rem;
}
.wc-summary-card {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.55);
}
.wc-summary-card-highlight {
  border-color: rgba(52,211,153,0.25);
  background: rgba(52,211,153,0.06);
}
.wc-summary-label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #64748b;
}
.wc-summary-value {
  font-size: 1.35rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #f1f5f9;
  line-height: 1.1;
}
.wc-summary-card-highlight .wc-summary-value { color: #6ee7b7; }
@media (max-width: 900px) {
  .wc-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .wc-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.wc-nav-btn.is-active {
  cursor: default;
  pointer-events: none;
  background: rgba(59,130,246,0.32);
  border-color: rgba(59,130,246,0.55);
  color: #e0f2fe;
  box-shadow: 0 0 0 1px rgba(59,130,246,0.2);
}

.wc-group-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1100px) {
  .wc-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .wc-group-grid { grid-template-columns: 1fr; }
}

.wc-group-card {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(15,23,42,0.62);
  padding: 1rem 1.05rem;
  scroll-margin-top: 1rem;
  max-width: 100%;
  overflow: hidden;
}
.wc-group-card-head { margin-bottom: 0; }
.wc-group-card-title-block { min-width: 0; }
.wc-group-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: 0.02em;
}
.wc-group-meta {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  color: #64748b;
}
.wc-group-card-zones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.wc-group-card-section {
  padding-top: 0.35rem;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.wc-group-section-label {
  margin: 0 0 0.45rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.wc-team-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}
.wc-team-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(30,41,59,0.55);
  border: 1px solid rgba(255,255,255,0.06);
}
.wc-team-chip-name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.82rem;
  color: #e2e8f0;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wc-group-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  color: #67e8f9;
  background: rgba(6,182,212,0.12);
  border: 1px solid rgba(34,211,238,0.45);
}
.wc-group-badge::before { content: '['; margin-right: 1px; opacity: 0.85; }
.wc-group-badge::after { content: ']'; margin-left: 1px; opacity: 0.85; }

.wc-standings-table {
  width: 100%;
  table-layout: fixed;
  font-size: 0.76rem;
  border-collapse: collapse;
}
.wc-standings-table th,
.wc-standings-table td {
  padding: 0.4rem 0.3rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.wc-standings-table th {
  font-size: 0.68rem;
  font-weight: 600;
  color: #64748b;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.wc-standings-table .wc-col-team,
.wc-standings-table .wc-team-name-cell {
  text-align: left;
  white-space: normal;
  word-break: break-word;
  min-width: 5rem;
}
.wc-standings-table .wc-col-rank { width: 2rem; }
.wc-standings-table .wc-col-points {
  width: 2.2rem;
  font-weight: 800;
  color: #f8fafc;
}
.wc-zone-top2 td { background: rgba(52,211,153,0.1); }
.wc-zone-top2 .wc-col-points { color: #6ee7b7; }
.wc-zone-third td,
.wc-zone-third_watch td { background: rgba(251,191,36,0.1); }
.wc-zone-third .wc-col-points,
.wc-zone-third_watch .wc-col-points { color: #fcd34d; }
.wc-zone-fourth td,
.wc-zone-eliminated_zone td { background: rgba(148,163,184,0.08); }
.wc-zone-fourth .wc-col-points,
.wc-zone-eliminated_zone .wc-col-points { color: #94a3b8; }
@media (max-width: 680px) {
  .wc-standings-table .wc-col-hide-mobile { display: none; }
}

.wc-round-section { margin-bottom: 0.65rem; }
.wc-round-section:last-child { margin-bottom: 0; }
.wc-round-section-title {
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #cbd5e1;
}
.wc-fixture-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem;
  margin-bottom: 0.35rem;
  border-radius: 8px;
  background: rgba(30,41,59,0.4);
  border: 1px solid rgba(255,255,255,0.04);
}
.wc-fixture-row:last-child { margin-bottom: 0; }
.wc-fixture-match {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.78rem;
  color: #e2e8f0;
  line-height: 1.45;
}
.wc-fixture-score {
  display: inline-block;
  margin-left: 0.35rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #f8fafc;
}
.wc-fixture-kickoff {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.7rem;
  color: #64748b;
}
.wc-status-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
.wc-status-finished {
  color: #6ee7b7;
  background: rgba(52,211,153,0.14);
  border: 1px solid rgba(52,211,153,0.3);
}
.wc-status-scheduled {
  color: #94a3b8;
  background: rgba(148,163,184,0.12);
  border: 1px solid rgba(148,163,184,0.25);
}
.wc-status-live {
  color: #fca5a5;
  background: rgba(239,68,68,0.12);
  border: 1px solid rgba(239,68,68,0.28);
}

.wc-filter-bar {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.65);
  display: grid;
  gap: 0.65rem;
}
.wc-filter-bar-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.wc-filter-bar-label {
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748b;
  min-width: 2rem;
}
.wc-filter-bar-scroll {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.35rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding-bottom: 0.1rem;
}
.wc-filter-btn {
  appearance: none;
  flex-shrink: 0;
  border: 1px solid rgba(71,85,105,0.55);
  background: rgba(30,41,59,0.75);
  color: #94a3b8;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.74rem;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.3;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.wc-filter-btn:hover {
  border-color: rgba(59,130,246,0.45);
  background: rgba(30,58,95,0.65);
  color: #e2e8f0;
}
.wc-filter-btn.active {
  background: rgba(37,99,235,0.35);
  border-color: rgba(96,165,250,0.55);
  color: #dbeafe;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(59,130,246,0.2);
}

/* Legacy aliases */
.wc-team-with-badge { display: inline-flex; align-items: center; gap: 0.25rem; }
.wc-team-badge-name { color: inherit; }
.wc-groups-grid.wc-groups-grid-3,
.wc-group-grid { max-width: 100%; overflow-x: hidden; }
.wc-groups-page,
.wc-group-table-wrap { max-width: 100%; overflow-x: hidden; }
.wc-match-teams-badged {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  line-height: 1.45;
}
@media (max-width: 680px) {
  .wc-team-chip-grid { grid-template-columns: 1fr; }
}

/* ── Round 2 predictions page ── */
.wc-round2-page .wc-round2-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  font-size: 0.8rem;
  color: #64748b;
  margin: 0.5rem 0 0.25rem;
}
.wc-round2-page .wc-round2-meta strong { color: #cbd5e1; }
.wc-round2-standings-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1100px) {
  .wc-round2-standings-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .wc-round2-standings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .wc-round2-standings-grid { grid-template-columns: 1fr; }
}
.wc-round2-group-card {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.55);
  padding: 0.65rem 0.75rem;
}
.wc-round2-group-title {
  margin: 0 0 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #e2e8f0;
}
.wc-round2-mini-table { font-size: 0.68rem; }
.wc-round2-match-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  .wc-round2-match-grid { grid-template-columns: 1fr; }
}
.wc-round2-match-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(17,24,39,0.78);
  padding: 1rem 1.1rem;
}
.wc-round2-match-card.wc-risk-high { border-color: rgba(239,68,68,0.28); }
.wc-round2-match-card.wc-risk-medium { border-color: rgba(251,191,36,0.22); }
.wc-round2-match-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.wc-round2-match-name {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  color: #f1f5f9;
}
.wc-round2-actual-score {
  font-size: 0.82rem;
  color: #86efac;
  font-weight: 600;
}
.wc-round2-rank-line {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  color: #64748b;
}
.wc-round2-prob-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.wc-round2-prob-row div {
  text-align: center;
  padding: 0.35rem;
  border-radius: 8px;
  background: rgba(0,0,0,0.22);
  font-size: 0.72rem;
}
.wc-round2-prob-row span { display: block; color: #64748b; }
.wc-round2-prob-row strong { color: #e2e8f0; font-size: 0.88rem; }
.wc-round2-rec, .wc-round2-goals, .wc-round2-scores {
  font-size: 0.78rem;
  color: #94a3b8;
  margin-bottom: 0.35rem;
  line-height: 1.45;
}
.wc-round2-rec strong, .wc-round2-goals strong, .wc-round2-scores strong { color: #e2e8f0; }
.wc-round2-scores-label { color: #cbd5e1; font-weight: 600; }
.wc-round2-scores-hint { font-size: 0.68rem; color: #64748b; margin-right: 0.25rem; }
.wc-round2-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin: 0.35rem 0; }
.wc-round2-pressure {
  margin: 0.35rem 0 0.25rem;
  font-size: 0.76rem;
  color: #93c5fd;
  line-height: 1.4;
}
.wc-round2-risk-note {
  margin: 0;
  font-size: 0.72rem;
  color: #64748b;
}
.wc-round2-observe-note {
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(30, 41, 59, 0.55);
  border: 1px solid rgba(125, 211, 252, 0.18);
}
.wc-round2-observe-note p {
  margin: 0;
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.55;
}
.wc-round2-first-round {
  margin: 0.55rem 0 0.45rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: rgba(30, 41, 59, 0.4);
  border: 1px solid rgba(148, 163, 184, 0.12);
}
.wc-round2-first-round-title {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  color: #a5b4fc;
  font-weight: 600;
}
.wc-round2-first-round-list {
  margin: 0 0 0.4rem;
  padding-left: 1rem;
  font-size: 0.74rem;
  color: #cbd5e1;
  line-height: 1.5;
}
.wc-round2-first-round-impact {
  margin: 0;
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.5;
}
.wc-round2-first-round-impact strong { color: #cbd5e1; }
.wc-round2-third-round {
  margin: 0.65rem 0 0.35rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: rgba(30, 41, 59, 0.45);
  border: 1px solid rgba(148, 163, 184, 0.14);
}
.wc-round2-third-round-title {
  margin: 0 0 0.4rem;
  font-size: 0.78rem;
  color: #7dd3fc;
  font-weight: 600;
}
.wc-round2-third-round-schedule p {
  margin: 0 0 0.25rem;
  font-size: 0.72rem;
  color: #94a3b8;
}
.wc-round2-third-round-schedule ul {
  margin: 0 0 0.45rem;
  padding-left: 1rem;
  font-size: 0.74rem;
  color: #cbd5e1;
  line-height: 1.5;
}
.wc-round2-third-round-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.35rem;
}
.wc-tag-warning {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.28);
  color: #fcd34d;
}
.wc-round2-third-round-pressure {
  margin: 0;
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.5;
}
.wc-round2-third-round-pressure strong { color: #cbd5e1; }
.wc-round2-watch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.wc-round2-watch-card {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(15,23,42,0.5);
  padding: 0.75rem 0.9rem;
}
.wc-round2-watch-card h3 {
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
  color: #cbd5e1;
}
.wc-round2-watch-card ul {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.45;
}
.wc-round2-watch-card .wc-muted { color: #64748b; list-style: none; margin-left: -1rem; }
#round2-recalc-btn, #round2-scorepool-recalc-btn { cursor: pointer; border: none; font-family: inherit; }

/* 比分结果池 */
.wc-scorepool-overview {
  margin: 1.25rem 0 1.5rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(148,163,184,0.14);
  border-radius: 12px;
  background: rgba(15,23,42,0.45);
}
.wc-scorepool-overview-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  .wc-scorepool-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-scorepool-stat-wide { grid-column: 1 / -1; }
}
.wc-scorepool-stat {
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  background: rgba(30,41,59,0.55);
  border: 1px solid rgba(148,163,184,0.1);
}
.wc-scorepool-stat-label { display: block; font-size: 0.68rem; color: #64748b; margin-bottom: 0.2rem; }
.wc-scorepool-stat strong { color: #e2e8f0; font-size: 0.92rem; }
.wc-scorepool-overview-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .wc-scorepool-overview-lists { grid-template-columns: 1fr; }
}
.wc-scorepool-list-card {
  padding: 0.7rem 0.8rem;
  border-radius: 8px;
  background: rgba(30,41,59,0.4);
  border: 1px solid rgba(148,163,184,0.1);
}
.wc-scorepool-list-card h3 {
  margin: 0 0 0.45rem;
  font-size: 0.78rem;
  color: #94a3b8;
  font-weight: 600;
}
.wc-scorepool-list-card ul { margin: 0; padding-left: 1rem; font-size: 0.72rem; color: #cbd5e1; line-height: 1.5; }
.wc-scorepool-panel {
  margin-top: 0.75rem;
  border-top: 1px dashed rgba(148,163,184,0.18);
  padding-top: 0.55rem;
}
.wc-scorepool-summary {
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  color: #7dd3fc;
  list-style: none;
}
.wc-scorepool-summary::-webkit-details-marker { display: none; }
.wc-scorepool-body { margin-top: 0.6rem; }
.wc-scorepool-block { margin-bottom: 0.55rem; }
.wc-scorepool-block h4 {
  margin: 0 0 0.35rem;
  font-size: 0.74rem;
  color: #94a3b8;
  font-weight: 600;
}
.wc-scorepool-cov { font-weight: 400; color: #64748b; font-size: 0.68rem; }
.wc-scorepool-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.wc-score-tag {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.7rem;
  background: rgba(51,65,85,0.7);
  color: #e2e8f0;
  border: 1px solid rgba(148,163,184,0.15);
}
.wc-score-tag-core { background: rgba(34,197,94,0.15); border-color: rgba(34,197,94,0.35); color: #86efac; }
.wc-score-tag-top { background: rgba(56,189,248,0.12); border-color: rgba(56,189,248,0.3); color: #7dd3fc; }
.wc-score-tag-danger { background: rgba(251,191,36,0.12); border-color: rgba(251,191,36,0.3); color: #fcd34d; }
.wc-score-tag-offensive { background: rgba(56,189,248,0.12); border-color: rgba(56,189,248,0.32); color: #7dd3fc; }
.wc-score-tag-extreme { background: rgba(239,68,68,0.1); border-color: rgba(239,68,68,0.28); color: #fca5a5; }
.wc-scorepool-sub { margin: 0.4rem 0; font-size: 0.74rem; color: #94a3b8; }
.wc-scorepool-sub summary { cursor: pointer; }
.wc-scorepool-meta p {
  margin: 0.2rem 0;
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.45;
}
.wc-scorepool-meta strong { color: #cbd5e1; }
.wc-scorepool-elim, .wc-scorepool-risk {
  margin: 0.35rem 0 0;
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.45;
}
.wc-scorepool-elim strong, .wc-scorepool-risk strong { color: #94a3b8; }
.wc-scorepool-empty { font-size: 0.74rem; color: #64748b; margin: 0.4rem 0 0; }
.wc-scorepool-note { font-size: 0.7rem; color: #64748b; margin: 0 0 0.5rem; line-height: 1.45; }
.wc-scorepool-subhint { font-size: 0.66rem; color: #64748b; margin: 0 0 0.35rem; }
.wc-scorepool-meta-inline { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 0.5rem; }
.wc-scorepool-meta-inline span { font-size: 0.72rem; color: #94a3b8; }
.wc-scorepool-scenario .wc-scenario-row { margin: 0.25rem 0; font-size: 0.72rem; color: #94a3b8; line-height: 1.45; }
.wc-scorepool-scenario .wc-scenario-row strong { color: #cbd5e1; }
.wc-scorepool-closure {
  margin-top: 0.55rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.18);
}
.wc-scorepool-closure h4 {
  margin: 0 0 0.35rem;
  font-size: 0.74rem;
  color: #fcd34d;
  font-weight: 600;
}
.wc-scorepool-closure-score,
.wc-scorepool-closure-summary,
.wc-scorepool-closure-note {
  margin: 0.15rem 0;
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.45;
}
.wc-scorepool-closure-score strong { color: #e2e8f0; }
.wc-round2-discipline-card { margin-top: 0.5rem; }
.wc-round2-closure-brief {
  margin: 0.45rem 0 0.65rem;
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.35);
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.5;
}
.wc-round2-closure-brief p { margin: 0.15rem 0; }
.wc-round2-v12-panel {
  margin: 0.55rem 0 0.65rem;
  padding: 0.55rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(251, 191, 36, 0.28);
  background: rgba(251, 191, 36, 0.06);
}
.wc-round2-v12-title {
  margin: 0 0 0.4rem;
  font-size: 0.84rem;
  color: #fcd34d;
}
.wc-round2-v12-row {
  margin: 0.22rem 0;
  font-size: 0.76rem;
  color: #cbd5e1;
  line-height: 1.45;
}
.wc-round2-v12-note {
  margin: 0.35rem 0 0;
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.45;
}
.wc-scorepool-tiers .wc-scenario-row { margin: 0.25rem 0; font-size: 0.76rem; }
.wc-scorepool-discipline,
.wc-round2-discipline-card {
  margin: 0.65rem 0;
  padding: 0.55rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.06);
}
.wc-scorepool-discipline h4 {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  color: #fca5a5;
}
.wc-scorepool-discipline-line,
.wc-scorepool-discipline-reason {
  margin: 0.2rem 0;
  font-size: 0.78rem;
  color: #cbd5e1;
  line-height: 1.45;
}
.wc-scorepool-closure-explain {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.5;
}
.wc-scorepool-closure-flag {
  margin: 0.35rem 0 0;
  font-size: 0.74rem;
  color: #fcd34d;
}
.wc-tag-extreme { background: rgba(239,68,68,0.12); border-color: rgba(239,68,68,0.28); color: #fca5a5; }

/* 体彩比分赔率池命中分析 */
.wc-odds-pool-analysis .wc-odds-analysis-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.wc-odds-analysis-card {
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(15,23,42,0.72);
  padding: 1rem 1.1rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.wc-odds-analysis-exact { border-left: 4px solid #60a5fa; }
.wc-odds-analysis-other { border-left: 4px solid #fb923c; }
.wc-odds-analysis-pending { border-left: 4px solid #64748b; opacity: 0.92; }
.wc-odds-analysis-head h3 { margin: 0.35rem 0; font-size: 1.05rem; }
.wc-odds-analysis-body p { margin: 0.35rem 0; font-size: 0.86rem; line-height: 1.55; color: #cbd5e1; }
.wc-odds-hit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 0.75rem;
  margin: 0.65rem 0;
  font-size: 0.82rem;
}
.wc-hit-exact { color: #93c5fd; font-weight: 600; }
.wc-hit-other { color: #fdba74; font-weight: 600; }
.wc-hit-manual-yes { color: #86efac; font-style: normal; font-weight: 600; }
.wc-hit-manual-no { color: #fcd34d; font-style: normal; font-weight: 600; }
.wc-hit-model-yes { color: #86efac; font-style: normal; font-weight: 600; }
.wc-hit-model-no { color: #94a3b8; font-style: normal; }
.wc-odds-highlight { color: #f8fafc; font-weight: 700; font-size: 1rem; }
.wc-odds-conclusions { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed rgba(255,255,255,0.08); }
.wc-odds-final { color: #e2e8f0 !important; }
.wc-odds-tags { margin-top: 0.5rem; }
.wc-tag-muted { opacity: 0.85; margin-right: 0.25rem; }
.wc-odds-analysis-foot { margin-top: 0.75rem; font-size: 0.82rem; }
.wc-action-card-teal { border-color: rgba(45,212,191,0.25); background: linear-gradient(145deg, rgba(13,148,136,0.12), rgba(15,23,42,0.85)); }
.wc-odds-level-badge {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #a5f3fc;
}
.wc-odds-module-title {
  margin: 0.75rem 0 0.35rem;
  font-size: 0.95rem;
  color: #67e8f9;
  border-top: 1px solid rgba(45,212,191,0.15);
  padding-top: 0.65rem;
}
.wc-odds-module-title:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
.wc-odds-module-total-goals {
  color: #86efac;
}
.wc-section-title-sub {
  margin-top: 1.25rem;
  font-size: 1rem;
}
.wc-odds-fast-check .wc-round2-observe-note ul {
  margin: 0.5rem 0 0;
  padding-left: 1.2rem;
  color: #cbd5e1;
  line-height: 1.6;
}

/* ── Knockout R32 placeholder ── */
.wc-knockout-r32 .wc-knockout-status-banner {
  margin: 0.5rem 0 0;
  color: #fcd34d;
  font-size: 0.95rem;
}
.wc-knockout-explanation ul {
  margin: 0.35rem 0 0.75rem;
  padding-left: 1.2rem;
  color: #cbd5e1;
  line-height: 1.6;
}
.wc-knockout-placeholder-note {
  margin: 1rem 0;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px dashed rgba(251, 191, 36, 0.35);
  background: rgba(180, 83, 9, 0.08);
  color: #fde68a;
}
.wc-knockout-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
  margin-top: 0.75rem;
}
.wc-knockout-card {
  border-radius: 12px;
  border: 1px solid rgba(100, 116, 139, 0.25);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.55));
  padding: 1rem;
}
.wc-knockout-card-waiting {
  border-color: rgba(251, 191, 36, 0.2);
}
.wc-knockout-card-head h3 {
  margin: 0.35rem 0;
  font-size: 1rem;
  color: #f1f5f9;
}
.wc-knockout-pred-block {
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(100, 116, 139, 0.15);
}
.wc-knockout-pred-block h4 {
  margin: 0 0 0.35rem;
  font-size: 0.85rem;
  color: #93c5fd;
}
.wc-knockout-pred-block:nth-of-type(2) h4 { color: #86efac; }
.wc-knockout-pred-block:nth-of-type(3) h4 { color: #fcd34d; }
.wc-knockout-tags h4 {
  margin: 0.5rem 0 0.35rem;
  font-size: 0.82rem;
  color: #94a3b8;
}
.wc-knockout-card-note {
  margin: 0.65rem 0 0.25rem;
  font-size: 0.82rem;
  color: #cbd5e1;
}
.wc-knockout-split-note {
  font-size: 0.78rem;
}

.wc-260621-predictions .wc-260621-score-table td,
.wc-260621-predictions .wc-260621-summary-table td {
  font-size: 0.82rem;
  vertical-align: top;
}

.wc-sporttery-multimarket-panel {
  margin-top: 0.85rem;
  padding: 0.85rem 0.9rem;
  border-radius: 10px;
  border: 1px solid rgba(45, 212, 191, 0.22);
  background: rgba(13, 148, 136, 0.06);
}
.wc-sporttery-multimarket-title {
  margin: 0 0 0.35rem;
  font-size: 0.95rem;
  color: #5eead4;
}
.wc-sporttery-multimarket-note {
  margin: 0 0 0.5rem;
  font-size: 0.78rem;
}
.wc-sporttery-multimarket-compare p {
  margin: 0.25rem 0;
  font-size: 0.84rem;
}
.wc-sporttery-multimarket-diff {
  color: #fde68a;
  font-size: 0.82rem;
}
.wc-sporttery-multimarket-table td {
  font-size: 0.78rem;
  vertical-align: top;
}
.wc-sporttery-multimarket-summary {
  margin: 0.5rem 0 0.25rem;
  color: #a5f3fc;
  font-size: 0.84rem;
}
.wc-sporttery-multimarket-pending {
  color: #fcd34d;
  margin: 0.25rem 0;
}

.wc-sporttery-joint-panel {
  margin: 1rem 0 0.5rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 8px;
  background: rgba(8, 47, 73, 0.45);
}
.wc-sporttery-joint-title {
  margin: 0 0 0.35rem;
  color: #7dd3fc;
  font-size: 0.95rem;
}
.wc-sporttery-joint-subtitle {
  margin: 0.75rem 0 0.35rem;
  color: #bae6fd;
  font-size: 0.85rem;
}
.wc-sporttery-joint-note,
.wc-sporttery-joint-compare p {
  margin: 0.25rem 0;
  font-size: 0.82rem;
}
.wc-sporttery-joint-diff {
  color: #fde68a;
  font-size: 0.82rem;
}
.wc-sporttery-joint-table td,
.wc-sporttery-joint-tg-table td {
  font-size: 0.72rem;
  vertical-align: top;
}
.wc-sporttery-joint-pending {
  opacity: 0.85;
}