/* Volumes VII–XII approved identities. Load after materials.css and cardbacks.css. */

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="simps"] {
  --volume-mark: url('/assets/volume-simps.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #321b2a;
  --back-ink: 255 229 238;
  --back-pearl: 244 158 193;
  --back-cool: 205 188 239;
  --back-warm: 246 218 166;
  --back-orbit-radius: 46% 54% 48% 52% / 53% 44% 56% 47%;
  --film-rose: 255 155 204;
  --film-violet: 190 167 243;
  --film-water: 203 213 239;
  --film-gold: 255 223 168;
  --film-angle: 126deg;
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="innie"] {
  --volume-mark: url('/assets/volume-innie.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #183431;
  --back-ink: 231 249 236;
  --back-pearl: 171 227 205;
  --back-cool: 191 180 239;
  --back-warm: 240 227 186;
  --back-orbit-radius: 49% 51% 42% 58% / 43% 47% 53% 57%;
  --film-rose: 215 179 231;
  --film-violet: 173 173 237;
  --film-water: 156 239 210;
  --film-gold: 250 235 190;
  --film-angle: 105deg;
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="retroussetits"] {
  --volume-mark: url('/assets/volume-retroussetits.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #243448;
  --back-ink: 233 244 255;
  --back-pearl: 164 207 242;
  --back-cool: 225 179 215;
  --back-warm: 244 219 190;
  --back-orbit-radius: 45% 55% 49% 51% / 55% 43% 57% 45%;
  --film-rose: 247 185 211;
  --film-violet: 183 185 249;
  --film-water: 156 225 250;
  --film-gold: 251 225 195;
  --film-angle: 142deg;
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="fortyfivefiftyfive"] {
  --volume-mark: url('/assets/volume-fortyfivefiftyfive.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #382b20;
  --back-ink: 252 237 207;
  --back-pearl: 229 192 128;
  --back-cool: 207 178 189;
  --back-warm: 233 153 108;
  --back-orbit-radius: 48% 52% 45% 55% / 51% 45% 55% 49%;
  --film-rose: 239 172 166;
  --film-violet: 203 164 193;
  --film-water: 207 230 187;
  --film-gold: 255 219 139;
  --film-angle: 116deg;
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="bubblebutts"] {
  --volume-mark: url('/assets/volume-bubblebutts.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #183341;
  --back-ink: 226 247 252;
  --back-pearl: 137 226 237;
  --back-cool: 218 165 237;
  --back-warm: 249 188 219;
  --back-orbit-radius: 45% 55% 44% 56% / 48% 51% 49% 52%;
  --film-rose: 255 165 215;
  --film-violet: 185 152 251;
  --film-water: 133 241 240;
  --film-gold: 253 218 225;
  --film-angle: 156deg;
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="curvy"] {
  --volume-mark: url('/assets/volume-curvy.svg?v=8ddcb90451c6');
  --study-art: radial-gradient(ellipse at 22% 16%, rgb(var(--back-pearl) / .52), transparent 52%), radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .42), transparent 56%), linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .25) 54%, var(--back-paper));
  --back-paper: #313128;
  --back-ink: 254 233 212;
  --back-pearl: 244 185 138;
  --back-cool: 127 207 190;
  --back-warm: 241 211 150;
  --back-orbit-radius: 43% 57% 46% 54% / 56% 45% 55% 44%;
  --film-rose: 255 169 135;
  --film-violet: 196 172 220;
  --film-water: 139 230 200;
  --film-gold: 255 222 164;
  --film-angle: 111deg;
}

/* Long community names get room without shrinking the drawn emblem. */
:is(.card, .shop-cardback)[data-volume="retroussetits"] .card-back .volume-signature,
:is(.card, .shop-cardback)[data-volume="fortyfivefiftyfive"] .card-back .volume-signature,
:is(.card, .shop-cardback)[data-volume="bubblebutts"] .card-back .volume-signature { width: 78%; }
:is(.card, .shop-cardback)[data-volume="retroussetits"] .card-back .volume-signature-mark,
:is(.card, .shop-cardback)[data-volume="fortyfivefiftyfive"] .card-back .volume-signature-mark,
:is(.card, .shop-cardback)[data-volume="bubblebutts"] .card-back .volume-signature-mark { width: 49%; }
:is(.card, .shop-cardback)[data-volume="retroussetits"] .card-back .volume-signature-word,
:is(.card, .shop-cardback)[data-volume="bubblebutts"] .card-back .volume-signature-word { font-size: 21px; }
:is(.card, .shop-cardback)[data-volume="fortyfivefiftyfive"] .card-back .volume-signature-word { font-size: 17px; }
.pack[data-volume="retroussetits"] .volume-signature,
.pack[data-volume="fortyfivefiftyfive"] .volume-signature,
.pack[data-volume="bubblebutts"] .volume-signature { width: 32%; right: 5%; }
.pack[data-volume="retroussetits"] .volume-signature-word,
.pack[data-volume="bubblebutts"] .volume-signature-word { font-size: clamp(10px, 1.5dvh, 15px); }
.pack[data-volume="fortyfivefiftyfive"] .volume-signature-word { font-size: clamp(9px, 1.2dvh, 12px); }
:is(.card, .shop-cardback)[data-volume="innie"] .card-back-orbit { transform: translate(-50%, -50%) rotate(15deg); }
:is(.card, .shop-cardback)[data-volume="bubblebutts"] .card-back-orbit { transform: translate(-50%, -50%) rotate(28deg); }
:is(.card, .shop-cardback)[data-volume="curvy"] .card-back-orbit { transform: translate(-50%, -50%) rotate(-24deg); }