/* rxcomments1 (Mortimer, 05-11-2026: «cuando se hace click en una card de estas de apes de comentarios, que nos abra el popup
   como lo hace pero sin abrir /rarity porque esto nos saca de la web»): on an Ape Site the card of an ape in a comment opens
   bascdao.com's rarity popup (rarity.css + rxmodal.js) on the page itself. An Ape Site does not load basc.css, so here is
   what the popup takes from it: the club's colours (only inside the popup, the site keeps its own), its two buttons and
   the Diamond Hands seal. */
.rx-modal {
    --panel: rgba(255, 255, 255, 0.04); --panel-strong: rgba(255, 255, 255, 0.07);
    --line: rgba(255, 255, 255, 0.10); --line-strong: rgba(255, 255, 255, 0.18);
    --orange: #f97316; --orange-soft: #fb923c; --cyan: #00ddeb; --violet: #9370db;
    --text: #f1f5f9; --muted: #a5b4cc;
    color: var(--text); font-family: var(--font, inherit); line-height: 1.5;
}
.rx-modal a { color: inherit; text-decoration: none; }
.rx-modal .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border-radius: 12px; font-weight: 800; font-size: 0.98rem; letter-spacing: 0.02em; transition: transform 0.2s, box-shadow 0.2s, background 0.2s; }
.rx-modal .btn-primary { background: linear-gradient(135deg, var(--orange), #ea580c); color: #fff; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.35); }
.rx-modal .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(249, 115, 22, 0.5); }
.rx-modal .btn-ghost { background: rgba(255,255,255,0.06); border: 1px solid var(--line-strong); color: #fff; }
.rx-modal .btn-ghost:hover { background: rgba(255,255,255,0.12); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .rx-modal .btn, .rx-modal .btn:hover { transition: none; transform: none; } }

/* The Diamond Hands seal (basc.css, diamond1/dhcard1), for «by <member> · 2y 7m» in the popup */
.dh-gem { --g1: #e0f7ff; --g2: #67e8f9; --g3: #0e7490; display: inline-block; width: 1em; height: 1em; flex: none; overflow: visible; }
.dh-gem .dh-f1, .dh-gem .dh-f4 { fill: var(--g2); }
.dh-gem .dh-f2, .dh-gem .dh-f5 { fill: var(--g1); }
.dh-gem .dh-f3, .dh-gem .dh-f6 { fill: var(--g3); }
.dh-gem .dh-f4 { opacity: 0.85; }
.dh-gem .dh-edge { fill: none; stroke: rgba(255,255,255,0.7); stroke-width: 0.7; stroke-linejoin: round; }
/* dhcolors1 (Mortimer 03-11-2026): Diamond hands (legend) takes the ice blue diamond, Platinum hands (diamond) the violet */
.dh-gem--legend { --g1: #ecfeff; --g2: #67e8f9; --g3: #0e7490; }
.dh-gem--diamond { --g1: #fdf4ff; --g2: #f0abfc; --g3: #7c3aed; }
.dh-gem--gold { --g1: #fef9c3; --g2: #facc15; --g3: #a16207; }
.dh-gem--stone { --g1: #f8fafc; --g2: #cbd5e1; --g3: #475569; }
.dh-gem--fresh { --g1: #dcfce7; --g2: #86efac; --g3: #15803d; }
.nft-held { position: absolute; right: 6px; top: 6px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px;
    font-size: 0.75rem; font-weight: 900; line-height: 1.5; font-variant-numeric: tabular-nums; color: #fff; white-space: nowrap;
    background: rgba(7,2,15,0.78); border: 1px solid var(--dh, rgba(255,255,255,0.3)); backdrop-filter: blur(4px); }
.nft-held .dh-gem { width: 13px; height: 13px; filter: drop-shadow(0 0 4px var(--dh)); }
.nft-held--legend { --dh: #67e8f9; border-color: transparent; background: linear-gradient(rgba(12,4,24,0.86), rgba(12,4,24,0.86)) padding-box, linear-gradient(120deg, #67e8f9, #ecfeff, #22d3ee) border-box; }
.nft-held--diamond { --dh: #f0abfc; }
.nft-held--gold { --dh: #facc15; }
.nft-held--stone { --dh: #cbd5e1; }
.nft-held--fresh { --dh: #86efac; }
@media (max-width: 600px) { .nft-held { padding: 1px 6px 1px 5px; } .nft-held .dh-gem { width: 11px; height: 11px; } }