:root{
  --dcg-card-bg:#0f1620;
  --dcg-card-bg-alt:#0b121a;
  --dcg-text:#e7eef7;
  --dcg-muted:#8fa1b5;
  --dcg-accent:#00c2ff;
  --dcg-cta:#2ea3ff;
}
.dcg-archive{display:grid;gap:26px}
.dcg-archive.dcg-cols-1{grid-template-columns:1fr}
.dcg-archive.dcg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcg-archive.dcg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.dcg-archive{grid-template-columns:1fr!important}}

.dcg-card{background:var(--dcg-card-bg);border:1px solid #172234;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35);color:var(--dcg-text);transition:transform .25s ease, box-shadow .25s ease}
.dcg-card:hover{transform:translateY(-6px);box-shadow:0 18px 46px rgba(0,0,0,.5)}
.dcg-card__imgwrap{display:block;position:relative;aspect-ratio:1/1;background:var(--dcg-card-bg-alt);overflow:hidden}
.dcg-card__imgwrap img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.dcg-card:hover .dcg-card__imgwrap img{transform:scale(1.04) translateY(-2px)}

.dcg-price-badge{position:absolute;top:12px;left:12px;background:#0b1520cc;border:1px solid #1f3350;color:#fff;padding:10px 14px;border-radius:12px;font-weight:900;font-size:16px;letter-spacing:.2px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.dcg-price-badge small{opacity:.75;font-weight:700;margin-left:6px}

.dcg-status{position:absolute;right:12px;top:12px;background:#22d3ee;color:#052a34;font-weight:900;font-size:12px;padding:7px 12px;border-radius:999px}

.dcg-card__body{padding:18px 18px 22px}

.dcg-card__title{font-size:21px;margin:6px 0 12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dcg-card__title a{color:var(--dcg-text);text-decoration:none}

/* BIG 4-box countdown; single-line on mobile */
.dcg-cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.dcg-cd-box{background:#0b121a;border:1px solid #162235;border-radius:14px;padding:14px 10px;text-align:center}
.dcg-cd-box .num{font-size:24px;font-weight:900;line-height:1;transition:transform .1s ease}
.dcg-cd-box .lbl{font-size:12px;color:var(--dcg-muted);margin-top:4px}
.dcg-cd-box .num.tick{transform:scale(1.06)}

.dcg-chips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.dcg-chip{background:#111a25;border:1px solid #1d2a39;color:#cfe6ff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.dcg-chip-live{border-color:#0ea5e9;color:#9ee8ff}

/* Progress moved up (top variant uses same styles) */
.dcg-card__progress{margin:6px 0 10px}
.dcg-progress{position:relative;height:9px;background:#142234;border-radius:999px;overflow:hidden}
.dcg-progress>span{display:block;height:100%;width:0;transition:width .6s cubic-bezier(.22,.61,.36,1)}
.dcg-progress.t1>span{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.dcg-progress.t2>span{background:linear-gradient(90deg,#22c55e,#84cc16)}
.dcg-progress.t3>span{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.dcg-progress.t4>span{background:linear-gradient(90deg,#ef4444,#f43f5e)}
.dcg-progress .dcg-mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:999px;background:#9aa7b9;opacity:.7}
.dcg-progress__meta.big{font-size:13px;color:var(--dcg-muted);margin-top:6px}

/* Nudge pill */
.dcg-nudge-pill{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:0;border:0;background:none;
  font-size:12px;font-weight:800;color:var(--dcg-text)}
.dcg-nudge-pill:before{content:'';display:inline-block;width:7px;height:7px;border-radius:999px}
.dcg-nudge-pill.low:before{background:linear-gradient(135deg,#22c55e,#84cc16)}
.dcg-nudge-pill.mid:before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.dcg-nudge-pill.high:before{background:linear-gradient(135deg,#ef4444,#f87171)}

/* Odds row */
.dcg-oddsrow.big{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.dcg-odds{font-size:14px;color:var(--dcg-muted)}
.dcg-meter{width:13px;height:13px;border-radius:999px;display:inline-block;box-shadow:inset 0 0 0 2px #1a2b3e}
.dcg-meter-good{background:linear-gradient(135deg,#22c55e,#84cc16)}
.dcg-meter-med{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.dcg-meter-low{background:linear-gradient(135deg,#ef4444,#f43f5e)}

/* CTA */
.dcg-buy{display:block;width:100%;text-align:center;padding:18px 20px;background:var(--dcg-cta);color:#ffffff;font-weight:900;font-size:18px;letter-spacing:.6px;border-radius:14px;text-decoration:none;box-shadow:0 16px 32px rgba(46,163,255,.35);transition:transform .12s ease, filter .12s ease, box-shadow .2s ease;text-transform:uppercase}
.dcg-buy:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 22px 40px rgba(46,163,255,.5)}