/* MIKA · modo NSFW apagado: placeholders hechos con CSS. Se carga después de cardpower.css.
   Todo cuelga de body.sfw (la clase la pone nsfw.js). El color de cada placeholder sale de --ph (matiz). */

body.sfw .ccard .art,
body.sfw .reveal-card .rc-art,
body.sfw .ph-big{
  position:relative;overflow:hidden;
  background:
    repeating-linear-gradient(45deg,hsl(var(--ph,330) 60% 40% / .16) 0 10px,transparent 10px 20px),
    radial-gradient(closest-side,hsl(var(--ph,330) 80% 62% / .38),transparent),
    linear-gradient(150deg,hsl(var(--ph,330) 55% 24%),hsl(var(--ph,330) 50% 10%));
}
body.sfw .cpb-art{
  background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent),linear-gradient(150deg,#4a1030,#25091f);
}

/* silueta: cabeza y hombros (tamaños en % del ancho, así escala en cualquier marco) */
.ph-h,.ph-s{position:absolute;left:50%;transform:translateX(-50%);display:block}
.ph-h{top:20%;width:26%;aspect-ratio:1;border-radius:50%;background:hsl(var(--ph,330) 62% 78%);box-shadow:0 0 18px hsl(var(--ph,330) 90% 70% / .55)}
.ph-s{bottom:-3%;width:58%;aspect-ratio:2/1.15;border-radius:50% 50% 0 0 / 85% 85% 0 0;background:hsl(var(--ph,330) 58% 68%)}
.ph-g{position:absolute;top:8%;right:9%;font-size:.7em;line-height:1;opacity:.4;filter:grayscale(.3)}

/* visor grande */
.ph-big{display:none}
body.sfw .ph-big{display:block;width:min(46vw,420px);aspect-ratio:3/4;max-height:82vh;border-radius:14px;font-size:64px}
body.sfw .viewer-art img{display:none}
.ph-lv{position:absolute;left:0;right:0;bottom:14px;text-align:center;z-index:2;font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
  color:#fff;text-shadow:0 1px 6px #000}
body.sfw .vlv:not(.lock){background:linear-gradient(150deg,#6b1a45,#2a0a22)}
body.sfw #vDownload{display:none}
@media (max-width:720px){ body.sfw .ph-big{width:min(78vw,300px);max-height:52vh} }

/* el botón del interruptor en la barra */
#btnNsfw{white-space:nowrap}

/* pantalla de confirmación 18+ */
.agegate{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px;
  background:rgba(10,3,16,.95);backdrop-filter:blur(10px)}
.agegate[hidden]{display:none}
.ag-box{width:min(440px,100%);padding:26px 22px;text-align:center;border-radius:18px;
  border:1px solid rgba(236,72,153,.55);background:linear-gradient(180deg,rgba(50,12,50,.98),rgba(20,6,28,.99));
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(236,72,153,.2)}
.ag-ico{font-size:42px;line-height:1}
.ag-box h2{margin:8px 0 10px;font-family:'Fredoka','Nunito',sans-serif;font-size:24px}
.ag-box p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--dim)}
.ag-box p b{color:#ffe29a}
.ag-acts{display:flex;flex-direction:column;gap:9px}
.ag-box small{display:block;margin-top:14px;font-size:11.5px;line-height:1.4;color:var(--dim);opacity:.8}