/* the "Daily puzzle" card on the Chess info page (dpz- prefix: see CLAUDE.md on class-name collisions) */
.dpz{margin-top:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,rgba(255,213,79,.12),rgba(0,0,0,.18))}
.dpz[hidden]{display:none}
.dpz-top{display:flex;align-items:center;gap:12px}
.dpz-tx{flex:1;min-width:0}
.dpz-tx h2{margin:0;font-size:17px}
.dpz-tx p{margin:2px 0 0;font-size:13px;color:var(--muted);line-height:1.35}
.dpz-fl{display:flex;align-items:center;gap:6px;flex:none;font-size:22px;color:#ff8a3d}
.dpz-fl b{color:var(--ink);font-size:22px;font-variant-numeric:tabular-nums}
.dpz-fl.cold{color:#6c8176}
.dpz-dots{display:flex;gap:8px;justify-content:center}
.dpz-dots i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.14);display:block}
.dpz-dots i.on{background:var(--gold);box-shadow:0 0 8px rgba(255,213,79,.55)}
.dpz-dots i.now{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}
.dpz-go{min-height:56px;justify-content:space-between}
.dpz-go .gx-bt{font-size:16px}
.dpz-go.done{background:rgba(139,224,164,.14);color:#8be0a4;border-color:rgba(139,224,164,.45);box-shadow:none}
.dpz-more{align-self:center;font-size:13px;font-weight:600;color:var(--gold);text-decoration:none;padding:6px 10px}
.dpz-more i{font-size:10px}
.dpz-go.done .gx-bc{color:inherit}