/* Modular fauna and monster sprites: Kenney CC0. All art local and touch-safe. */
.creature-custom{
  --creature-ink:#e8e3bf;
  --creature-glow:var(--element-color,#9eb7dc);
  background:
    radial-gradient(ellipse at 50% 63%,var(--element-glow,#457bb07f),transparent 58%),
    linear-gradient(165deg,#16192d,#283351 53%,#111125);
}
.creature-custom .licensed-halo{
  inset:12% 9%;border:2px solid var(--creature-glow);
  opacity:.42;box-shadow:0 0 28px var(--element-glow,#adbf9d8c);
}
.creature-custom::before{background:radial-gradient(circle at 50% 52%,transparent 36%,#101224a8 100%);z-index:1}
.creature-aura{position:absolute;inset:13% 9%;border-radius:48%;z-index:0;
  background:repeating-conic-gradient(from 8deg,transparent 0deg 24deg,var(--element-glow,#8ca9d863) 25deg 29deg,transparent 30deg 54deg);
  opacity:.45;filter:blur(5px)}
.creature-fauna-img{position:absolute;z-index:2;width:73%!important;height:73%!important;left:13.5%;top:13%;object-fit:contain;image-rendering:auto;
 filter:drop-shadow(0 6px 9px #0d081ec9) saturate(.9)}
.creature-custom.creature-variant-moon{background:radial-gradient(ellipse at 50% 32%,#6e48a47a,transparent 57%),linear-gradient(150deg,#10132c,#26184a)}
.creature-custom.creature-variant-wind{background:radial-gradient(ellipse at 50% 40%,#97d2cb7a,transparent 70%),linear-gradient(145deg,#152b35,#151428)}
.creature-custom.creature-variant-metal{background:radial-gradient(ellipse at 50% 37%,#d8a66d74,transparent 70%),linear-gradient(145deg,#302825,#242b34)}
.creature-custom.creature-variant-horned{background:radial-gradient(ellipse at 50% 35%,#b9eaff73,transparent 63%),linear-gradient(145deg,#11283a,#1d1b39)}
.creature-horncrest{position:absolute;z-index:3;width:15%;height:23%;top:13%;left:42%;transform:rotate(-9deg);
 background:linear-gradient(130deg,#d7f8ff,#85b6db 48%,#284b83);clip-path:polygon(44% 0%,68% 0,83% 99%,16% 100%);
 filter:drop-shadow(0 0 6px #baf4ff)}
.creature-custom.creature-variant-mist::after,.creature-custom.creature-variant-aurora::after{
 content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
 background:repeating-linear-gradient(157deg,transparent 0 14px,#c4eeff18 15px 18px,transparent 19px 37px)}
.creature-stack{position:absolute;z-index:2;inset:0;isolation:isolate}
.creature-stack .creature-piece{position:absolute;max-width:none;object-fit:contain;height:auto;display:block;
 filter:drop-shadow(0 3px 5px #0a091c78)}
.creature-stack .creature-body{width:66%;height:70%;left:17%;top:19%;z-index:2}
.creature-stack .creature-eye{width:14%;height:14%;z-index:4;top:42%;object-fit:contain}
.creature-stack .creature-eye-left{left:35%}
.creature-stack .creature-eye-right{left:52%;transform:scaleX(-1)}
.creature-stack .creature-mouth{width:22%;height:12%;left:39%;top:57%;z-index:4;object-fit:contain}
.creature-stack .creature-appendage{width:24%;height:23%;top:12%;z-index:1;object-fit:contain}
.creature-stack .creature-appendage-left{left:21%;transform:rotate(-23deg)}
.creature-stack .creature-appendage-right{right:21%;transform:scaleX(-1) rotate(-23deg)}
.creature-variant-leaf .creature-appendage,.creature-variant-tide .creature-appendage,.creature-variant-coral .creature-appendage{width:27%;height:31%;top:9%}
.creature-variant-seed .creature-appendage,.creature-variant-stone .creature-appendage{top:16%;transform:rotate(-44deg)}
.creature-variant-stone .creature-body{filter:grayscale(.8) drop-shadow(0 7px 9px #080d12)}
.creature-variant-ice .creature-appendage{filter:drop-shadow(0 0 5px #9ef6ff)}
.creature-variant-flame .creature-aura,.creature-variant-spark .creature-aura{opacity:.7;filter:blur(4px)}
.creature-variant-coral{background:radial-gradient(ellipse at 44% 63%,#12a6b97e,transparent 64%),linear-gradient(145deg,#0f394e,#1e173d)}
.creature-variant-seed{background:radial-gradient(ellipse at 55% 63%,#9c673677,transparent 64%),linear-gradient(145deg,#33251d,#243426)}
.creature-glint{position:absolute;z-index:4;color:#dff4ff;right:15%;top:15%;font-size:25px;text-shadow:0 0 8px #e5fbff}
.creature-variant-flame .creature-glint{color:#ffb36a}
.creature-variant-stone .creature-glint{color:#dbc8a3}
.collection-tile .licensed-art.creature-custom .creature-fauna-img{width:72%!important;height:70%!important}
.ac-creature-art .creature-stack,.slot-art .creature-stack{inset:0}
@media(max-width:650px){
 .creature-custom .creature-glint{font-size:16px}
 .creature-custom .creature-stack .creature-eye{top:41%}
 .creature-custom .creature-stack .creature-appendage{top:14%}
}
@media(prefers-reduced-motion:no-preference){
 .creature-custom .creature-aura{animation:astralAura 8s linear infinite}
 @keyframes astralAura{to{transform:rotate(360deg)}}
}