/* ─── USDT Prize Week — official rules & verification page ─────────────────── */
.comp-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}

.comp-hero { text-align: center; margin-bottom: 44px; }
.comp-eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--blue);
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.comp-h1 {
  font-size: clamp(38px, 6vw, 56px);
  font-weight: 700;
  letter-spacing: -1.5px;
  margin-bottom: 14px;
}
.comp-gold {
  color: #ffd75e;
  animation: comp-gold-glow 2.4s ease-in-out infinite;
}
@keyframes comp-gold-glow {
  0%, 100% { text-shadow: 0 0 8px rgba(255, 215, 94, 0.3); }
  50%      { text-shadow: 0 0 22px rgba(255, 215, 94, 0.7); }
}
.comp-sub {
  color: var(--text-2);
  font-size: 16px;
  line-height: 1.6;
  max-width: 640px;
  margin: 0 auto 18px;
}
.comp-status {
  display: inline-block;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--green);
  border: var(--bw) solid rgba(20, 241, 149, 0.4);
  border-radius: 999px;
  padding: 7px 16px;
}

.section-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 2px;
  color: var(--text-3);
  margin: 34px 0 10px;
}

.comp-card {
  background: var(--bg2);
  border: var(--bw) solid var(--border);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
}
.comp-verify { border-color: rgba(255, 215, 94, 0.35); }

.comp-verify-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 18px;
  margin-bottom: 14px;
}
.cv-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 1px;
  color: var(--text-3);
  margin-bottom: 6px;
  text-transform: uppercase;
}
.cv-val { font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
.cv-val a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.cv-gold { color: #ffd75e; font-family: var(--mono); }

.comp-text { color: var(--text-2); font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
.comp-note { color: var(--text-3); font-size: 13px; line-height: 1.6; margin: 12px 0 0; }
.comp-note a, .comp-list a, .comp-rules a { color: var(--green); }

.comp-rules { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 12px; }
.comp-rules li { color: var(--text-2); font-size: 14px; line-height: 1.6; }
.comp-rules strong { color: var(--text); }

.comp-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.comp-list li { color: var(--text-2); font-size: 14px; line-height: 1.6; }

.comp-warning {
  margin: 16px 0 0;
  padding: 12px 16px;
  border: var(--bw) solid rgba(255, 120, 120, 0.35);
  border-radius: var(--radius);
  color: var(--text-2);
  font-size: 13px;
  line-height: 1.6;
}

.receipts-list { display: flex; flex-direction: column; gap: 10px; }
.receipts-empty { color: var(--text-3); font-size: 13px; text-align: center; padding: 14px 0; }
.receipt-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  border: var(--bw) solid var(--border);
  border-radius: var(--radius);
  padding: 10px 14px;
  font-size: 13px;
}
.receipt-label { color: var(--text-2); }
.receipt-tx { font-family: var(--mono); color: var(--green); white-space: nowrap; }

@media (max-width: 700px) {
  .comp-page { padding: 32px 16px 64px; }
  .comp-card { padding: 18px 16px; }
}