/* Referrals + Cast Cards (grok 2026-10-16) */
.rf-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rf-link code{flex:1 1 220px;padding:12px;border-radius:12px;background:#e9e3d6;color:#15161a;font:700 14px/1.3 ui-monospace,monospace;word-break:break-all}
.rf-rules{margin:0;padding-left:20px;color:#ece7dc;display:grid;gap:8px}
.rf-rules a,.cc-how a{color:#ff8a45}
.cc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,38vw),1fr));gap:12px}
.cc-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:12px;border-radius:18px;background:linear-gradient(180deg,#3a3c42,#1f2024);box-shadow:inset 0 1px 0 rgb(255 255 255/.2),0 6px 14px rgb(0 0 0/.4);overflow:hidden}
.cc-card .cc-r{font:700 11px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:#bdb7ac}
.cc-card .cc-n{font:400 22px/1.05 "HAL Stencil",Impact,sans-serif;text-transform:uppercase;color:#ff8a45}
.cc-card .cc-x{font:700 12px ui-monospace,monospace;color:#39ff88}
.cc-card .cc-line{margin:auto 0 0;padding:10px;border-radius:12px;background:#e9e3d6;color:#15161a;font-size:13px;font-weight:600;line-height:1.35}
.cc-card .ui-key{min-height:44px;margin-top:6px}
.cc-card.is-rare{box-shadow:inset 0 0 0 1px #39ff88,inset 0 1px 0 rgb(255 255 255/.2),0 6px 14px rgb(0 0 0/.4)}
.cc-card.is-legendary{box-shadow:inset 0 0 0 2px #ff8a45,inset 0 1px 0 rgb(255 255 255/.2),0 14px 30px rgb(0 0 0/.45)}
.cc-card.is-rare::after,.cc-card.is-legendary::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255/.14) 45%,rgb(57 255 136/.1) 52%,transparent 65%);background-size:250% 100%;background-position:100% 0;pointer-events:none}
@media (prefers-reduced-motion:no-preference) and (hover:hover){.cc-card.is-rare:hover::after,.cc-card.is-legendary:hover::after{transition:background-position .9s ease;background-position:0 0}}
.cc-card.is-missing{background:#15161a;box-shadow:inset 0 0 0 1px #23262b}
.cc-card.is-missing .cc-n{color:#3a3c42}
.cc-card.is-missing::after{content:none}
.cc-signin{min-height:44px;margin-top:12px}#rf-slot{min-height:140px}