/* Cosmetics bank — rarity, fonts, expanded name FX / frames / avatars */

/* ——— Shop booth rarity language ——— */
.shop-item {
  color: rgba(232,232,232,.75);
}
.shop-item.rarity-common {
  border-color: rgba(232,232,232,.42);
  color: #e8e8e8;
}
.shop-item.rarity-common .shop-preview {
  border-color: rgba(232,232,232,.35);
}
.shop-item.rarity-uncommon {
  border-color: rgba(61,214,140,.55);
  color: #3dd68c;
  box-shadow: 0 6px 0 #000, inset 0 1px 0 rgba(61,214,140,.18), 0 0 16px rgba(61,214,140,.12);
}
.shop-item.rarity-uncommon .shop-preview {
  border-color: rgba(61,214,140,.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 0 #000, 0 0 10px rgba(61,214,140,.25);
}
.shop-item.rarity-rare {
  border-color: rgba(78,168,255,.6);
  color: #4ea8ff;
  box-shadow: 0 6px 0 #000, inset 0 1px 0 rgba(78,168,255,.2), 0 0 18px rgba(78,168,255,.16);
}
.shop-item.rarity-rare .shop-preview {
  border-color: rgba(78,168,255,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 0 #000, 0 0 12px rgba(78,168,255,.3);
}
.shop-item.rarity-special {
  border-color: rgba(192,132,255,.7);
  color: #c084ff;
  box-shadow: 0 6px 0 #000, inset 0 1px 0 rgba(192,132,255,.22), 0 0 22px rgba(192,132,255,.22);
  background:
    linear-gradient(165deg, rgba(48,24,72,.98) 0%, #12081c 50%, #0a0610 100%);
}
.shop-item.rarity-special .shop-preview {
  border-color: rgba(192,132,255,.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 4px 0 #000, 0 0 14px rgba(192,132,255,.35);
}
.shop-item.rarity-legendary {
  border-color: rgba(255,77,77,.8);
  color: #ff4d4d;
  box-shadow: 0 6px 0 #000, 0 0 26px rgba(255,77,77,.32), inset 0 1px 0 rgba(255,120,100,.2);
  background:
    linear-gradient(165deg, #321018 0%, #1a0810 45%, #0c0814 100%);
  animation: shop-legendary-aura 2.2s ease-in-out infinite;
}
.shop-item.rarity-legendary .shop-preview {
  border-color: rgba(255,77,77,.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 0 #000, 0 0 16px rgba(255,77,77,.4);
}
@keyframes shop-legendary-aura {
  0%, 100% { box-shadow: 0 6px 0 #000, 0 0 18px rgba(255,77,77,.25), inset 0 1px 0 rgba(255,120,100,.15); }
  50% { box-shadow: 0 6px 0 #000, 0 0 32px rgba(255,77,77,.45), inset 0 1px 0 rgba(255,140,120,.28); }
}

.rarity-badge {
  display: inline-block;
  font-family: var(--font-pixel);
  font-size: 7px;
  letter-spacing: 0.1em;
  padding: 3px 6px 2px;
  border-radius: 3px;
  vertical-align: middle;
  border: 1px solid currentColor;
  text-shadow: 0 0 8px currentColor;
  box-shadow: 0 0 8px rgba(255,77,77,.35);
  background: rgba(0,0,0,.35);
}
.rarity-badge.rarity-common { color: #e8e8e8; }
.rarity-badge.rarity-uncommon { color: #3dd68c; }
.rarity-badge.rarity-rare { color: #4ea8ff; }
.rarity-badge.rarity-special { color: #c084ff; }
.rarity-badge.rarity-legendary {
  color: #ff4d4d;
  animation: rarity-pulse 1.6s ease-in-out infinite;
}

@keyframes rarity-pulse {
  0%, 100% { opacity: 1; filter: brightness(1); box-shadow: 0 0 8px rgba(255,77,77,.35); }
  50% { opacity: 0.9; filter: brightness(1.3); box-shadow: 0 0 14px rgba(255,77,77,.65); }
}

.shop-rotate-tip {
  margin: 0;
  font-family: var(--font-pixel);
  font-size: 9px;
  letter-spacing: 0.06em;
  color: var(--accent);
  text-align: center;
  padding: 6px 10px;
  border: 1px dashed rgba(255,229,102,.35);
  border-radius: 8px;
  background: rgba(0,0,0,.25);
  text-shadow: 0 0 10px rgba(255,229,102,.35);
  animation: shop-tip-pulse 2s ease-in-out infinite;
}
@keyframes shop-tip-pulse {
  0%, 100% { border-color: rgba(255,229,102,.3); }
  50% { border-color: rgba(255,229,102,.65); }
}
.shop-rotate-note {
  grid-column: 1 / -1;
  text-align: center;
  margin: 0 0 2px;
  font-family: var(--font-ui);
  font-size: 15px;
  letter-spacing: 0.03em;
  color: var(--muted);
  padding: 4px 8px 8px;
}

body[data-reduced="1"] .rarity-badge.rarity-legendary,
body[data-reduced="1"] .shop-item.rarity-legendary,
body[data-reduced="1"] .shop-rotate-tip {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .rarity-badge.rarity-legendary,
  .shop-item.rarity-legendary,
  .shop-rotate-tip {
    animation: none !important;
  }
}

/* ——— Name fonts ——— */
body[data-font="classic"] .you { font-family: var(--font-pixel); }
body[data-font="tall"] .you { font-family: var(--font-ui); font-size: 1.55em; letter-spacing: 0.06em; }
body[data-font="wide"] .you { letter-spacing: 0.28em; }
body[data-font="tight"] .you { letter-spacing: -0.04em; }
body[data-font="soft"] .you { font-family: var(--font-ui); font-weight: 400; letter-spacing: 0.1em; }
body[data-font="orbit"] .you { font-family: "Orbitron", var(--font-pixel), monospace; letter-spacing: 0.08em; }
body[data-font="silk"] .you { font-family: "Silkscreen", var(--font-pixel), monospace; }
body[data-font="right"] .you { font-family: "Righteous", var(--font-pixel), sans-serif; letter-spacing: 0.04em; }
body[data-font="audio"] .you { font-family: "Audiowide", var(--font-pixel), sans-serif; }
body[data-font="bungee"] .you { font-family: "Bungee", var(--font-pixel), sans-serif; }
body[data-font="mono"] .you { font-family: "Monoton", var(--font-pixel), cursive; letter-spacing: 0.02em; }
body[data-font="outline"] .you {
  -webkit-text-stroke: 1.5px currentColor;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 6px var(--name-glow-soft, rgba(255,229,102,.5)));
}
body[data-font="stack"] .you {
  text-shadow:
    0 1px 0 #000, 0 2px 0 #1a0a28, 0 3px 0 #12081c,
    0 0 10px var(--name-glow-soft, rgba(255,229,102,.5));
}
body[data-font="laser"] .you {
  font-family: "Orbitron", var(--font-pixel), monospace;
  letter-spacing: 0.14em;
  text-shadow: 0 0 4px #fff, 0 0 12px var(--name-glow, #ffe566), 0 0 24px #ff4fd8;
}
body[data-font="mirror"] .you {
  font-family: "Audiowide", sans-serif;
  background: linear-gradient(180deg, #fff 0%, var(--name-glow, #ffe566) 45%, #666 55%, var(--name-glow, #ffe566) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: font-mirror 2.4s ease-in-out infinite;
}
body[data-font="warp"] .you {
  font-family: "Righteous", sans-serif;
  display: inline-block;
  animation: font-warp 2.2s ease-in-out infinite;
}
body[data-font="mythic"] .you {
  font-family: "Monoton", cursive;
  animation: font-mythic 1.8s linear infinite;
  filter: drop-shadow(0 0 8px #ff4d4d) drop-shadow(0 0 16px #c084ff);
}
body[data-font="overdrive"] .you {
  font-family: "Bungee", sans-serif;
  animation: font-overdrive 0.35s steps(2) infinite;
}
body[data-font="celestial"] .you {
  font-family: "Audiowide", sans-serif;
  background: linear-gradient(90deg, #9ef0ff, #ffe566, #ff7ad9, #c084ff, #9ef0ff);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: name-volt 2.4s linear infinite;
}

@keyframes font-mirror {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.35); }
}
@keyframes font-warp {
  0%, 100% { transform: perspective(120px) rotateX(0deg) skewX(0deg); }
  50% { transform: perspective(120px) rotateX(8deg) skewX(-4deg); }
}
@keyframes font-mythic {
  0% { filter: hue-rotate(0deg) drop-shadow(0 0 8px #ff4d4d); }
  100% { filter: hue-rotate(360deg) drop-shadow(0 0 12px #c084ff); }
}
@keyframes font-overdrive {
  0% { transform: translate(0, 0); }
  50% { transform: translate(1px, -1px); }
  100% { transform: translate(-1px, 1px); }
}

.shop-preview.pv-font { display: grid; place-items: center; }
.shop-preview.pv-font .pv-name { font-size: 16px; }
.shop-preview.pv-font-orbit .pv-name { font-family: "Orbitron", monospace; }
.shop-preview.pv-font-silk .pv-name { font-family: "Silkscreen", monospace; }
.shop-preview.pv-font-bungee .pv-name { font-family: "Bungee", sans-serif; }
.shop-preview.pv-font-mono .pv-name,
.shop-preview.pv-font-mythic .pv-name { font-family: "Monoton", cursive; }
.shop-preview.pv-font-audio .pv-name,
.shop-preview.pv-font-celestial .pv-name { font-family: "Audiowide", sans-serif; }
.shop-preview.pv-font-right .pv-name,
.shop-preview.pv-font-warp .pv-name { font-family: "Righteous", sans-serif; }

/* ——— Extra name glows ——— */
body[data-name="snow"] { --name-glow: #f5f8ff; --name-glow-soft: rgba(240,245,255,.5); }
body[data-name="amber"] { --name-glow: #ffc14d; --name-glow-soft: rgba(255,180,60,.45); }
body[data-name="slate"] { --name-glow: #b0bcc8; --name-glow-soft: rgba(160,180,200,.4); }
body[data-name="rose"] { --name-glow: #ff9eb5; --name-glow-soft: rgba(255,140,170,.45); }
body[data-name="lime"] { --name-glow: #b8ff4d; --name-glow-soft: rgba(180,255,70,.45); }
body[data-name="sky"] { --name-glow: #7ec8ff; --name-glow-soft: rgba(100,180,255,.45); }
body[data-name="coral"] { --name-glow: #ff7a5c; --name-glow-soft: rgba(255,100,80,.5); }
body[data-name="jade"] { --name-glow: #3dd68c; --name-glow-soft: rgba(40,200,120,.45); }
body[data-name="orchid"] { --name-glow: #d4a0ff; --name-glow-soft: rgba(200,140,255,.45); }
body[data-name="cobalt"] { --name-glow: #4ea8ff; --name-glow-soft: rgba(60,140,255,.5); }
body[data-name="ember"] { --name-glow: #ff6b2c; --name-glow-soft: rgba(255,90,30,.55); }
body[data-name="ocean"] { --name-glow: #3ecfff; --name-glow-soft: rgba(40,180,255,.5); }
body[data-name="nova"] { --name-glow: #ffe566; --name-glow-soft: rgba(255,220,100,.6); }
body[data-name="shadow"] { --name-glow: #9b8cff; --name-glow-soft: rgba(80,60,140,.55); }
body[data-name="toxic"] { --name-glow: #b8ff00; --name-glow-soft: rgba(160,255,0,.5); }
body[data-name="twilight"] { --name-glow: #c084ff; --name-glow-soft: rgba(160,80,255,.5); }
body[data-name="hologram"] { --name-glow: #9ef0ff; --name-glow-soft: rgba(100,240,255,.55); }
body[data-name="plasma"] { --name-glow: #ff4fd8; --name-glow-soft: rgba(255,80,220,.55); }
body[data-name="glitch"] { --name-glow: #ff4d4d; --name-glow-soft: rgba(255,60,60,.5); }
body[data-name="prism"] { --name-glow: #ffffff; --name-glow-soft: rgba(255,255,255,.4); }
body[data-name="aurora"] { --name-glow: #7dffb3; --name-glow-soft: rgba(100,255,180,.55); }
body[data-name="supernova"] { --name-glow: #ffe566; --name-glow-soft: rgba(255,200,80,.7); }
body[data-name="voidlord"] { --name-glow: #c084ff; --name-glow-soft: rgba(80,0,120,.6); }
body[data-name="phoenix"] { --name-glow: #ff6a20; --name-glow-soft: rgba(255,80,20,.65); }
body[data-name="chromatic"] { --name-glow: #ff4fd8; --name-glow-soft: rgba(255,80,200,.55); }
body[data-name="smokeglitch"] { --name-glow: #ff1a2a; --name-glow-soft: rgba(0,0,0,.85); }

body[data-name="ocean"] .you {
  background: linear-gradient(90deg, #1a6cff, #3ecfff, #9ef0ff, #1a6cff);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-volt 2s linear infinite;
  filter: drop-shadow(0 0 8px rgba(60,180,255,.8));
}
body[data-name="nova"] .you {
  animation: name-nova 1.2s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(255,229,102,.9));
}
body[data-name="shadow"] .you {
  color: #d8c8ff;
  text-shadow: 0 0 4px #000, 0 0 16px #4a2080, 4px 0 8px rgba(0,0,0,.8), -4px 0 8px rgba(80,40,160,.5);
}
body[data-name="toxic"] .you {
  color: #c8ff40;
  text-shadow: 0 0 8px #80ff00, 0 0 18px #40a000;
  animation: name-toxic 1.4s ease-in-out infinite;
}
body[data-name="twilight"] .you {
  background: linear-gradient(180deg, #ffe566, #ff7ad9, #6a4cff);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 8px rgba(192,132,255,.8));
}
body[data-name="hologram"] .you {
  background: linear-gradient(180deg, #fff, #9ef0ff 30%, #ff7ad9 60%, #7dffb3);
  background-size: 100% 200%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-holo 2.2s linear infinite;
  filter: drop-shadow(0 0 6px rgba(158,240,255,.7));
}
body[data-name="plasma"] .you,
body[data-name="phoenix"] .you,
body[data-name="voidlord"] .you,
body[data-name="aurora"] .you,
body[data-name="smokeglitch"] .you {
  position: relative;
  isolation: isolate;
}
body[data-name="plasma"] .you {
  background: linear-gradient(90deg, #ff4fd8, #9ef0ff, #ffe566, #ff4fd8);
  background-size: 240% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-volt 0.85s linear infinite;
  filter: drop-shadow(0 0 10px rgba(255,80,220,.9));
}
body[data-name="glitch"] .you {
  animation: name-glitch 0.55s steps(2) infinite;
  text-shadow: 2px 0 #ff0040, -2px 0 #00e5ff;
}
body[data-name="prism"] .you {
  background: linear-gradient(90deg, #ff4d4d, #ffe566, #7dffb3, #4ea8ff, #c084ff, #ff4d4d);
  background-size: 280% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-volt 1.4s linear infinite;
}
body[data-name="aurora"] .you {
  background: linear-gradient(100deg, #7dffb3, #9ef0ff, #c084ff, #ff7ad9, #7dffb3);
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-volt 3s linear infinite;
  filter: drop-shadow(0 0 12px rgba(125,255,179,.85));
}
body[data-name="supernova"] .you {
  background: linear-gradient(180deg, #fff, #ffe566 35%, #ff6a20 70%, #ff2d55);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-supernova 1.1s ease-in-out infinite;
  filter: drop-shadow(0 0 14px rgba(255,180,40,1));
}
body[data-name="voidlord"] .you {
  background: linear-gradient(180deg, #e8d0ff 0%, #6a2cff 45%, #0a0018 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(120,40,255,.95)) drop-shadow(0 0 20px rgba(0,0,0,.9));
  animation: name-void 2s ease-in-out infinite;
}
body[data-name="phoenix"] .you {
  background: linear-gradient(180deg, #fff6b0, #ffb347, #ff4d2a, #ff2d55);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-fire 0.75s ease-in-out infinite;
  filter: drop-shadow(0 0 12px rgba(255,80,20,1));
}
body[data-name="chromatic"] .you {
  background: linear-gradient(90deg, #ff0040, #ffe566, #00ff88, #00c8ff, #c084ff, #ff0040);
  background-size: 400% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  animation: name-volt 0.9s linear infinite;
  filter: drop-shadow(0 0 10px rgba(255,80,200,.9)) drop-shadow(0 0 18px rgba(80,200,255,.5));
}

/* Smoke Glitch — black/red tear that briefly swallows the name */
body[data-name="smokeglitch"] .you {
  color: #120408;
  -webkit-text-fill-color: #120408;
  text-shadow:
    2px 0 #ff1030,
    -2px 0 #2a0008,
    0 0 10px rgba(255,20,40,.75),
    0 0 18px rgba(0,0,0,.9);
  animation: name-smokeglitch 4.8s ease-in-out infinite;
}
body[data-name="smokeglitch"] .you::before {
  content: "";
  position: absolute;
  inset: -8% -6%;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 8%, #0a0004 22%, #1a0008 48%, #0a0004 72%, transparent 92%),
    radial-gradient(ellipse at 50% 60%, rgba(40,0,8,.95) 0%, rgba(0,0,0,.55) 45%, transparent 72%);
  opacity: 0;
  mix-blend-mode: multiply;
  animation: smoke-veil 4.8s ease-in-out infinite;
}
body[data-name="smokeglitch"] .you::after {
  content: "";
  position: absolute;
  inset: 18% 4%;
  z-index: 3;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent 0 3px,
    rgba(0,0,0,.85) 3px 5px,
    transparent 5px 9px,
    rgba(80,0,10,.7) 9px 10px
  );
  opacity: 0;
  transform: scaleY(0.2);
  animation: smoke-censor 4.8s ease-in-out infinite;
}

@keyframes name-smokeglitch {
  0%, 68% {
    color: #120408;
    -webkit-text-fill-color: #120408;
    filter: contrast(1.15);
    transform: translate(0);
    text-shadow:
      2px 0 #ff1030,
      -2px 0 #2a0008,
      0 0 10px rgba(255,20,40,.75),
      0 0 18px rgba(0,0,0,.9);
  }
  72% {
    color: #2a0810;
    -webkit-text-fill-color: #2a0810;
    filter: contrast(1.35);
    transform: translate(1px, -1px);
    text-shadow:
      3px 0 #ff0020,
      -3px 0 #000,
      0 0 14px rgba(255,0,30,.9);
  }
  78%, 86% {
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: blur(1.2px) contrast(1.4);
    transform: translate(-1px, 1px);
    text-shadow: none;
  }
  90% {
    color: #1a0508;
    -webkit-text-fill-color: #1a0508;
    filter: blur(0.4px);
    transform: translate(1px, 0);
    text-shadow:
      2px 0 #ff2040,
      -2px 0 #100004,
      0 0 12px rgba(180,0,20,.8);
  }
  96%, 100% {
    color: #120408;
    -webkit-text-fill-color: #120408;
    filter: contrast(1.15);
    transform: translate(0);
    text-shadow:
      2px 0 #ff1030,
      -2px 0 #2a0008,
      0 0 10px rgba(255,20,40,.75),
      0 0 18px rgba(0,0,0,.9);
  }
}
@keyframes smoke-veil {
  0%, 68% { opacity: 0; transform: translateY(8%) scale(1.05); }
  74% { opacity: 0.55; transform: translateY(0) scale(1.1); }
  78%, 86% { opacity: 0.95; transform: translateY(-4%) scale(1.15); }
  92% { opacity: 0.35; transform: translateY(-8%) scale(1.08); }
  100% { opacity: 0; transform: translateY(-12%) scale(1); }
}
@keyframes smoke-censor {
  0%, 70% { opacity: 0; transform: scaleY(0.15); }
  76% { opacity: 0.7; transform: scaleY(0.85); }
  80%, 86% { opacity: 1; transform: scaleY(1.05); }
  92% { opacity: 0.25; transform: scaleY(0.4); }
  100% { opacity: 0; transform: scaleY(0.15); }
}

@keyframes name-nova {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(255,229,102,.7)) brightness(1); transform: scale(1); }
  50% { filter: drop-shadow(0 0 20px rgba(255,255,200,1)) brightness(1.3); transform: scale(1.03); }
}
@keyframes name-toxic {
  0%, 100% { filter: hue-rotate(0deg); }
  50% { filter: hue-rotate(25deg) brightness(1.15); }
}
@keyframes name-holo {
  0% { background-position: 0 0; }
  100% { background-position: 0 200%; }
}
@keyframes name-glitch {
  0% { transform: translate(0); }
  25% { transform: translate(1px, -1px); }
  50% { transform: translate(-1px, 1px); }
  75% { transform: translate(1px, 0); }
  100% { transform: translate(0); }
}
@keyframes name-supernova {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(255,180,40,.8)) brightness(1); }
  50% { filter: drop-shadow(0 0 28px rgba(255,100,40,1)) brightness(1.4); }
}
@keyframes name-void {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(120,40,255,.8)); }
  50% { filter: drop-shadow(0 0 22px rgba(180,80,255,1)) brightness(1.2); }
}

/* Particle FX extras */
.name-fx-plasma i,
.name-fx-aurora i,
.name-fx-voidlord i,
.name-fx-phoenix i,
.name-fx-smokeglitch i {
  position: absolute;
  display: block;
  pointer-events: none;
  border-radius: 50%;
}
.name-fx-plasma {
  inset: -8px -4px;
  height: auto;
}
.name-fx-plasma i {
  width: 4px; height: 4px;
  left: calc(5% + (var(--i) / var(--n)) * 90%);
  top: calc(20% + (var(--i) % 4) * 18%);
  background: #9ef0ff;
  box-shadow: 0 0 6px #ff4fd8, 0 0 10px #9ef0ff;
  animation: plasma-spark 0.7s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.09s);
}
.name-fx-aurora {
  inset: -10px -6px;
}
.name-fx-aurora i {
  width: 6px; height: 14px;
  left: calc(4% + (var(--i) / var(--n)) * 92%);
  top: -4px;
  background: linear-gradient(180deg, #7dffb3, transparent);
  opacity: 0.7;
  animation: aurora-ribbon 2.4s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.2s);
}
.name-fx-voidlord {
  inset: -6px;
}
.name-fx-voidlord i {
  width: 3px; height: 3px;
  left: calc(8% + (var(--i) / var(--n)) * 84%);
  top: calc(30% + (var(--i) % 5) * 12%);
  background: #e8d0ff;
  box-shadow: 0 0 8px #6a2cff;
  animation: void-spark 1.6s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.15s);
}
.name-fx-phoenix {
  bottom: calc(100% - 0.72em);
  height: 26px;
  left: 0; right: 0;
}
.name-fx-phoenix i {
  bottom: 0;
  left: calc(3% + (var(--i) / var(--n)) * 94%);
  width: calc(7px + (var(--i) % 3) * 2px);
  height: calc(12px + (var(--i) % 4) * 4px);
  background: linear-gradient(0deg, #ff2d55, #ffb347, #ffe566);
  clip-path: polygon(50% 0, 8% 72%, 22% 100%, 50% 86%, 78% 100%, 92% 72%);
  animation: flame-lick 0.4s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.06s);
  mix-blend-mode: screen;
}
.name-fx-smokeglitch {
  inset: -14px -8px;
  height: auto;
  overflow: visible;
}
.name-fx-smokeglitch i {
  width: calc(10px + (var(--i) % 4) * 4px);
  height: calc(14px + (var(--i) % 3) * 6px);
  left: calc(2% + (var(--i) / var(--n)) * 90%);
  top: calc(40% + (var(--i) % 5) * 8%);
  border-radius: 50% 45% 55% 40%;
  background: radial-gradient(ellipse at 40% 40%, rgba(80,0,12,.75), rgba(0,0,0,.9) 55%, transparent 75%);
  box-shadow: 0 0 8px rgba(255,20,40,.35), 0 0 14px rgba(0,0,0,.7);
  filter: blur(1.5px);
  opacity: 0.55;
  animation: smoke-wisp 4.8s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.35s);
}
.name-fx-smokeglitch i:nth-child(odd) {
  background: radial-gradient(ellipse at 50% 50%, rgba(120,0,20,.65), rgba(10,0,4,.85) 50%, transparent 72%);
}

@keyframes plasma-spark {
  0%, 100% { opacity: 0.3; transform: scale(0.6); }
  50% { opacity: 1; transform: scale(1.4); }
}
@keyframes aurora-ribbon {
  0%, 100% { transform: scaleY(0.6); opacity: 0.4; }
  50% { transform: scaleY(1.3); opacity: 0.95; }
}
@keyframes void-spark {
  0%, 100% { opacity: 0.2; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-6px); }
}
@keyframes smoke-wisp {
  0%, 65% { opacity: 0.25; transform: translateY(4px) scale(0.85); }
  74%, 86% { opacity: 0.9; transform: translateY(-10px) scale(1.35); }
  100% { opacity: 0.2; transform: translateY(-18px) scale(1.1); }
}

body[data-reduced="1"] .name-fx,
body[data-reduced="1"] body[data-font="overdrive"] .you,
body[data-reduced="1"] [data-font="overdrive"] .you { animation: none !important; }

/* Smoke glitch reduced: static black-red glow, no hide loop / particles */
body[data-reduced="1"][data-name="smokeglitch"] .you {
  animation: none !important;
  filter: none !important;
  transform: none !important;
  color: #1a0508;
  -webkit-text-fill-color: #1a0508;
  text-shadow:
    2px 0 #ff1030,
    -2px 0 #000,
    0 0 12px rgba(255,20,40,.7),
    0 0 4px #000;
}
body[data-reduced="1"][data-name="smokeglitch"] .you::before,
body[data-reduced="1"][data-name="smokeglitch"] .you::after {
  animation: none !important;
  opacity: 0 !important;
}
body[data-reduced="1"] .shop-preview.pv-smokeglitch .pv-name {
  animation: none !important;
  color: #1a0508;
  -webkit-text-fill-color: #1a0508;
}
body[data-reduced="1"] .shop-preview.pv-smokeglitch .pv-name::before,
body[data-reduced="1"] .shop-preview.pv-smokeglitch .pv-name::after {
  animation: none !important;
  opacity: 0 !important;
}
body[data-reduced="1"] .opp-host.nx-smokeglitch .opp {
  animation: none !important;
  filter: none !important;
  transform: none !important;
  color: #1a0508;
  -webkit-text-fill-color: #1a0508;
}
body[data-reduced="1"] .opp-host.nx-smokeglitch .opp::before,
body[data-reduced="1"] .opp-host.nx-smokeglitch .opp::after {
  animation: none !important;
  opacity: 0 !important;
}

/* ——— Frames ——— */
body[data-frame="paper"] .player-card { border-color: #d8d0c0; box-shadow: 0 6px 0 #3a3020; }
body[data-frame="ink"] .player-card { border-color: #2a2038; box-shadow: 0 6px 0 #000, inset 0 0 0 2px #100818; }
body[data-frame="mintline"] .player-card { border-color: #7dffb3; box-shadow: 0 6px 0 #063820, 0 0 12px rgba(125,255,179,.25); }
body[data-frame="blush"] .player-card { border-color: #ff9eb5; box-shadow: 0 6px 0 #401018; }
body[data-frame="steel"] .player-card { border-color: #a8b4c8; box-shadow: 0 6px 0 #1a2030; }
body[data-frame="pulse"] .player-card { border-color: #ff7ad9; animation: frame-pulse 1.8s ease-in-out infinite; }
body[data-frame="grid"] .player-card {
  border-color: #4ea8ff;
  background-image: linear-gradient(rgba(78,168,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(78,168,255,.08) 1px, transparent 1px);
  background-size: 12px 12px;
}
body[data-frame="frost"] .player-card { border-color: #9ef0ff; box-shadow: 0 6px 0 #041828, 0 0 16px rgba(158,240,255,.35); }
body[data-frame="magma"] .player-card { border-color: #ff6b4a; box-shadow: 0 6px 0 #2a0800, 0 0 14px rgba(255,80,40,.4); }
body[data-frame="violet"] .player-card { border-color: #c084ff; box-shadow: 0 6px 0 #1a0830, 0 0 14px rgba(192,132,255,.35); }
body[data-frame="circuit"] .player-card {
  border-color: #2ee6a6;
  box-shadow: 0 6px 0 #042018, inset 0 0 20px rgba(46,230,166,.12);
}
body[data-frame="hex"] .player-card {
  border-color: #ffe566;
  clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0 88%, 0 12%);
}
body[data-frame="plasmarim"] .player-card {
  border-color: #ff4fd8;
  box-shadow: 0 0 0 2px #9ef0ff, 0 6px 0 #200818, 0 0 20px rgba(255,79,216,.45);
}
body[data-frame="diamond"] .player-card {
  border-color: #e8f4ff;
  box-shadow: 0 6px 0 #102030, 0 0 18px rgba(200,230,255,.4);
}
body[data-frame="rune"] .player-card {
  border-color: #5eead4;
  box-shadow: 0 6px 0 #042018, inset 0 0 0 1px rgba(94,234,212,.35);
}
body[data-frame="hologrid"] .player-card {
  border-color: #9ef0ff;
  animation: frame-holo 2.5s linear infinite;
  box-shadow: 0 6px 0 #041828, 0 0 18px rgba(158,240,255,.35);
}
body[data-frame="rift"] .player-card {
  border-color: #c084ff;
  box-shadow: 0 0 24px rgba(120,40,255,.55), 0 6px 0 #100820;
  animation: frame-rift 1.6s ease-in-out infinite;
}
body[data-frame="crown"] .player-card {
  border-color: #ffe566;
  box-shadow: 0 6px 0 #3a2800, 0 0 20px rgba(255,229,102,.45);
}
body[data-frame="mirage"] .player-card {
  border-color: rgba(255,255,255,.35);
  animation: frame-mirage 2.2s ease-in-out infinite;
}
body[data-frame="singularity"] .player-card {
  border-color: #1a0030;
  box-shadow: 0 0 0 2px #c084ff, 0 0 30px rgba(80,0,160,.7), 0 6px 0 #000;
  animation: frame-singularity 2.8s ease-in-out infinite;
}
body[data-frame="aether"] .player-card {
  border-color: #7dffb3;
  box-shadow: 0 0 0 2px #9ef0ff, 0 0 28px rgba(125,255,179,.45), 0 6px 0 #042018;
  animation: frame-aether 3s linear infinite;
}
body[data-frame="catastrophe"] .player-card {
  border-color: #ff4d2a;
  box-shadow: 0 0 0 2px #ffe566, 0 0 28px rgba(255,60,20,.55), 0 6px 0 #2a0800;
  animation: frame-catastrophe 1.2s ease-in-out infinite;
}
body[data-frame="omnigate"] .player-card {
  border-color: #ff4fd8;
  box-shadow: 0 0 0 2px #ffe566, 0 0 0 4px #4ea8ff, 0 0 32px rgba(255,79,216,.5), 0 6px 0 #000;
  animation: frame-omni 2s linear infinite;
}

@keyframes frame-pulse {
  0%, 100% { box-shadow: 0 6px 0 #401028, 0 0 8px rgba(255,122,217,.3); }
  50% { box-shadow: 0 6px 0 #401028, 0 0 22px rgba(255,122,217,.7); }
}
@keyframes frame-holo {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
@keyframes frame-rift {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(1px); }
}
@keyframes frame-mirage {
  0%, 100% { opacity: 1; filter: blur(0); }
  50% { opacity: 0.92; filter: blur(0.3px); }
}
@keyframes frame-singularity {
  0%, 100% { box-shadow: 0 0 0 2px #c084ff, 0 0 20px rgba(80,0,160,.5), 0 6px 0 #000; }
  50% { box-shadow: 0 0 0 3px #e8d0ff, 0 0 40px rgba(120,40,255,.85), 0 6px 0 #000; }
}
@keyframes frame-aether {
  0% { border-color: #7dffb3; }
  33% { border-color: #9ef0ff; }
  66% { border-color: #c084ff; }
  100% { border-color: #7dffb3; }
}
@keyframes frame-catastrophe {
  0%, 100% { box-shadow: 0 0 0 2px #ffe566, 0 0 16px rgba(255,60,20,.4), 0 6px 0 #2a0800; }
  50% { box-shadow: 0 0 0 2px #fff, 0 0 36px rgba(255,80,20,.9), 0 6px 0 #2a0800; }
}
@keyframes frame-omni {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

.shop-preview.pv-frame-paper { border-color: #d8d0c0; }
.shop-preview.pv-frame-ink { border-color: #2a2038; background: #0a0610; }
.shop-preview.pv-frame-mintline { border-color: #7dffb3; }
.shop-preview.pv-frame-blush { border-color: #ff9eb5; }
.shop-preview.pv-frame-steel { border-color: #a8b4c8; }
.shop-preview.pv-frame-pulse { border-color: #ff7ad9; }
.shop-preview.pv-frame-grid { border-color: #4ea8ff; }
.shop-preview.pv-frame-frost { border-color: #9ef0ff; }
.shop-preview.pv-frame-magma { border-color: #ff6b4a; }
.shop-preview.pv-frame-violet { border-color: #c084ff; }
.shop-preview.pv-frame-circuit { border-color: #2ee6a6; }
.shop-preview.pv-frame-hex { border-color: #ffe566; }
.shop-preview.pv-frame-plasmarim { border-color: #ff4fd8; }
.shop-preview.pv-frame-diamond { border-color: #e8f4ff; }
.shop-preview.pv-frame-rune { border-color: #5eead4; }
.shop-preview.pv-frame-hologrid { border-color: #9ef0ff; }
.shop-preview.pv-frame-rift { border-color: #c084ff; }
.shop-preview.pv-frame-crown { border-color: #ffe566; }
.shop-preview.pv-frame-mirage { border-color: rgba(255,255,255,.5); }
.shop-preview.pv-frame-singularity { border-color: #c084ff; background: #050010; }
.shop-preview.pv-frame-aether { border-color: #7dffb3; }
.shop-preview.pv-frame-catastrophe { border-color: #ff4d2a; }
.shop-preview.pv-frame-omnigate { border-color: #ff4fd8; box-shadow: 0 0 0 2px #ffe566, 0 4px 0 #000; }

/* ——— Avatars ——— */
.avatar.av-pebble { background: linear-gradient(160deg, #8a8490, #2a2430); border-color: #a8a0b0; }
.avatar.av-leaf { background: linear-gradient(160deg, #7dffb3, #1a5030); border-color: #7dffb3; }
.avatar.av-cloud { background: linear-gradient(160deg, #e8f0ff, #6a80a0); border-color: #c8d8f0; }
.avatar.av-star { background: linear-gradient(160deg, #ffe566, #8a6a10); border-color: #ffe566; }
.avatar.av-heart { background: linear-gradient(160deg, #ff7ad9, #801040); border-color: #ff7ad9; }
.avatar.av-moon { background: linear-gradient(160deg, #d0d8f0, #2a3050); border-color: #b0b8d8; }
.avatar.av-wolf { background: linear-gradient(160deg, #6a7088, #1a1828); border-color: #a0a8c0; }
.avatar.av-owl { background: linear-gradient(160deg, #c9a227, #2a1808); border-color: #e0b840; }
.avatar.av-shark { background: linear-gradient(160deg, #4ea8ff, #0c1830); border-color: #4ea8ff; }
.avatar.av-comet { background: linear-gradient(160deg, #ffe566, #ff4fd8 55%, #12081c); border-color: #ffe566; }
.avatar.av-robot { background: linear-gradient(160deg, #b0b8c8, #303848); border-color: #d0d8e8; }
.avatar.av-dragon { background: linear-gradient(160deg, #ff4d2a, #3a1008); border-color: #ff6b4a; box-shadow: 0 4px 0 #000, 0 0 14px rgba(255,70,40,.4); }
.avatar.av-samurai { background: linear-gradient(160deg, #d8d0c0, #401818); border-color: #e8dcc8; }
.avatar.av-witch { background: linear-gradient(160deg, #c084ff, #1a0830); border-color: #c084ff; }
.avatar.av-alien { background: linear-gradient(160deg, #7dffb3, #102818); border-color: #7dffb3; }
.avatar.av-crystal { background: linear-gradient(160deg, #9ef0ff, #4ea8ff 40%, #2a1050); border-color: #9ef0ff; box-shadow: 0 4px 0 #000, 0 0 14px rgba(158,240,255,.4); }
.avatar.av-reaper { background: linear-gradient(160deg, #3a3050, #050308); border-color: #6a5080; box-shadow: 0 4px 0 #000, 0 0 16px rgba(80,40,120,.5); }
.avatar.av-angel { background: linear-gradient(160deg, #fff6c8, #d0b060 40%, #3a2800); border-color: #ffe566; box-shadow: 0 4px 0 #000, 0 0 16px rgba(255,229,102,.45); }
.avatar.av-djinn { background: linear-gradient(160deg, #5eead4, #1a4050 45%, #100820); border-color: #5eead4; }
.avatar.av-cyber { background: linear-gradient(160deg, #00e5ff, #1a2040 50%, #ff4fd8); border-color: #00e5ff; }
.avatar.av-voidking {
  background: linear-gradient(135deg, #1a0030, #6a2cff 40%, #050308);
  border-color: #c084ff;
  box-shadow: 0 4px 0 #000, 0 0 20px rgba(120,40,255,.55);
  animation: av-legend 2.4s ease-in-out infinite;
}
.avatar.av-solar {
  background: linear-gradient(135deg, #ffe566, #ff6a20 45%, #3a1000);
  border-color: #ffe566;
  box-shadow: 0 4px 0 #000, 0 0 22px rgba(255,180,40,.6);
  animation: av-legend 1.8s ease-in-out infinite;
}
.avatar.av-hydra {
  background: linear-gradient(135deg, #3dd68c, #1a5030 40%, #ff4d4d);
  border-color: #3dd68c;
  box-shadow: 0 4px 0 #000, 0 0 18px rgba(61,214,140,.45);
  animation: av-legend 2.2s ease-in-out infinite;
}
.avatar.av-omega {
  background: linear-gradient(135deg, #ff4d4d, #ffe566 35%, #4ea8ff 65%, #c084ff);
  border-color: #ff4d4d;
  box-shadow: 0 4px 0 #000, 0 0 24px rgba(255,77,77,.55);
  animation: av-legend 1.5s linear infinite;
}

@keyframes av-legend {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.2); }
}

.shop-preview.pv-avatar.av-pebble { background: linear-gradient(160deg, #8a8490, #2a2430); }
.shop-preview.pv-avatar.av-leaf { background: linear-gradient(160deg, #7dffb3, #1a5030); }
.shop-preview.pv-avatar.av-cloud { background: linear-gradient(160deg, #e8f0ff, #6a80a0); }
.shop-preview.pv-avatar.av-star { background: linear-gradient(160deg, #ffe566, #8a6a10); }
.shop-preview.pv-avatar.av-heart { background: linear-gradient(160deg, #ff7ad9, #801040); }
.shop-preview.pv-avatar.av-moon { background: linear-gradient(160deg, #d0d8f0, #2a3050); }
.shop-preview.pv-avatar.av-wolf { background: linear-gradient(160deg, #6a7088, #1a1828); }
.shop-preview.pv-avatar.av-owl { background: linear-gradient(160deg, #c9a227, #2a1808); }
.shop-preview.pv-avatar.av-shark { background: linear-gradient(160deg, #4ea8ff, #0c1830); }
.shop-preview.pv-avatar.av-comet { background: linear-gradient(160deg, #ffe566, #ff4fd8); }
.shop-preview.pv-avatar.av-robot { background: linear-gradient(160deg, #b0b8c8, #303848); }
.shop-preview.pv-avatar.av-dragon { background: linear-gradient(160deg, #ff4d2a, #3a1008); }
.shop-preview.pv-avatar.av-samurai { background: linear-gradient(160deg, #d8d0c0, #401818); }
.shop-preview.pv-avatar.av-witch { background: linear-gradient(160deg, #c084ff, #1a0830); }
.shop-preview.pv-avatar.av-alien { background: linear-gradient(160deg, #7dffb3, #102818); }
.shop-preview.pv-avatar.av-crystal { background: linear-gradient(160deg, #9ef0ff, #4ea8ff); }
.shop-preview.pv-avatar.av-reaper { background: linear-gradient(160deg, #3a3050, #050308); }
.shop-preview.pv-avatar.av-angel { background: linear-gradient(160deg, #fff6c8, #d0b060); }
.shop-preview.pv-avatar.av-djinn { background: linear-gradient(160deg, #5eead4, #1a4050); }
.shop-preview.pv-avatar.av-cyber { background: linear-gradient(160deg, #00e5ff, #ff4fd8); }
.shop-preview.pv-avatar.av-voidking { background: linear-gradient(135deg, #1a0030, #6a2cff); }
.shop-preview.pv-avatar.av-solar { background: linear-gradient(135deg, #ffe566, #ff6a20); }
.shop-preview.pv-avatar.av-hydra { background: linear-gradient(135deg, #3dd68c, #ff4d4d); }
.shop-preview.pv-avatar.av-omega { background: linear-gradient(135deg, #ff4d4d, #4ea8ff, #c084ff); }

/* Shop previews for new name FX */
.shop-preview.pv-snow .pv-name { color: #f5f8ff; text-shadow: 0 0 8px rgba(240,245,255,.7); }
.shop-preview.pv-amber .pv-name { color: #ffc14d; text-shadow: 0 0 8px rgba(255,180,60,.7); }
.shop-preview.pv-slate .pv-name { color: #b0bcc8; }
.shop-preview.pv-rose .pv-name { color: #ff9eb5; text-shadow: 0 0 8px rgba(255,140,170,.6); }
.shop-preview.pv-lime .pv-name { color: #b8ff4d; text-shadow: 0 0 8px rgba(180,255,70,.6); }
.shop-preview.pv-sky .pv-name { color: #7ec8ff; text-shadow: 0 0 8px rgba(100,180,255,.6); }
.shop-preview.pv-coral .pv-name { color: #ff7a5c; }
.shop-preview.pv-jade .pv-name { color: #3dd68c; }
.shop-preview.pv-orchid .pv-name { color: #d4a0ff; }
.shop-preview.pv-cobalt .pv-name { color: #4ea8ff; }
.shop-preview.pv-ember .pv-name { color: #ff6b2c; }
.shop-preview.pv-ocean .pv-name { color: #3ecfff; }
.shop-preview.pv-nova .pv-name { color: #ffe566; }
.shop-preview.pv-shadow .pv-name { color: #d8c8ff; }
.shop-preview.pv-toxic .pv-name { color: #c8ff40; }
.shop-preview.pv-twilight .pv-name { color: #c084ff; }
.shop-preview.pv-hologram .pv-name { color: #9ef0ff; }
.shop-preview.pv-plasma .pv-name,
.shop-preview.pv-phoenix .pv-name,
.shop-preview.pv-voidlord .pv-name,
.shop-preview.pv-aurora .pv-name,
.shop-preview.pv-smokeglitch .pv-name { overflow: visible; position: relative; }
.shop-preview.pv-plasma .pv-name { color: #ff4fd8; }
.shop-preview.pv-glitch .pv-name { color: #ff4d4d; text-shadow: 1px 0 #00e5ff, -1px 0 #ff0040; }
.shop-preview.pv-prism .pv-name { color: #fff; }
.shop-preview.pv-aurora .pv-name { color: #7dffb3; }
.shop-preview.pv-supernova .pv-name { color: #ffe566; text-shadow: 0 0 10px rgba(255,180,40,.9); }
.shop-preview.pv-voidlord .pv-name { color: #c084ff; }
.shop-preview.pv-phoenix .pv-name { color: #ff6a20; }
.shop-preview.pv-chromatic .pv-name { color: #ff4fd8; text-shadow: 0 0 8px #4ea8ff; }
.shop-preview.pv-smokeglitch .pv-name {
  color: #120408;
  text-shadow: 1px 0 #ff1030, -1px 0 #2a0008, 0 0 8px rgba(255,20,40,.7);
  animation: name-smokeglitch 4.8s ease-in-out infinite;
  isolation: isolate;
}
.shop-preview.pv-smokeglitch .pv-name::before {
  content: "";
  position: absolute;
  inset: -20% -10%;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, rgba(30,0,6,.9) 0%, rgba(0,0,0,.5) 50%, transparent 70%);
  opacity: 0;
  animation: smoke-veil 4.8s ease-in-out infinite;
}
.shop-preview.pv-smokeglitch .pv-name::after {
  content: "";
  position: absolute;
  inset: 20% 2%;
  z-index: 3;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,0,0,.85) 2px 3px);
  opacity: 0;
  animation: smoke-censor 4.8s ease-in-out infinite;
}

/* Opponent smoke glitch */
.opp-host.nx-smokeglitch {
  position: relative;
}
.opp-host.nx-smokeglitch .opp {
  position: relative;
  isolation: isolate;
  color: #120408;
  text-shadow:
    2px 0 #ff1030,
    -2px 0 #2a0008,
    0 2px 0 #000,
    0 0 10px rgba(255,20,40,.7);
  animation: name-smokeglitch 4.8s ease-in-out infinite;
}
.opp-host.nx-smokeglitch .opp::before {
  content: "";
  position: absolute;
  inset: -10% -8%;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 55%, rgba(30,0,6,.9) 0%, rgba(0,0,0,.45) 50%, transparent 72%);
  opacity: 0;
  animation: smoke-veil 4.8s ease-in-out infinite;
}
.opp-host.nx-smokeglitch .opp::after {
  content: "";
  position: absolute;
  inset: 20% 4%;
  z-index: 3;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,0,0,.8) 2px 3px);
  opacity: 0;
  animation: smoke-censor 4.8s ease-in-out infinite;
}