/* Volume XVIII identity. Load after the shared foil and cardback styles. */
:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="nsfwcosplay"] {
  --volume-mark: url('/assets/volume-nsfwcosplay.svg?v=8ddcb90451c6');
  --back-paper: #211d3d;
  --back-ink: 246 240 255;
  --back-pearl: 195 172 255;
  --back-cool: 112 222 231;
  --back-warm: 241 143 195;
  --back-orbit-radius: 47% 53% 43% 57% / 55% 45% 55% 45%;
  --film-rose: 241 143 195;
  --film-violet: 180 150 255;
  --film-water: 112 222 231;
  --film-gold: 247 210 145;
  --film-angle: 174deg;
  --study-art:
    radial-gradient(ellipse at 22% 16%, rgb(var(--back-warm) / .48), transparent 52%),
    radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .44), transparent 56%),
    linear-gradient(145deg, var(--back-paper), rgb(var(--back-pearl) / .26) 54%, var(--back-paper));
}

/* Keep the long community name legible on cards and tiny booster previews. */
:is(.pack, .card, .shop-cardback)[data-volume="nsfwcosplay"] .volume-signature {
  container-type: inline-size;
}
:is(.card, .shop-cardback)[data-volume="nsfwcosplay"] .card-back .volume-signature {
  width: 80%;
}
:is(.card, .shop-cardback)[data-volume="nsfwcosplay"] .card-back .volume-signature-mark {
  width: 52%;
}
:is(.pack, .card, .shop-cardback)[data-volume="nsfwcosplay"] .volume-signature-word {
  font-size: 12cqw;
}
:is(.card, .shop-cardback)[data-volume="nsfwcosplay"] .card-back-orbit {
  transform: translate(-50%, -50%) rotate(-18deg);
}