/* Round 11: Donate & Credits (pretend donations) */
.cr11 { display: grid; gap: 12px; }
.cr-pretend { border: 1px dashed var(--warn); background: rgba(251,191,36,.08); color: var(--text); padding: 10px 12px; border-radius: var(--r2); margin-bottom: 12px; line-height: 1.45; }
.cr-pretend b { color: var(--warn); letter-spacing: .04em; }
.cr-tiers { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin-bottom: 8px; }
.cr-tier { border: 1px solid var(--line2); border-radius: var(--r2); padding: 10px; background: linear-gradient(180deg, var(--card2), var(--card)); display: flex; flex-direction: column; gap: 4px; }
.cr-tier.sub { grid-column: span 2; border-color: var(--accent2); } .cr-tier.sub.on { box-shadow: 0 0 0 1px var(--accent) inset; }
.cr-tn { font: 700 .66rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.cr-tc { font-size: 1.35rem; color: var(--accent); display: flex; align-items: center; gap: 6px; }
.cr-tp { font-size: .75rem; color: var(--text2); }
.cr-tier button { margin-top: auto; min-height: 40px; }
.cr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.cr-item { border: 1px solid var(--line); border-radius: var(--r2); padding: 10px; background: var(--card2); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cr-item.na { opacity: .62; }
.cr-ih { display: flex; align-items: center; gap: 8px; } .cr-ih b { flex: 1; } .cr-ico { color: var(--accent); display: inline-flex; }
.cr-cost { display: inline-flex; align-items: center; gap: 3px; color: var(--accent); border: 1px solid var(--accent2); border-radius: 999px; padding: 1px 8px; font-size: .78rem; }
.cr-desc { font-size: .86rem; color: var(--text); }
.cr-ctl select, .cr-ctl input { width: 100%; min-height: 40px; }
.cr-act { display: flex; gap: 8px; align-items: center; margin-top: auto; } .cr-act button { flex: 1; min-height: 40px; }
.cr-qty { display: flex; align-items: center; gap: 4px; } .cr-qty input { width: 64px; min-height: 40px; }
.cr-why { color: var(--muted); }
.cr-logos { display: flex; flex-wrap: wrap; gap: 4px; }
.cr-logo { width: 40px; height: 40px; font-size: 1.2rem; padding: 0; border-radius: var(--r2); }
.cr-logo.on { outline: 2px solid var(--accent); }
.cr-ai select { min-height: 40px; margin-left: 8px; }
.pill.credits { cursor: pointer; border-color: var(--accent2); } .pill.credits b { color: var(--accent); }
.vip-crown { color: var(--warn); display: inline-flex; vertical-align: -2px; }
.nb-ad { border: 1px dashed var(--warn); }