/* WC 2026 Sweepstake – style.css */

.wcs-wrap, .wcs-wrap * { box-sizing: border-box; }
.wcs-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  max-width: 900px;
  margin: 0 auto;
  padding: 0.25rem 0 2rem;
}

/* Header */
.wcs-hd  { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 1.25rem; }
.wcs-title { font-size: 20px !important; font-weight: 700 !important; color: #111 !important; margin: 0 !important; }
.wcs-meta  { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wcs-pill  { font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.wcs-ok    { background: #d1fae5; color: #065f46; }
.wcs-warn  { background: #fef3c7; color: #92400e; }
.wcs-updated { font-size: 11px; color: #9ca3af; }

/* Podium */
.wcs-podium { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-bottom: 1.5rem; }
.wcs-pc {
  background: #fff; border: 1px solid #e5e7eb; border-radius: 10px;
  padding: 14px 8px 12px; text-align: center;
}
.wcs-lead { border: 2px solid #d97706 !important; background: #fffbeb !important; }
.wcs-medal { font-size: 20px; line-height: 1; margin-bottom: 4px; }
.wcs-rank  { font-size: 11px; color: #9ca3af; margin-bottom: 3px; }
.wcs-lead .wcs-rank { color: #b45309; font-weight: 700; }
.wcs-pn    { font-size: 15px; font-weight: 700; color: #111; }
.wcs-ps    { font-size: 30px; font-weight: 800; color: #111; line-height: 1.05; margin: 5px 0 2px; }
.wcs-lead .wcs-ps { color: #b45309; }
.wcs-pl    { font-size: 11px; color: #9ca3af; }

/* Bars */
.wcs-bars { margin-bottom: 1.5rem; }
.wcs-br   { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; margin-bottom: 7px; }
.wcs-brn  { width: 44px; font-size: 13px; font-weight: 600; color: #374151; flex-shrink: 0; }
.wcs-brt  { flex: 1; background: #f3f4f6; border-radius: 4px; height: 22px; overflow: hidden; min-width: 0; }
.wcs-brf  { height: 100%; border-radius: 4px; display: flex; align-items: center; padding-left: 8px; font-size: 11px; font-weight: 700; color: #fff; min-width: 22px; }
.wcs-brv  { font-size: 13px; font-weight: 700; color: #374151; width: 22px; text-align: right; flex-shrink: 0; }

/* Tabs */
.wcs-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0;
}
.wcs-tab {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-bottom: none !important;
  border-radius: 6px 6px 0 0 !important;
  color: #6b7280 !important;
  background: transparent !important;
  display: inline-block !important;
  width: auto !important;
  line-height: 1.4 !important;
  margin-bottom: -1px;
  transition: color .15s;
}
.wcs-tab:hover { color: #374151 !important; }
.wcs-tab-active {
  background: #fff !important;
  border-color: #e5e7eb !important;
  color: #111 !important;
}

/* Breakdown grid */
.wcs-bd { padding-top: 12px; }
.wcs-bd-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.wcs-bc-head { font-size: 13px; font-weight: 700; color: #111; padding-bottom: 6px; border-bottom: 1px solid #e5e7eb; margin-bottom: 4px; }
.wcs-brow {
  display: flex !important; flex-direction: row !important;
  justify-content: space-between; align-items: center;
  padding: 3px 0; border-bottom: 1px solid #f9fafb;
  font-size: 11px; color: #374151;
}
.wcs-brow:last-child { border: none; }
.wcs-v-has  { font-weight: 700; color: #059669; font-size: 12px; }
.wcs-v-zero { font-weight: 500; color: #d1d5db; font-size: 12px; }
.wcs-v-up   { color: #e5e7eb; font-size: 10px; }
.wcs-v-hi   { font-weight: 700; color: #dc2626; font-size: 12px; }
.wcs-v-stat { font-weight: 700; color: #374151; font-size: 12px; }

.wcs-no-data { color: #9ca3af; font-size: 13px; padding: 0.75rem 0; }

/* Footer */
.wcs-ft { margin-top: 1.25rem; font-size: 11px; color: #9ca3af; padding: 7px 10px; background: #f9fafb; border-radius: 6px; }

/* Responsive */
@media (max-width: 640px) {
  .wcs-podium  { grid-template-columns: repeat(3,1fr); }
  .wcs-bd-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 380px) {
  .wcs-podium  { grid-template-columns: repeat(2,1fr); }
  .wcs-bd-grid { grid-template-columns: 1fr 1fr; }
}

/* v1.1.0 additions */
.wcs-hint { font-size:11px; color:#9ca3af; margin:0 0 8px; }
.wcs-poss-bars { margin-bottom:0; }
.wcs-v-on { color:#9ca3af; font-size:10px; }
.wcs-card {
  display:inline-block; font-size:10px; font-weight:700;
  padding:1px 5px; border-radius:3px; line-height:1.4;
}
.wcs-card-y { background:#d97706; color:#fff; }
.wcs-card-r { background:#dc2626; color:#fff; margin-left:3px; }