/* Mi colección: toque para revelar siluetas (celular) y celebración al completar una colección. Solo estilo. */

/* ----- Revelar silueta con un toque ----- */
.dex-card.is-missing.is-peek .dex-photo img{filter:none;transform:scale(1.07)}
.dex-card.is-missing .dex-photo::after{content:"TOCA PARA REVELAR";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:#121212;color:#fff;font:600 9px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.dex-card.is-missing.is-peek .dex-photo::after{content:"TOCA DE NUEVO PARA ABRIR";opacity:1}
@media(hover:none){.dex-card.is-missing:not(.is-peek) .dex-photo::after{opacity:1}}
@media(hover:hover) and (pointer:fine){.dex-card.is-missing .dex-photo::after{display:none}}

/* ----- Colección completa: tarjetas doradas ----- */
.set-detail-head:has(.set-detail-progress.is-complete)~.dex-grid .dex-card.is-owned{border-color:#f2c94c;box-shadow:0 0 0 1px #f2c94c inset,0 10px 24px -16px rgba(242,201,76,.8)}
.set-detail-head:has(.set-detail-progress.is-complete)~.dex-grid .dex-card.is-owned .dex-state{color:#8a6d00}
.set-detail-head:has(.set-detail-progress.is-complete)~.dex-grid .dex-card.is-owned .dex-badge{background:#f2c94c;color:#121212}
.set-detail-head:has(.set-detail-progress.is-complete)~.dex-grid .dex-card.is-owned .dex-photo{background:radial-gradient(circle at 50% 40%,#fff 0%,#f7ecc4 78%)}

/* ----- Confeti y aviso ----- */
.pfc-confetti{position:fixed;inset:0;z-index:9999;width:100%;height:100%;pointer-events:none}
.pfc-complete-toast{position:fixed;z-index:10000;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%,-140%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:14px 20px;border:2px solid #f2c94c;border-radius:14px;background:#121212;color:#f7f6f2;box-shadow:0 20px 40px -14px rgba(18,18,18,.7);font:700 12px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;transition:transform .5s cubic-bezier(.2,.8,.3,1.2)}
.pfc-complete-toast b{color:#f2c94c;font-size:18px}
.pfc-complete-toast.is-in{transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.pfc-complete-toast{transition:none}.dex-card.is-missing.is-peek .dex-photo img{transform:none}}

.collection-variant-link{display:block;margin:8px 0 0;color:#fe492a;text-decoration:none;font:700 10px/1.2 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.dex-card .collection-variant-link{margin:6px 12px 0}
.collection-card .collection-variant-link{margin:8px 14px 0}
.collection-variant-link i{font-style:normal;transition:margin .15s}
.collection-variant-link:hover i{margin-left:4px}