.badge-supporter{--badge-accent:#85d9c0;--badge-rgb:133,217,192;--badge-deep:#20483d}
.badge-backer{--badge-accent:#98c5ff;--badge-rgb:152,197,255;--badge-deep:#253c59}
.badge-builder{--badge-accent:#c2a6ff;--badge-rgb:194,166,255;--badge-deep:#463064}
.badge-patron{--badge-accent:#f2cf8d;--badge-rgb:242,207,141;--badge-deep:#57452a}
.badge-regular{--badge-accent:#ebadcc;--badge-rgb:235,173,204;--badge-deep:#57354b}
.badge-guardian{--badge-accent:#b5e8ff;--badge-rgb:181,232,255;--badge-deep:#224e5f}
.supporter-badge.support-collection-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid rgba(var(--badge-rgb),.5);border-radius:5px;padding:6px 9px;background:linear-gradient(130deg,var(--badge-deep),#0c1719);color:var(--badge-accent);font:600 10px/1.3 var(--font,'Lato',sans-serif);letter-spacing:.35px;box-shadow:inset 0 1px 0 #ffffff0b;white-space:nowrap}
.supporter-badge.support-collection-badge>img{display:block;width:18px;height:18px;flex-shrink:0}
.support-badge-collection{container-type:inline-size;min-width:0;margin-block:25px;color:#dce8e3}
.support-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;min-width:0}
.support-collection-heading h2{font:400 clamp(25px,3vw,34px)/1.2 var(--font,'Lato',sans-serif);letter-spacing:-1px;margin:9px 0 0}
.support-collection-eyebrow{font:600 9px/1.5 var(--font,'Lato',sans-serif);letter-spacing:1.7px;color:#86bba8}
.support-collection-count{flex-shrink:0;border:1px solid #3b6554;border-radius:20px;padding:6px 11px;font-size:11px;white-space:nowrap;color:#b5dccc;background:#10241d}
.support-collection-intro{font-size:13px!important;line-height:1.75!important;color:#96b0a4!important;margin:13px 0 22px!important;max-width:760px}
.support-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.support-collectible{min-width:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(var(--badge-rgb),.38);border-radius:12px;padding:16px 17px 17px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(var(--badge-rgb),.12),transparent 62%),linear-gradient(150deg,#10211e,#0a1216 82%);box-shadow:inset 0 1px 0 rgba(var(--badge-rgb),.12),0 8px 22px #00000013}
.support-collectible::before{content:'';position:absolute;inset:5px;border:1px solid rgba(var(--badge-rgb),.09);border-radius:8px;pointer-events:none;z-index:-1}
.support-collectible::after{content:'';position:absolute;width:130px;height:130px;left:50%;top:25px;transform:translateX(-50%) rotate(45deg);border:1px solid rgba(var(--badge-rgb),.06);pointer-events:none;z-index:-1}
.support-collectible-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:8px;letter-spacing:1.1px;color:var(--badge-accent);text-align:left;line-height:1.5}
.support-collectible-number{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.65;letter-spacing:.5px}
.support-collectible-medallion{position:relative;display:grid;place-items:center;margin:17px auto 13px;width:78px;height:88px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:linear-gradient(145deg,var(--badge-accent),var(--badge-deep) 40%,var(--badge-accent) 65%,var(--badge-deep));isolation:isolate}
.support-collectible-medallion::before{content:'';position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(145deg,var(--badge-deep),#0a1919 60%);z-index:-1}
.support-collectible-medallion::after{content:'';position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(125deg,rgba(var(--badge-rgb),.15),transparent 48%);z-index:-1}
.support-collectible-medallion img{display:block;width:42px;height:42px;filter:drop-shadow(0 0 11px rgba(var(--badge-rgb),.18))}
.support-collectible h3{font:500 22px/1.25 var(--font,'Lato',sans-serif)!important;letter-spacing:-.5px;margin:0 0 9px!important;color:var(--badge-accent)!important}
.support-collectible .support-collectible-rule{min-height:37px;font-size:12px!important;line-height:1.6!important;color:#a8bcb3!important;margin:0 auto 11px!important;max-width:245px}
.support-collectible-state{display:inline-flex;align-items:center;gap:6px;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:1px;color:var(--badge-accent)}
.support-collectible.is-earned .support-collectible-state::before{content:'✓';font-size:11px}
.support-collectible.is-locked{border-color:rgba(var(--badge-rgb),.16);background:radial-gradient(ellipse at 50% 0,rgba(var(--badge-rgb),.045),transparent 68%),#0c1618;box-shadow:inset 0 1px 0 #ffffff04}
.support-collectible.is-locked .support-collectible-medallion{opacity:.47}
.support-collectible.is-locked .support-collectible-state{color:#879c92}
.support-collectible-progress{display:block;width:100%;height:5px;border:0;border-radius:6px;overflow:hidden;margin:14px 0 7px;background:#24352f;accent-color:var(--badge-accent)}
.support-collectible-progress::-webkit-progress-bar{background:#24352f;border-radius:6px}.support-collectible-progress::-webkit-progress-value{background:var(--badge-accent);border-radius:6px}.support-collectible-progress::-moz-progress-bar{background:var(--badge-accent);border-radius:6px}
.support-collectible-progress-label{display:block;font-size:10px;line-height:1.5;color:#8fac9d;overflow-wrap:anywhere}
.support-collection-note{font-size:11px!important;line-height:1.7!important;color:#7e998b!important;margin:17px 0 0!important;max-width:850px}
@container(max-width:650px){.support-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-collection-heading{align-items:start;gap:12px}.support-collection-heading h2{font-size:27px}.support-collectible{padding:14px 12px}.support-collectible-top{font-size:7px;letter-spacing:.8px}.support-collectible h3{font-size:21px!important}}
@container(max-width:360px){.support-badge-grid{grid-template-columns:1fr}.support-collection-heading{flex-wrap:wrap}.support-collection-count{margin-top:2px}.support-collectible .support-collectible-rule{min-height:0}.support-collectible-medallion{margin-top:13px}}
@media(max-width:760px){.support-badge-grid{gap:11px}.support-collection-intro{font-size:12px!important}.support-collection-heading h2{letter-spacing:-.7px}.support-collectible h3{font-size:21px!important}}