.cbgd-trivia{max-width:72rem;margin:0 auto;padding:2rem 1.5rem;border:2px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background:rgb(var(--color-background));font-family:var(--font-body-family)}
.cbgd-trivia--compact{max-width:60rem;margin:2.4rem auto}
.cbgd-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.cbgd-head h2,.cbgd-head h3{margin:0;font-family:var(--font-heading-family)}
.cbgd-badge{font-size:1.2rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;background:#b5121b;color:#fff}
.cbgd-sub{margin:.2rem 0 1.4rem;opacity:.8}
.cbgd-q{font-size:1.8rem;font-weight:600;margin:0 0 1.2rem;line-height:1.4}
.cbgd-count{font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin:0 0 .6rem}
.cbgd-opts{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:750px){.cbgd-opts{grid-template-columns:1fr 1fr}}
.cbgd-opt{text-align:left;padding:1.1rem 1.4rem;border:1.5px solid rgba(var(--color-foreground),.25);border-radius:.8rem;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.5rem;cursor:pointer;transition:all .15s}
.cbgd-opt:hover{border-color:#b5121b;transform:translateY(-1px)}
.cbgd-opt.is-right{background:#e6f6ea;border-color:#2e9e4f;color:#155a2c}
.cbgd-opt.is-wrong{background:#fdecec;border-color:#c62828;color:#7a1414}
.cbgd-fb{margin:1.2rem 0 0;font-size:1.5rem}
.cbgd-fb.ok{color:#2e9e4f;font-weight:700}
.cbgd-ref{opacity:.7;font-size:1.3rem}
.cbgd-reward{margin-top:1.4rem;padding:1.6rem;border-radius:1rem;background:linear-gradient(135deg,#fff7e6,#fdeacc);border:1.5px dashed #c99a2e;text-align:center}
.cbgd-reward-label{font-weight:700;font-size:1.5rem;margin-bottom:.8rem}
.cbgd-code{font-family:monospace;font-size:2.6rem;font-weight:800;letter-spacing:.15em;color:#b5121b;margin:.4rem 0 1rem}
.cbgd-reward-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.cbgd-btn{display:inline-block;padding:.9rem 1.6rem;border-radius:.6rem;border:0;font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer;text-decoration:none;background:#1a1a1a;color:#fff}
.cbgd-btn.cbgd-apply{background:#b5121b}
.cbgd-fine{font-size:1.1rem;opacity:.7;margin:1rem 0 0}
.cbgd-streak{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 2rem;font-size:1.4rem}
.cbgd-streak small{width:100%;opacity:.7}
.cbgd-streak .cbgd-reward{width:100%}
.cbgd-dot{width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid #c99a2e;display:inline-block}
.cbgd-dot.on{background:#c99a2e}
.cbgd-grid{display:grid;gap:2.4rem}
@media(min-width:990px){.cbgd-grid{grid-template-columns:1fr 1fr}}
.cbgd-how{margin-top:2.4rem;padding:1.6rem;background:rgba(var(--color-foreground),.04);border-radius:1rem;font-size:1.4rem}
.cbgd-how ul{margin:.6rem 0 0;padding-left:1.8rem}
.cbgd-how li{margin:.3rem 0}