/* Recompensas cosméticas: marcos de foto (data-frame), efectos de nombre (data-fx) y portadas (data-cover).
   Cada recompensa del catálogo apunta a uno de estos presets. Se dibujan solo con CSS y SVG embebido.
   En listas y rankings no se anima nada; las animaciones respetan prefers-reduced-motion. */

@property --ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes rw-spin { to { --ang: 360deg; } }
@keyframes rw-slide { to { background-position: 200% 0; } }
@keyframes rw-float { 50% { transform: translateY(-1.5px); } }
@keyframes rw-breathe { 0%, 100% { box-shadow: 0 0 10px var(--fg); } 50% { box-shadow: 0 0 24px 3px var(--fg); } }
@keyframes rw-flame { 0%, 100% { box-shadow: 0 0 12px var(--fg); } 30% { box-shadow: 0 0 22px 2px var(--fg); } 60% { box-shadow: 0 0 9px var(--fg); } }
@keyframes rw-beat { 0%, 100% { box-shadow: 0 0 8px var(--fg); } 14% { box-shadow: 0 0 22px 3px var(--fg); } 28% { box-shadow: 0 0 10px var(--fg); } 42% { box-shadow: 0 0 18px 2px var(--fg); } }
@keyframes rw-hue { 0% { box-shadow: 0 0 16px #ff0040aa; } 33% { box-shadow: 0 0 16px #34c759aa; } 66% { box-shadow: 0 0 16px #5856ffaa; } 100% { box-shadow: 0 0 16px #ff0040aa; } }
@keyframes rw-twinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes rw-tube { 0%, 100% { opacity: 1; } 47% { opacity: 1; } 50% { opacity: .55; } 53% { opacity: 1; } }

/* ---------- Marcos de foto ---------- */
[data-frame] { --fw: 5px; --bw: 3px; --fg: transparent; isolation: isolate; }
.pv [data-frame] { --fw: 3px; --bw: 2px; }
.rw-av[data-frame] { --fw: 3px; --bw: 0px; }
[data-frame]::before, [data-frame]::after { content: none; position: absolute; box-sizing: border-box; pointer-events: none; }
[data-frame]::before {
  content: ""; z-index: 2;
  inset: calc((var(--bw) + 3px + var(--fw)) * -1);
  padding: var(--fw);
  border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.pf-avatar[data-frame] { box-shadow: 0 0 12px var(--fg); }
.rw-av[data-frame] { box-shadow: 0 0 8px var(--fg); }
[data-frame="acento"]::before { background: var(--accent); }
[data-frame="cobre"]::before { background: conic-gradient(from 30deg, #7a3f1d, #e09a63, #b5683a, #f4c29a, #8a4b2a, #e09a63, #7a3f1d); }
[data-frame="plata"] { --fg: #cbd5e144; }
[data-frame="plata"]::before { background: conic-gradient(from 10deg, #7d8794, #f1f5f9, #aab4c3, #ffffff, #8b97a8, #e2e8f0, #7d8794); }
[data-frame="oro"] { --fg: #f5c24255; }
[data-frame="oro"]::before { background: conic-gradient(from 20deg, #7a5a14, #f7d774, #c9962b, #fff2b0, #a8771a, #f7d774, #7a5a14); }
[data-frame="hojas"] { --fg: #3ddc9733; }
[data-frame="hojas"]::before { background: repeating-conic-gradient(from 8deg, #2f7d3a 0 14deg, #8bd17c 14deg 28deg, #1f5c2b 28deg 42deg, #5fb36a 42deg 56deg); }

[data-frame="brasa"] { --fg: #ff6a00aa; animation: rw-flame 1.3s ease-in-out infinite; }
[data-frame="brasa"]::before { background: conic-gradient(from var(--ang), #ff3d00, #ff9100, #ffd54f, #ff9100, #d50000, #ff3d00); animation: rw-spin 3s linear infinite; }
[data-frame="escarcha"] { --fg: #6ee7ff77; animation: rw-breathe 3.4s ease-in-out infinite; }
[data-frame="escarcha"]::before { background: conic-gradient(from var(--ang), #6ee7ff, #e0faff, #6ee7ff 30%, #1d8fff, #bdf3ff, #6ee7ff); animation: rw-spin 6s linear infinite; }
[data-frame="marea"] { --fg: #00b4d888; animation: rw-breathe 4s ease-in-out infinite; }
[data-frame="marea"]::before { background: conic-gradient(from var(--ang), #0077b6, #00b4d8, #90e0ef, #00b4d8, #0077b6); animation: rw-spin 5s linear infinite reverse; }
[data-frame="sakura"] { --fg: #f472b688; animation: rw-breathe 3.2s ease-in-out infinite; }
[data-frame="sakura"]::before { background: conic-gradient(from var(--ang), #f9a8d4, #fde7f3, #f472b6, #fbcfe8, #f9a8d4); animation: rw-spin 12s linear infinite; }
[data-frame="pixel"] { --fg: #3ddc9744; }
[data-frame="pixel"]::before { background: repeating-conic-gradient(from var(--ang), #3ddc97 0 12deg, #f1f5f9 12deg 24deg); animation: rw-spin 4s steps(15) infinite; }
[data-frame="neon"] { --fg: #00f0ffcc; animation: rw-breathe 1.8s ease-in-out infinite; }
[data-frame="neon"]::before { background: linear-gradient(135deg, #7df9ff, #00e5ff 55%, #b388ff); animation: rw-tube 4s linear infinite; }
[data-frame="toxico"] { --fg: #a3ff1277; animation: rw-breathe 2.6s ease-in-out infinite; }
[data-frame="toxico"]::before { background: conic-gradient(from var(--ang), #a3ff12, #7c3aed, #a3ff12, #16a34a, #7c3aed, #a3ff12); animation: rw-spin 4s linear infinite; }
[data-frame="carmesi"] { --fg: #ff1744aa; animation: rw-beat 2.4s ease-in-out infinite; }
[data-frame="carmesi"]::before { background: conic-gradient(from var(--ang), #7f0000, #ff1744, #7f0000, #3b0000, #ff1744, #7f0000); animation: rw-spin 9s linear infinite; }
[data-frame="galaxia"] { --fg: #7c3aed88; animation: rw-breathe 3.6s ease-in-out infinite; }
[data-frame="galaxia"]::before { background: conic-gradient(from var(--ang), #1e1b4b, #7c3aed, #22d3ee, #f472b6, #4c1d95, #1e1b4b); animation: rw-spin 7s linear infinite; }
[data-frame="galaxia"]::after {
  content: ""; z-index: 3; inset: calc((var(--bw) + 3px + var(--fw)) * -1); padding: var(--fw); border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw));
  background: radial-gradient(circle at 12% 30%, #fff 0 1px, transparent 2px), radial-gradient(circle at 48% 6%, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 86% 36%, #fff 0 1px, transparent 2px), radial-gradient(circle at 70% 94%, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 24% 84%, #fff 0 1px, transparent 2px);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  animation: rw-twinkle 2.2s ease-in-out infinite;
}
[data-frame="prisma"] { animation: rw-hue 6s linear infinite; }
[data-frame="prisma"]::before { background: conic-gradient(from var(--ang), #ff0040, #ff9500, #ffee00, #34c759, #00c7ff, #5856ff, #d946ef, #ff0040); animation: rw-spin 3s linear infinite; }

[data-frame="corona"] { --fg: #f5c24288; animation: rw-breathe 3s ease-in-out infinite; }
[data-frame="corona"]::before { background: conic-gradient(from var(--ang), #7a5a14, #f7d774, #c9962b, #fff2b0, #a8771a, #f7d774, #7a5a14); animation: rw-spin 8s linear infinite; }
[data-frame="corona"]::after {
  content: ""; z-index: 3; left: 50%; width: 52%; aspect-ratio: 100 / 64; transform: translateX(-50%);
  bottom: calc(100% + var(--bw) + 1px); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%3E%20%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23fff2b0'%2F%3E%3Cstop%20offset%3D'.55'%20stop-color%3D'%23f5c242'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23a8771a'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%20%3Cpath%20d%3D'M6%2058%20L10%2016%20L32%2038%20L50%208%20L68%2038%20L90%2016%20L94%2058%20Z'%20fill%3D'url(%23g)'%20stroke%3D'%235a3d00'%20stroke-width%3D'3'%20stroke-linejoin%3D'round'%2F%3E%20%3Cpath%20d%3D'M8%2052%20H92'%20stroke%3D'%235a3d00'%20stroke-width%3D'2.5'%20opacity%3D'.6'%2F%3E%20%3Ccircle%20cx%3D'10'%20cy%3D'13'%20r%3D'5'%20fill%3D'%23ff4d6d'%20stroke%3D'%235a3d00'%20stroke-width%3D'1.5'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'6'%20r%3D'5.5'%20fill%3D'%2338bdf8'%20stroke%3D'%235a3d00'%20stroke-width%3D'1.5'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'13'%20r%3D'5'%20fill%3D'%23ff4d6d'%20stroke%3D'%235a3d00'%20stroke-width%3D'1.5'%2F%3E%20%3C%2Fsvg%3E") center / contain no-repeat; filter: drop-shadow(0 2px 3px #0008);
}

/* Aureola: aro de luz inclinado que flota sobre la cabeza, con un brillo que respira. El marco es un anillo blanco dorado. */
@keyframes rw-aura { 0%, 100% { filter: drop-shadow(0 0 4px #ffe9a0aa); } 50% { filter: drop-shadow(0 -2px 11px #ffe9a0); } }
@keyframes rw-bob { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(-6deg); } 50% { transform: translateX(-50%) translateY(-3px) rotate(-3deg); } }
[data-frame="aureola"] { --fg: #ffe9a066; animation: rw-aura 4s ease-in-out infinite; }
[data-frame="aureola"]::before { background: conic-gradient(from var(--ang), #fffdf2, #ffe9a3, #ffffff, #ffd86b, #fffdf2, #fff1c2, #fffdf2); animation: rw-spin 14s linear infinite; }
[data-frame="aureola"]::after {
  content: ""; z-index: 3; left: 50%; width: 66%; height: 21%; bottom: calc(100% + var(--bw) + 8px); transform: translateX(-50%) rotate(-6deg);
  padding: max(3px, calc(var(--fw) * .9)); border-radius: 50%;
  background: conic-gradient(from var(--ang), #fff8d6, #ffd24d, #fffef5, #f5b82e, #fff8d6);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: rw-spin 6s linear infinite, rw-bob 3.4s ease-in-out infinite;
}

/* Caramelo: anillo de rayas pastel y un corazón. Hace juego con «Algodón de azúcar» y la portada «Confites». */
@keyframes rw-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
[data-frame="caramelo"] { --fg: #ff9ac877; animation: rw-breathe 3.6s ease-in-out infinite; }
[data-frame="caramelo"]::before { background: repeating-conic-gradient(from var(--ang), #ff8fc1 0 10deg, #ffffff 10deg 20deg, #ffc4df 20deg 30deg, #ffffff 30deg 40deg); animation: rw-spin 12s linear infinite; }
[data-frame="caramelo"]::after {
  content: ""; z-index: 3; top: calc((var(--bw) + var(--fw) + 5px) * -1); right: calc((var(--bw) + var(--fw) + 5px) * -1); width: 30%; aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%20%3Cstop%20offset='0'%20stop-color='%23ffb3d4'/%3E%3Cstop%20offset='1'%20stop-color='%23ff4f9a'/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Cpath%20d='M12%2021.3%2010.6%2020C5.4%2015.4%202%2012.3%202%208.5%202%205.4%204.4%203%207.5%203c1.7%200%203.4.8%204.5%202.1C13.100%203.800%2014.800%203%2016.500%203%2019.600%203%2022%205.400%2022%208.500c0%203.800-3.400%206.900-8.600%2011.500z'%20fill='url%28%23g%29'%20stroke='%23fff'%20stroke-width='1.600'%20stroke-linejoin='round'/%3E%3Cpath%20d='M6.500%207.200c.8-.9%201.900-1.100%202.800-.6'%20fill='none'%20stroke='%23fff'%20stroke-width='1.300'%20stroke-linecap='round'%20opacity='.9'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 1px 2px #0005); animation: rw-pulse 1.8s ease-in-out infinite;
}

/* Enredadera: anillo de musgo y oro con luciérnagas. Hace juego con «Bosque» (nombre y portada). */
[data-frame="enredadera"] { --fg: #9be15d66; animation: rw-breathe 4.4s ease-in-out infinite; }
[data-frame="enredadera"]::before { background: conic-gradient(from var(--ang), #14532d, #4ade80, #d9f99d, #166534, #facc15, #15803d, #14532d); animation: rw-spin 16s linear infinite; }
[data-frame="enredadera"]::after {
  content: ""; z-index: 3; inset: calc((var(--bw) + 3px + var(--fw)) * -1); padding: var(--fw); border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw));
  background: radial-gradient(circle at 14% 26%, #fbffc4 0 1.4px, #d4f35a77 2.2px, transparent 4.5px), radial-gradient(circle at 52% 4%, #fbffc4 0 1.4px, #d4f35a77 2.2px, transparent 4.5px),
    radial-gradient(circle at 90% 40%, #fbffc4 0 1.4px, #d4f35a77 2.2px, transparent 4.5px), radial-gradient(circle at 64% 96%, #fbffc4 0 1.4px, #d4f35a77 2.2px, transparent 4.5px),
    radial-gradient(circle at 20% 82%, #fbffc4 0 1.4px, #d4f35a77 2.2px, transparent 4.5px);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: rw-twinkle 2.8s ease-in-out infinite;
}

/* Circuito: doble anillo de segmentos cian y magenta, uno gira para cada lado. Hace juego con «Cibernético» y la portada «Circuito». */
[data-frame="circuito"] { --fg: #00f0ff88; animation: rw-breathe 2.2s ease-in-out infinite; }
[data-frame="circuito"]::before { background: repeating-conic-gradient(from var(--ang), #00f0ff 0 16deg, transparent 16deg 20deg, #ff2bd6 20deg 36deg, transparent 36deg 40deg); animation: rw-spin 7s linear infinite; }
[data-frame="circuito"]::after {
  content: ""; z-index: 3; inset: calc((var(--bw) + 3px + var(--fw) + 4px) * -1); padding: 1px; border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw) + 4px);
  background: repeating-conic-gradient(from var(--ang), #7df9ff 0 6deg, transparent 6deg 15deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: rw-spin 11s linear infinite reverse;
}

/* Cuero: anillo de cuero curtido con costura. Hace juego con «Oeste» y la portada «Dunas». */
[data-frame="cuero"] { --fg: #00000000; }
[data-frame="cuero"]::before { background: linear-gradient(135deg, #a5693a, #6b3d1c 45%, #8e5429 70%, #4e2a12); }
[data-frame="cuero"]::after {
  content: ""; z-index: 3; inset: calc((var(--bw) + 3px + var(--fw) * .5 + 1px) * -1); padding: 2px; border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw) * .5 + 1px);
  background: repeating-conic-gradient(#f3dcaa 0 4deg, transparent 4deg 9deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
}

/* Calabaza tallada: anillo de gajos naranjas con luz de vela y una calabaza que sonríe en la esquina. Hace juego con «Maleficio», la portada «Cementerio» y la paleta «Noche de brujas». */
[data-frame="calabaza"] { --fg: #ff7a1a99; animation: rw-flame 1.9s ease-in-out infinite; }
[data-frame="calabaza"]::before { background: repeating-conic-gradient(from var(--ang), #ff8a1f 0 13deg, #ffb347 13deg 22deg, #b53a08 22deg 30deg, #3b0764 30deg 33deg); animation: rw-spin 24s linear infinite; }
[data-frame="calabaza"]::after {
  content: ""; z-index: 3; top: calc((var(--bw) + var(--fw) + 6px) * -1); right: calc((var(--bw) + var(--fw) + 6px) * -1); width: 32%; aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%20%3Cpath%20d='M12%207C12%204.8%2012.9%203.4%2014.8%202.6'%20fill='none'%20stroke='%2365a30d'%20stroke-width='2.2'%20stroke-linecap='round'/%3E%20%3Cellipse%20cx='7.4'%20cy='14.2'%20rx='5.8'%20ry='7.2'%20fill='%23c2410c'/%3E%3Cellipse%20cx='16.6'%20cy='14.2'%20rx='5.8'%20ry='7.2'%20fill='%23c2410c'/%3E%20%3Cellipse%20cx='12'%20cy='14.2'%20rx='5.4'%20ry='7.8'%20fill='%23ff8a1f'/%3E%20%3Cpath%20d='M8.6%2011.4l2.1%203.1H6.5zM15.4%2011.4l2.1%203.1h-4.2z'%20fill='%23ffe066'/%3E%20%3Cpath%20d='M7.6%2017.2l1.7%201.9%201.4-1.9%201.3%202%201.3-2%201.4%201.9%201.7-1.9'%20fill='none'%20stroke='%23ffe066'%20stroke-width='1.4'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%20%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 0 4px #ff7a1aaa) drop-shadow(0 1px 2px #0006); animation: rw-pulse 2.4s ease-in-out infinite;
}

.rw-av { position: relative; display: block; width: 2.6rem; height: 2.6rem; margin: .45rem auto; background: var(--bg-deep); border-radius: 8px; }
.rw-av[data-frame="corona"], .rw-av[data-frame="aureola"] { margin-top: 1.1rem; }

/* ---------- Efectos de nombre ---------- */
[data-fx] { display: inline-block; padding: .05em 0; font-synthesis: none; line-height: 1.15; }
.pf-head [data-fx] { letter-spacing: 0; }
[data-fx="plata"], [data-fx="oro"], [data-fx="brasa"], [data-fx="escarcha"], [data-fx="arcoiris"], [data-fx="veneno"], [data-fx="sakura"], [data-fx="sangre"], [data-fx="aurora"], [data-fx="holograma"], [data-fx="galaxia"] {
  color: transparent; -webkit-background-clip: text; background-clip: text;
}
[data-fx="plata"] { background-image: linear-gradient(180deg, #ffffff, #d5dde8 45%, #8b97a8 55%, #eef2f7); }
[data-fx="contorno"] { color: transparent; -webkit-text-stroke: 1.5px var(--ink); letter-spacing: .03em; }
[data-fx="sombra"] { color: var(--text); text-shadow: 2px 2px 0 var(--accent), 4px 4px 0 color-mix(in srgb, var(--accent) 40%, transparent); }
[data-fx="oro"] { background-image: linear-gradient(180deg, #fff2b0, #f5c242 42%, #b8860b 58%, #ffe08a); filter: drop-shadow(0 1px 0 #5a3d0099); }
[data-fx="neon-rosa"] { color: #ffe3f6; text-shadow: 0 0 4px #fff, 0 0 10px #ff2bd6, 0 0 22px #ff2bd6, 0 0 40px #b300ff; }
[data-fx="matrix"] { color: #7dff9b; text-shadow: 0 0 6px #00ff6a, 0 0 14px #00c853; animation: rw-tube 3s steps(1) infinite; }
[data-fx="arcoiris"] { background-image: linear-gradient(90deg, #ff0040, #ff9500, #ffee00, #34c759, #00c7ff, #5856ff, #d946ef, #ff0040); background-size: 200% 100%; animation: rw-slide 4s linear infinite; }
[data-fx="veneno"] { background-image: linear-gradient(90deg, #b6ff00, #16a34a, #8b5cf6, #b6ff00); background-size: 200% 100%; filter: drop-shadow(0 0 5px #84cc1688); animation: rw-slide 3s linear infinite; }
[data-fx="sakura"] { background-image: linear-gradient(90deg, #fbcfe8, #f472b6, #fde7f3, #f9a8d4, #fbcfe8); background-size: 200% 100%; filter: drop-shadow(0 0 6px #f472b688); animation: rw-slide 6s linear infinite, rw-float 4s ease-in-out infinite; font-size: 1.12em; }
[data-fx="brasa"] { background-image: linear-gradient(0deg, #ff1a00, #ff7a00 40%, #ffd000 78%, #fff3a0); background-size: 100% 200%; filter: drop-shadow(0 0 6px #ff5500aa); animation: rw-flicker 1.2s ease-in-out infinite; }
@keyframes rw-flicker { 0%, 100% { background-position: 0 0; filter: drop-shadow(0 0 5px #ff5500aa); } 50% { background-position: 0 40%; filter: drop-shadow(0 0 10px #ff8800cc); } }
[data-fx="escarcha"] { background-image: linear-gradient(100deg, #8fdcff 0 40%, #ffffff 50%, #8fdcff 60% 100%); background-size: 250% 100%; background-position: 100% 0; filter: drop-shadow(0 0 5px #7dd3fc88); animation: rw-sweep 3.5s ease-in-out infinite; }
@keyframes rw-sweep { to { background-position: -50% 0; } }
[data-fx="neon-pulso"] { color: #d9fdff; text-shadow: 0 0 6px #00e5ff, 0 0 16px #00e5ff; animation: rw-neon 1.8s ease-in-out infinite; }
@keyframes rw-neon { 50% { text-shadow: 0 0 3px #00e5ff, 0 0 8px #00e5ff; color: #a5f3fc; } }
[data-fx="glitch"] { position: relative; color: var(--text); font-size: .74em; text-shadow: 1px 0 #ff2a6d88, -1px 0 #05d9e888; animation: rw-glitch-base 3.6s infinite; }
[data-fx="glitch"]::before, [data-fx="glitch"]::after { content: attr(data-t); position: absolute; left: 0; top: 0; padding: inherit; font: inherit; letter-spacing: inherit; line-height: inherit; white-space: nowrap; opacity: 0; pointer-events: none; }
[data-fx="glitch"]::before { color: #ff2a6d; animation: rw-glitch-a 3.6s infinite; }
[data-fx="glitch"]::after { color: #05d9e8; animation: rw-glitch-b 3.6s infinite; }
/* Casi todo el ciclo el nombre está quieto (solo con el borde de color); la falla dura una fracción de segundo */
@keyframes rw-glitch-base { 0%, 85%, 100% { transform: none; } 87% { transform: translateX(1px) skewX(-5deg); } 90% { transform: translateX(-1px) skewX(4deg); } 93% { transform: none; } }
@keyframes rw-glitch-a { 0%, 85%, 99%, 100% { opacity: 0; transform: none; } 86% { opacity: 1; transform: translate(-3px, 0); clip-path: inset(6% 0 64% 0); } 89% { opacity: 1; transform: translate(3px, 0); clip-path: inset(46% 0 26% 0); } 92% { opacity: 1; transform: translate(-2px, 0); clip-path: inset(22% 0 48% 0); } 95% { opacity: 1; transform: translate(2px, 0); clip-path: inset(68% 0 6% 0); } 97% { opacity: 0; } }
@keyframes rw-glitch-b { 0%, 85%, 99%, 100% { opacity: 0; transform: none; } 87% { opacity: 1; transform: translate(3px, 0); clip-path: inset(58% 0 14% 0); } 90% { opacity: 1; transform: translate(-3px, 0); clip-path: inset(12% 0 60% 0); } 93% { opacity: 1; transform: translate(2px, 0); clip-path: inset(40% 0 34% 0); } 96% { opacity: 1; transform: translate(-2px, 0); clip-path: inset(0 0 74% 0); } 98% { opacity: 0; } }
[data-fx="sangre"] { background-image: linear-gradient(180deg, #ff3b3b, #8a0000 65%, #3b0000); filter: drop-shadow(0 0 4px #b0000088); animation: rw-bleed 3s ease-in-out infinite; }
@keyframes rw-bleed { 50% { filter: drop-shadow(0 0 9px #ff000099); } }
[data-fx="aurora"] { background-image: linear-gradient(90deg, #34d399, #22d3ee, #a78bfa, #f472b6, #34d399); background-size: 200% 100%; filter: drop-shadow(0 0 5px #22d3ee66); animation: rw-slide 5s linear infinite; font-size: 1.08em; }
[data-fx="holograma"] { background-image: linear-gradient(115deg, #7dd3fc, #c4b5fd 25%, #f0abfc 50%, #67e8f9 75%, #7dd3fc); background-size: 300% 100%; filter: drop-shadow(0 0 5px #a5f3fc88); animation: rw-slide 4s linear infinite; font-size: .9em; }
[data-fx="galaxia"] {
  background-image: radial-gradient(circle at 12% 40%, #fff 0 1px, transparent 2px), radial-gradient(circle at 44% 70%, #fff 0 1px, transparent 2px), radial-gradient(circle at 78% 30%, #fff 0 1.5px, transparent 2.5px), linear-gradient(90deg, #6d28d9, #22d3ee, #f472b6, #7c3aed, #6d28d9);
  background-size: 100% 100%, 100% 100%, 100% 100%, 300% 100%; filter: drop-shadow(0 0 5px #7c3aed99); animation: rw-galaxy 7s linear infinite; font-size: .92em;
}
@keyframes rw-galaxy { to { background-position: 0 0, 0 0, 0 0, 300% 0; } }


/* ---------- Efectos de nombre nuevos (v10) ---------- */
[data-fx="luz"], [data-fx="algodon"], [data-fx="bosque"], [data-fx="oeste"] { color: transparent; -webkit-background-clip: text; background-clip: text; }
/* Luz divina: blanco cálido con un barrido dorado y resplandor */
[data-fx="luz"] { background-image: linear-gradient(100deg, #fff1b8 0 38%, #ffffff 50%, #ffd76a 62%, #fff1b8 100% ); background-size: 260% 100%; background-position: 100% 0;
  filter: drop-shadow(0 0 6px #ffe9a0cc); animation: rw-sweep 4.2s ease-in-out infinite; }
/* Algodón de azúcar: degradado pastel con borde blanco suave */
[data-fx="algodon"] { background-image: linear-gradient(90deg, #ff9ccf, #c9a8ff, #9ad8ff, #ffb3dc, #ff9ccf); background-size: 220% 100%;
  filter: drop-shadow(0 1.5px 0 #fff) drop-shadow(0 0 5px #ff9ccf99); animation: rw-slide 7s linear infinite; font-size: 1.1em; }
/* Bosque: verdes y oro viejo con una sombra profunda */
[data-fx="bosque"] { background-image: linear-gradient(90deg, #d9f99d, #4ade80, #facc15, #22c55e, #d9f99d); background-size: 240% 100%;
  filter: drop-shadow(0 1px 0 #052e16) drop-shadow(0 0 5px #4ade8066); animation: rw-slide 9s linear infinite; font-size: 1.12em; }
/* Cibernético: cian con falla cromática y parpadeo de tubo */
[data-fx="cyber"] { color: #e9fdff; text-shadow: 2px 0 #ff2bd6, -2px 0 #00f0ff, 0 0 10px #00f0ff88; animation: rw-tube 3.4s linear infinite; font-size: .8em; letter-spacing: .02em; }
/* Oeste: letras de oro viejo estampadas, con sombra dura */
[data-fx="oeste"] { background-image: linear-gradient(180deg, #f6dca0, #d19a4a 48%, #8a5522 52%, #d9a55a); filter: drop-shadow(1px 1px 0 #3b2008) drop-shadow(2px 2px 0 #3b200899); letter-spacing: .02em; }
/* Gótico: blanco hueso con una sombra roja que late */
@keyframes rw-ember { 50% { text-shadow: 0 2px 0 #5c0a14, 0 0 16px #ff2a4dcc; } }
[data-fx="gotico"] { color: #f6efe6; text-shadow: 0 2px 0 #5c0a14, 0 0 8px #b3122d99; animation: rw-ember 3.2s ease-in-out infinite; font-size: 1.12em; }
/* Chicle: relleno rosa claro y contorno grueso con relieve, como un cartel de historieta */
@keyframes rw-pop { 0%, 100% { transform: rotate(-2deg) scale(1); } 50% { transform: rotate(1deg) scale(1.05); } }
[data-fx="chicle"] { color: #ffe3f1; text-shadow: -2px -2px 0 #ff3d8b, 2px -2px 0 #ff3d8b, -2px 2px 0 #ff3d8b, 2px 2px 0 #ff3d8b, 0 -2px 0 #ff3d8b, 0 2px 0 #ff3d8b, -2px 0 0 #ff3d8b, 2px 0 0 #ff3d8b, 0 5px 0 #b3175f;
  animation: rw-pop 2.6s ease-in-out infinite; margin: 0 .12em; }
/* Terminal: fósforo ámbar con cursor */
@keyframes rw-caret { 50% { opacity: 0; } }
[data-fx="terminal"] { color: #ffb000; text-shadow: 0 0 6px #ff9d00bb, 0 0 14px #ff9d0055; font-size: 1.18em; }
[data-fx="terminal"]::after { content: "_"; margin-left: .05em; animation: rw-caret 1s steps(1) infinite; }

/* Maleficio: letra chorreante de naranja encendido, sombra violeta y un parpadeo de vela. Hace juego con la «Calabaza tallada» y la portada «Cementerio». */
@keyframes rw-candle { 0%, 100% { opacity: 1; } 9% { opacity: .78; } 12% { opacity: 1; } 47% { opacity: 1; } 50% { opacity: .66; } 53% { opacity: 1; } 76% { opacity: .86; } 79% { opacity: 1; } }
[data-fx="maleficio"] { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(180deg, #ffe08a, #ff9a1f 48%, #e0480a);
  filter: drop-shadow(0 2px 0 #3b0764) drop-shadow(0 0 7px #ff7a1a99); animation: rw-candle 3.8s linear infinite; font-size: .66em; letter-spacing: .02em; }

/* ---------- Portadas ---------- */
[data-cover] { background-repeat: no-repeat; }
[data-cover="atardecer"] { background: radial-gradient(circle at 70% 112%, #ffe29a 0 11%, #ff8a5c 12% 20%, transparent 42%), linear-gradient(180deg, #2a1b5c, #7b2d8e 42%, #ff6a88 76%, #ffb26b); }
[data-cover="montanas"] { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201000%20200'%20preserveAspectRatio%3D'none'%3E%20%3Cpath%20fill%3D'%237d8fba'%20d%3D'M0%20120%20L90%2066%20L170%20108%20L260%2048%20L360%20104%20L450%2058%20L560%20114%20L650%2052%20L760%20108%20L860%2062%20L1000%20104%20V200%20H0Z'%2F%3E%20%3Cpath%20fill%3D'%23566b9c'%20d%3D'M0%20150%20L110%2096%20L200%20138%20L310%2084%20L420%20140%20L540%2090%20L640%20142%20L760%2092%20L880%20140%20L1000%20100%20V200%20H0Z'%2F%3E%20%3Cpath%20fill%3D'%232c3d68'%20d%3D'M0%20178%20L80%20140%20L190%20172%20L300%20130%20L420%20176%20L520%20146%20L650%20180%20L780%20136%20L900%20176%20L1000%20150%20V200%20H0Z'%2F%3E%20%3Cpath%20fill%3D'%23ffffff'%20opacity%3D'.55'%20d%3D'M260%2048%20L238%2074%20L252%2070%20L262%2080%20L272%2068%20L286%2074Z%20M650%2052%20L630%2078%20L642%2074%20L652%2084%20L662%2072%20L676%2078Z'%2F%3E%20%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat, linear-gradient(180deg, #8fb4ff, #ffe8d6 85%); }
[data-cover="ciudad"] { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201000%20200'%20preserveAspectRatio%3D'none'%3E%20%3Cg%20opacity%3D'.9'%3E%3Crect%20x%3D'0'%20y%3D'96'%20width%3D'25'%20height%3D'104'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'14'%20y%3D'181'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'28'%20y%3D'152'%20width%3D'62'%20height%3D'48'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'42'%20y%3D'193'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'93'%20y%3D'157'%20width%3D'66'%20height%3D'43'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'162'%20y%3D'95'%20width%3D'56'%20height%3D'105'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'203'%20y%3D'114'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'167'%20y%3D'125'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'185'%20y%3D'125'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'176'%20y%3D'158'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'185'%20y%3D'158'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'194'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'203'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'185'%20y%3D'191'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'221'%20y%3D'113'%20width%3D'51'%20height%3D'87'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'262'%20y%3D'121'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'253'%20y%3D'132'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'253'%20y%3D'143'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'275'%20y%3D'91'%20width%3D'70'%20height%3D'109'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'280'%20y%3D'132'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'289'%20y%3D'143'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'280'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'316'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'325'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'334'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'280'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'348'%20y%3D'118'%20width%3D'34'%20height%3D'82'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'362'%20y%3D'126'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'353'%20y%3D'148'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'371'%20y%3D'148'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'362'%20y%3D'159'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'385'%20y%3D'126'%20width%3D'43'%20height%3D'74'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'408'%20y%3D'167'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'417'%20y%3D'189'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'431'%20y%3D'116'%20width%3D'61'%20height%3D'84'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'436'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'454'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'472'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'481'%20y%3D'168'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'436'%20y%3D'179'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'495'%20y%3D'153'%20width%3D'52'%20height%3D'47'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'500'%20y%3D'161'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'500'%20y%3D'183'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'550'%20y%3D'96'%20width%3D'29'%20height%3D'104'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'555'%20y%3D'181'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'582'%20y%3D'141'%20width%3D'69'%20height%3D'59'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'596'%20y%3D'149'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'587'%20y%3D'160'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'596'%20y%3D'160'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'605'%20y%3D'182'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'605'%20y%3D'193'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'654'%20y%3D'157'%20width%3D'30'%20height%3D'43'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'659'%20y%3D'165'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'677'%20y%3D'165'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'668'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'687'%20y%3D'131'%20width%3D'54'%20height%3D'69'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'692'%20y%3D'139'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'744'%20y%3D'114'%20width%3D'63'%20height%3D'86'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'785'%20y%3D'122'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'749'%20y%3D'133'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'758'%20y%3D'188'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'810'%20y%3D'133'%20width%3D'40'%20height%3D'67'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'833'%20y%3D'141'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'815'%20y%3D'152'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'842'%20y%3D'152'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'853'%20y%3D'152'%20width%3D'56'%20height%3D'48'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'876'%20y%3D'171'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'912'%20y%3D'139'%20width%3D'68'%20height%3D'61'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'917'%20y%3D'147'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'962'%20y%3D'147'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'917'%20y%3D'169'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'962'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'926'%20y%3D'191'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'971'%20y%3D'191'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'983'%20y%3D'116'%20width%3D'44'%20height%3D'84'%20fill%3D'%232b0a55'%2F%3E%3Crect%20x%3D'988'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'997'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'1006'%20y%3D'157'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'1015'%20y%3D'179'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3Crect%20x%3D'1015'%20y%3D'190'%20width%3D'4'%20height%3D'5'%20fill%3D'%237a3fd1'%2F%3E%3C%2Fg%3E%3Crect%20x%3D'0'%20y%3D'112'%20width%3D'26'%20height%3D'88'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'5'%20y%3D'153'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'14'%20y%3D'164'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'29'%20y%3D'115'%20width%3D'32'%20height%3D'85'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'34'%20y%3D'134'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'43'%20y%3D'134'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'34'%20y%3D'167'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'43'%20y%3D'167'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'52'%20y%3D'178'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'43'%20y%3D'189'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'64'%20y%3D'163'%20width%3D'44'%20height%3D'37'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'69'%20y%3D'171'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'87'%20y%3D'171'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'96'%20y%3D'171'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'111'%20y%3D'168'%20width%3D'25'%20height%3D'32'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'116'%20y%3D'176'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'116'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'139'%20y%3D'160'%20width%3D'55'%20height%3D'40'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'144'%20y%3D'179'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'197'%20y%3D'128'%20width%3D'69'%20height%3D'72'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'211'%20y%3D'147'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'202'%20y%3D'158'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'229'%20y%3D'158'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'247'%20y%3D'158'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'238'%20y%3D'169'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'202'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'211'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'247'%20y%3D'180'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'220'%20y%3D'191'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'247'%20y%3D'191'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'269'%20y%3D'158'%20width%3D'27'%20height%3D'42'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'283'%20y%3D'166'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'274'%20y%3D'188'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'299'%20y%3D'148'%20width%3D'38'%20height%3D'52'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'322'%20y%3D'156'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'304'%20y%3D'167'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'322'%20y%3D'167'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'304'%20y%3D'178'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'340'%20y%3D'160'%20width%3D'27'%20height%3D'40'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'345'%20y%3D'168'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'345'%20y%3D'179'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'354'%20y%3D'179'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'354'%20y%3D'190'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'370'%20y%3D'168'%20width%3D'53'%20height%3D'32'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'375'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'402'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'426'%20y%3D'132'%20width%3D'54'%20height%3D'68'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'458'%20y%3D'140'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'449'%20y%3D'162'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'458'%20y%3D'162'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'440'%20y%3D'173'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'449'%20y%3D'173'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'458'%20y%3D'173'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'483'%20y%3D'151'%20width%3D'63'%20height%3D'49'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'515'%20y%3D'159'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'524'%20y%3D'159'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'497'%20y%3D'170'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'506'%20y%3D'170'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'524'%20y%3D'181'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'549'%20y%3D'120'%20width%3D'40'%20height%3D'80'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'554'%20y%3D'128'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'581'%20y%3D'128'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'554'%20y%3D'139'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'572'%20y%3D'150'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'572'%20y%3D'161'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'581'%20y%3D'161'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'563'%20y%3D'172'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'581'%20y%3D'172'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'572'%20y%3D'183'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'592'%20y%3D'136'%20width%3D'36'%20height%3D'64'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'606'%20y%3D'166'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'606'%20y%3D'177'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'631'%20y%3D'169'%20width%3D'41'%20height%3D'31'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'636'%20y%3D'177'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'645'%20y%3D'177'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'645'%20y%3D'188'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'663'%20y%3D'188'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'675'%20y%3D'125'%20width%3D'41'%20height%3D'75'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'698'%20y%3D'133'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'698'%20y%3D'144'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'707'%20y%3D'155'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'719'%20y%3D'130'%20width%3D'54'%20height%3D'70'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'733'%20y%3D'138'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'751'%20y%3D'138'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'760'%20y%3D'138'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'724'%20y%3D'149'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'760'%20y%3D'149'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'733'%20y%3D'160'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'751'%20y%3D'160'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'760'%20y%3D'171'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'724'%20y%3D'182'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'733'%20y%3D'182'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'724'%20y%3D'193'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'776'%20y%3D'122'%20width%3D'26'%20height%3D'78'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'790'%20y%3D'174'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'781'%20y%3D'185'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'805'%20y%3D'144'%20width%3D'58'%20height%3D'56'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'810'%20y%3D'152'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'846'%20y%3D'174'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'819'%20y%3D'185'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'855'%20y%3D'185'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'866'%20y%3D'146'%20width%3D'28'%20height%3D'54'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'871'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'880'%20y%3D'154'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'871'%20y%3D'176'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'871'%20y%3D'187'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'897'%20y%3D'114'%20width%3D'50'%20height%3D'86'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'920'%20y%3D'122'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'920'%20y%3D'133'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'902'%20y%3D'144'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'938'%20y%3D'166'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'902'%20y%3D'188'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ff9de2'%2F%3E%3Crect%20x%3D'950'%20y%3D'143'%20width%3D'56'%20height%3D'57'%20fill%3D'%2310002a'%2F%3E%3Crect%20x%3D'964'%20y%3D'151'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'991'%20y%3D'151'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'955'%20y%3D'162'%20width%3D'4'%20height%3D'5'%20fill%3D'%237df9ff'%2F%3E%3Crect%20x%3D'964'%20y%3D'173'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3Crect%20x%3D'964'%20y%3D'184'%20width%3D'4'%20height%3D'5'%20fill%3D'%23ffe66d'%2F%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat, radial-gradient(circle at 82% 26%, #fff6c8 0 4%, transparent 4.6%), linear-gradient(180deg, #0a0020, #3a0f6b 55%, #ff2bd6 130%); }
[data-cover="aurora"] {
  background: radial-gradient(ellipse 60% 90% at 20% 100%, #34d399aa, transparent 70%), radial-gradient(ellipse 50% 80% at 60% 100%, #8b5cf6aa, transparent 70%), radial-gradient(ellipse 50% 100% at 90% 100%, #22d3eeaa, transparent 70%), linear-gradient(180deg, #050b1e, #0b2140);
  background-size: 200% 100%, 200% 100%, 200% 100%, 100% 100%; animation: rw-aurora 11s ease-in-out infinite alternate;
}
@keyframes rw-aurora { from { background-position: 0% 0, 100% 0, 50% 0, 0 0; } to { background-position: 100% 0, 0% 0, 0% 0, 0 0; } }
[data-cover="olas"] { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20240%2060'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill%3D'%23ffffff'%20fill-opacity%3D'.28'%20d%3D'M0%2030%20Q60%20-2%20120%2030%20T240%2030%20V60%20H0Z'%2F%3E%3C%2Fsvg%3E") repeat-x 0 100% / 240px 55%, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20360%2060'%20preserveAspectRatio%3D'none'%3E%3Cpath%20fill%3D'%2303045e'%20fill-opacity%3D'.38'%20d%3D'M0%2034%20Q90%202%20180%2034%20T360%2034%20V60%20H0Z'%2F%3E%3C%2Fsvg%3E") repeat-x 0 100% / 360px 75%, linear-gradient(180deg, #0b3d91, #00b4d8 90%); animation: rw-waves 7s linear infinite; }
@keyframes rw-waves { to { background-position: 240px 100%, -360px 100%, 0 0; } }
[data-cover="nieve"] {
  background: radial-gradient(2px 2px at 20px 30px, #fff, transparent), radial-gradient(2px 2px at 90px 80px, #fff, transparent), radial-gradient(1.5px 1.5px at 60px 120px, #ffffffcc, transparent),
    radial-gradient(2.5px 2.5px at 40px 60px, #fff, transparent), radial-gradient(2px 2px at 140px 20px, #ffffffcc, transparent), radial-gradient(3px 3px at 80px 110px, #fff, transparent), linear-gradient(180deg, #0b1e3a, #3b6ea5);
  background-size: 120px 140px, 120px 140px, 120px 140px, 200px 220px, 200px 220px, 300px 260px, 100% 100%; animation: rw-snow 6s linear infinite;
}
@keyframes rw-snow { to { background-position: 14px 140px, 14px 140px, 14px 140px, -18px 220px, -18px 220px, 22px 260px, 0 0; } }
[data-cover="lluvia"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'64'%20height%3D'190'%20viewBox%3D'0%200%2064%20190'%3E%3Cdefs%3E%3ClinearGradient%20id%3D't'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%2300ff6a'%20stop-opacity%3D'0'%2F%3E%3Cstop%20offset%3D'.8'%20stop-color%3D'%2300ff6a'%20stop-opacity%3D'.75'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23d6ffe3'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'6'%20y%3D'10'%20width%3D'2'%20height%3D'120'%20fill%3D'url(%23t)'%2F%3E%3Crect%20x%3D'30'%20y%3D'70'%20width%3D'2'%20height%3D'110'%20fill%3D'url(%23t)'%2F%3E%3Crect%20x%3D'52'%20y%3D'20'%20width%3D'2'%20height%3D'70'%20fill%3D'url(%23t)'%2F%3E%3C%2Fsvg%3E") 0 0 / 64px 190px repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'96'%20height%3D'260'%20viewBox%3D'0%200%2096%20260'%3E%3Cdefs%3E%3ClinearGradient%20id%3D't'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%2300ff6a'%20stop-opacity%3D'0'%2F%3E%3Cstop%20offset%3D'.8'%20stop-color%3D'%2300ff6a'%20stop-opacity%3D'.75'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23d6ffe3'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D'14'%20y%3D'100'%20width%3D'2'%20height%3D'140'%20fill%3D'url(%23t)'%2F%3E%3Crect%20x%3D'58'%20y%3D'20'%20width%3D'2'%20height%3D'90'%20fill%3D'url(%23t)'%2F%3E%3Crect%20x%3D'82'%20y%3D'150'%20width%3D'2'%20height%3D'100'%20fill%3D'url(%23t)'%2F%3E%3C%2Fsvg%3E") 20px 40px / 96px 260px repeat, repeating-linear-gradient(90deg, transparent 0 15px, #00ff6a10 15px 16px), #00140a;
  animation: rw-code 3.2s linear infinite;
}
@keyframes rw-code { to { background-position: 0 190px, 20px 300px, 0 0, 0 0; } }
[data-cover="brasas"] {
  background: radial-gradient(2px 2px at 30px 40px, #ffb347, transparent), radial-gradient(2px 2px at 100px 110px, #ff7a00, transparent), radial-gradient(3px 3px at 60px 80px, #ffd27f, transparent), radial-gradient(2px 2px at 150px 30px, #ff9a3c, transparent),
    radial-gradient(ellipse at 50% 130%, #ff5a00cc, transparent 62%), linear-gradient(180deg, #120400, #2b0a00);
  background-size: 140px 160px, 140px 160px, 220px 200px, 220px 200px, 100% 100%, 100% 100%; animation: rw-embers 5s linear infinite;
}
@keyframes rw-embers { to { background-position: 10px -160px, 10px -160px, -16px -200px, -16px -200px, 0 0, 0 0; } }
[data-cover="nebulosa"] {
  background: radial-gradient(1.5px 1.5px at 20px 30px, #fff, transparent), radial-gradient(1px 1px at 90px 70px, #fff, transparent), radial-gradient(2px 2px at 140px 110px, #e9d5ff, transparent), radial-gradient(1px 1px at 60px 130px, #fff, transparent),
    radial-gradient(ellipse at 28% 40%, #5b21b688, transparent 60%), radial-gradient(ellipse at 76% 60%, #0e749088, transparent 55%), linear-gradient(#05030f, #0b0720);
  background-size: 180px 150px, 180px 150px, 260px 190px, 260px 190px, 100% 100%, 100% 100%, 100% 100%; animation: rw-drift 40s linear infinite;
}
@keyframes rw-drift { to { background-position: -180px 0, -180px 0, -260px 0, -260px 0, 0 0, 0 0, 0 0; } }
/* Retrowave: cielo con estrellas, sol con cortes y un piso en perspectiva. El piso es un plano 3D que se desplaza solo con transform
   (no vuelve a pintar nada en cada cuadro). Todo se mide con la altura de la portada (cqh), así se ve igual en grande y en miniatura. */
[data-cover="retro"] {
  position: relative; overflow: hidden; isolation: isolate; container-type: size; perspective: 90cqh; perspective-origin: 50% 92%;
  background:
    radial-gradient(1px 1px at 9% 12%, #fff, transparent), radial-gradient(1px 1px at 23% 26%, #ffffffaa, transparent), radial-gradient(1.2px 1.2px at 71% 14%, #fff, transparent),
    radial-gradient(1px 1px at 88% 30%, #ffffffaa, transparent), radial-gradient(1px 1px at 41% 8%, #ffffffcc, transparent),
    linear-gradient(180deg, transparent calc(56% - 5px), #ff9de299 56%, transparent calc(56% + 7px)),
    linear-gradient(180deg, #0b0120 0, #240a52 32%, #6a1b8a 50%, #d92b8f 56%, #12002b 56%);
}
[data-cover="retro"]::after {
  content: ""; position: absolute; z-index: -1; left: 50%; bottom: 44cqh; height: 50cqh; aspect-ratio: 1; transform: translateX(-50%); border-radius: 50%;
  background: linear-gradient(180deg, #ffe66d 8%, #ff9a5c 52%, #ff2e93 96%);
  -webkit-mask: linear-gradient(#000, #000) top / 100% 44% no-repeat, repeating-linear-gradient(180deg, #000 0 3.4cqh, transparent 3.4cqh 4.8cqh) bottom / 100% 56% no-repeat;
  mask: linear-gradient(#000, #000) top / 100% 44% no-repeat, repeating-linear-gradient(180deg, #000 0 3.4cqh, transparent 3.4cqh 4.8cqh) bottom / 100% 56% no-repeat;
}
[data-cover="retro"]::before {
  content: ""; position: absolute; z-index: 1; left: -150%; right: -150%; top: -195cqh; height: 600cqh; transform-origin: 50% 50%; transform: rotateX(68deg);
  background: repeating-linear-gradient(90deg, #ff4fd8 0 2px, transparent 2px 60cqh), repeating-linear-gradient(180deg, #ff4fd8 0 2px, transparent 2px 35cqh);
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 30%); mask: linear-gradient(180deg, transparent 0, #000 30%);
  animation: rw-grid 1.8s linear infinite; will-change: transform;
}
@keyframes rw-grid { to { transform: rotateX(68deg) translateY(35cqh); } }
[data-cover="prisma"] { background: linear-gradient(120deg, #ff0040, #ff9500, #ffee00, #34c759, #00c7ff, #5856ff, #d946ef, #ff0040); background-size: 300% 100%; animation: rw-prism 12s linear infinite; }
@keyframes rw-prism { to { background-position: 300% 0; } }

/* Nubes: amanecer con dos capas de nubes que avanzan despacio. Hace juego con «Luz divina» y la «Aureola». */
[data-cover="nubes"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='128'%20viewBox='0%200%20360%20128'%3E%3Cg%20fill='%23fff'%3E%20%3Cellipse%20cx='100'%20cy='112'%20rx='84'%20ry='20'%20fill-opacity='.95'/%3E%3Cellipse%20cx='130'%20cy='96'%20rx='44'%20ry='24'%20fill-opacity='.95'/%3E%3Cellipse%20cx='82'%20cy='102'%20rx='34'%20ry='18'%20fill-opacity='.95'/%3E%20%3Cellipse%20cx='260'%20cy='118'%20rx='90'%20ry='20'%20fill-opacity='.9'/%3E%3Cellipse%20cx='290'%20cy='100'%20rx='48'%20ry='24'%20fill-opacity='.9'/%3E%3Cellipse%20cx='236'%20cy='106'%20rx='38'%20ry='17'%20fill-opacity='.9'/%3E%3C/g%3E%20%3Cg%20fill='%23ffd9b8'%20fill-opacity='.55'%3E%3Cellipse%20cx='100'%20cy='124'%20rx='90'%20ry='8'/%3E%3Cellipse%20cx='262'%20cy='126'%20rx='90'%20ry='8'/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 100% / 360px 128px, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='128'%20viewBox='0%200%20480%20128'%3E%3Cg%20fill='%23fff'%20fill-opacity='.55'%3E%20%3Cellipse%20cx='70'%20cy='86'%20rx='62'%20ry='15'/%3E%3Cellipse%20cx='96'%20cy='72'%20rx='34'%20ry='17'/%3E%3Cellipse%20cx='52'%20cy='78'%20rx='26'%20ry='13'/%3E%20%3Cellipse%20cx='290'%20cy='60'%20rx='70'%20ry='14'/%3E%3Cellipse%20cx='318'%20cy='47'%20rx='36'%20ry='16'/%3E%3Cellipse%20cx='268'%20cy='52'%20rx='28'%20ry='12'/%3E%20%3Cellipse%20cx='430'%20cy='100'%20rx='46'%20ry='11'/%3E%3Cellipse%20cx='448'%20cy='90'%20rx='24'%20ry='11'/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 40% / 480px 128px,
    radial-gradient(circle at 82% 30%, #fffbe6 0 4%, #ffe9a066 9%, transparent 22%), linear-gradient(180deg, #5aa2ee, #9cc9f5 52%, #ffe2b8 100%);
  animation: rw-clouds 40s linear infinite;
}
@keyframes rw-clouds { to { background-position: -360px 100%, -480px 40%, 0 0, 0 0; } }

/* Confites: fondo rosa pastel con corazones, estrellas y lunares que flotan hacia arriba. Hace juego con «Caramelo» y «Algodón de azúcar». */
[data-cover="confites"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3E%20%3Cg%20fill='%23fff'%20fill-opacity='.9'%3E%3Cpath%20d='M30%2044%2025.500%2039.800C18%2033%2013%2028.500%2013%2022.800%2013%2018.200%2016.500%2014.800%2021%2014.800c2.500%200%205%201.200%206.500%203.100C29%2016%2031.500%2014.800%2034%2014.800c4.500%200%208%203.400%208%208%200%205.700-5%2010.200-12.500%2017z'%20transform='translate%287%204%29'/%3E%3C/g%3E%20%3Cg%20fill='%23ffd1e6'%3E%3Cpath%20d='M118%20120%20113.500%20115.800C106%20109%20101%20104.500%20101%2098.800%20101%2094.200%20104.500%2090.800%20109%2090.800c2.500%200%205%201.200%206.500%203.100C117%2092%20119.500%2090.800%20122%2090.800c4.500%200%208%203.400%208%208%200%205.700-5%2010.200-12.500%2017z'/%3E%3C/g%3E%20%3Cg%20fill='%23fff'%3E%3Cpath%20d='M112%2026l3.200%207.200%207.800.8-5.900%205.200%201.700%207.700L112%2042.800l-6.800%204.100%201.700-7.700-5.900-5.200%207.800-.8z'%20fill-opacity='.85'/%3E%3Cpath%20d='M44%20118l2.400%205.400%205.800.6-4.400%203.900%201.300%205.700L44%20130.700l-5.100%203%201.300-5.700-4.400-3.900%205.800-.6z'%20fill-opacity='.8'/%3E%3C/g%3E%20%3Cg%3E%3Ccircle%20cx='80'%20cy='72'%20r='5'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Ccircle%20cx='144'%20cy='64'%20r='3.500'%20fill='%23e9d5ff'/%3E%3Ccircle%20cx='20'%20cy='96'%20r='4'%20fill='%23c8e7ff'/%3E%3Ccircle%20cx='76'%20cy='140'%20r='3'%20fill='%23fff'%20fill-opacity='.9'/%3E%3Ccircle%20cx='150'%20cy='148'%20r='5'%20fill='%23ffe3f1'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 160px 160px, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3E%20%3Cg%20fill='%23ffc2dd'%3E%3Cpath%20d='M60%2070%2055.500%2065.800C48%2059%2043%2054.500%2043%2048.800%2043%2044.200%2046.500%2040.800%2051%2040.800c2.500%200%205%201.200%206.500%203.100C59%2042%2061.500%2040.800%2064%2040.800c4.500%200%208%203.400%208%208%200%205.700-5%2010.200-12.500%2017z'%20transform='scale%281.300%29%20translate%280%204%29'/%3E%3C/g%3E%20%3Cg%20fill='%23fff'%20fill-opacity='.85'%3E%3Cpath%20d='M170%20150l4.200%209.400%2010.200%201-7.700%206.800%202.200%2010L170%20171.600l-8.900%205.600%202.200-10-7.700-6.800%2010.200-1z'/%3E%3C/g%3E%20%3Cg%3E%3Ccircle%20cx='168'%20cy='40'%20r='7'%20fill='%23e9d5ff'/%3E%3Ccircle%20cx='30'%20cy='170'%20r='6'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Ccircle%20cx='110'%20cy='120'%20r='4'%20fill='%23bfe3ff'/%3E%3C/g%3E%3C/svg%3E") 40px 30px / 220px 220px,
    radial-gradient(circle, #ffffff55 0 3px, transparent 3.6px) 0 0 / 28px 28px, linear-gradient(135deg, #ffc9e1, #f5b6ee 48%, #bde0ff);
  animation: rw-sweets 14s linear infinite;
}
@keyframes rw-sweets { to { background-position: 0 -160px, 40px -190px, 0 0, 0 0; } }

/* Bosque: pinos en dos planos con luciérnagas que flotan. Hace juego con «Enredadera» y el nombre «Bosque». */
[data-cover="bosque"] {
  background: radial-gradient(2.4px 2.4px at 30px 40px, #f4ffb0, transparent), radial-gradient(2px 2px at 110px 90px, #e9ff80, transparent), radial-gradient(3px 3px at 70px 120px, #fbffd0, transparent),
    radial-gradient(2.4px 2.4px at 170px 50px, #f4ffb0, transparent), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3E%3Cg%20fill='%23041c13'%3E%20%3Cpath%20d='M0%20200V160L50%20160%2070%20118%2054%20118%2084%2064%2068%2064%20100%206%20132%2064%20116%2064%20146%20118%20130%20118%20150%20160%20250%20160%20270%20124%20254%20124%20284%2072%20268%2072%20300%2016%20332%2072%20316%2072%20346%20124%20330%20124%20350%20160%20470%20160%20488%20120%20472%20120%20502%2066%20486%2066%20518%208%20550%2066%20534%2066%20564%20120%20548%20120%20568%20160%20700%20160%20720%20122%20704%20122%20734%2070%20718%2070%20750%2012%20782%2070%20766%2070%20796%20122%20780%20122%20800%20160%20910%20160%20930%20126%20914%20126%20944%2076%20928%2076%20960%2020%20992%2076%20976%2076%201000%20120V200Z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 46% no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3E%3Cg%20fill='%230d3b2a'%3E%20%3Cpath%20d='M0%20200V150L24%20150%2040%20120%2028%20120%2050%2084%2038%2084%2060%2040%2082%2084%2070%2084%2092%20120%2080%20120%2096%20150%20130%20150%20140%20110%20128%20110%20150%2070%20138%2070%20160%2028%20182%2070%20170%2070%20192%20110%20180%20110%20194%20150%20240%20150%20252%20118%20240%20118%20262%2082%20250%2082%20272%2044%20294%2082%20282%2082%20304%20118%20292%20118%20306%20150%20360%20150%20372%20116%20360%20116%20382%2076%20370%2076%20392%2036%20414%2076%20402%2076%20424%20116%20412%20116%20426%20150%20480%20150%20492%20120%20480%20120%20502%2084%20490%2084%20512%2046%20534%2084%20522%2084%20544%20120%20532%20120%20546%20150%20600%20150%20612%20112%20600%20112%20622%2072%20610%2072%20632%2030%20654%2072%20642%2072%20664%20112%20652%20112%20666%20150%20720%20150%20732%20118%20720%20118%20742%2080%20730%2080%20752%2042%20774%2080%20762%2080%20784%20118%20772%20118%20786%20150%20840%20150%20852%20114%20840%20114%20862%2074%20850%2074%20872%2032%20894%2074%20882%2074%20904%20114%20892%20114%20906%20150%20960%20150%20972%20120%20960%20120%20982%2084%20970%2084%20992%2046%201000%2060V200Z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 66% no-repeat,
    radial-gradient(ellipse at 50% 112%, #2f7a4d99, transparent 60%), linear-gradient(180deg, #06141a, #0c2b27 70%, #14412f);
  background-size: 190px 150px, 190px 150px, 260px 190px, 260px 190px, 100% 46%, 100% 66%, 100% 100%, 100% 100%;
  animation: rw-fireflies 9s ease-in-out infinite alternate;
}
@keyframes rw-fireflies { from { background-position: 0 0, 0 0, 0 0, 0 0, center bottom, center bottom, 0 0, 0 0; } to { background-position: 22px -30px, -18px -22px, 16px -40px, -24px -14px, center bottom, center bottom, 0 0, 0 0; } }

/* Circuito: placa oscura con pistas cian y pulsos de datos. Hace juego con el marco «Circuito» y el nombre «Cibernético». */
[data-cover="circuito"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='160'%20viewBox='0%200%20240%20160'%3E%3Cg%20fill='none'%20stroke-width='2.500'%20stroke-linecap='round'%3E%20%3Cpath%20d='M96%2050H150'%20stroke='%23a5f3fc'%20stroke-dasharray='14%20120'/%3E%3Cpath%20d='M0%2030H60'%20stroke='%23f0abfc'%20stroke-dasharray='12%20140'/%3E%3Cpath%20d='M44%20110H120'%20stroke='%23a5f3fc'%20stroke-dasharray='16%20140'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 240px 160px, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='160'%20viewBox='0%200%20240%20160'%3E%3Cg%20fill='none'%20stroke='%2322d3ee'%20stroke-opacity='.4'%20stroke-width='1.500'%3E%20%3Cpath%20d='M0%2030H60L80%2050H150L170%2030H240'/%3E%3Cpath%20d='M0%2090H40L60%20110H120L140%2090H200L220%20110H240'/%3E%3Cpath%20d='M30%20160V130L50%20110'/%3E%3Cpath%20d='M120%200V30'/%3E%3Cpath%20d='M180%20160V130H210L230%20150'/%3E%3Cpath%20d='M100%20110V160'/%3E%3C/g%3E%20%3Cg%20fill='%230a1420'%20stroke='%2322d3ee'%20stroke-opacity='.75'%20stroke-width='1.500'%3E%3Ccircle%20cx='60'%20cy='30'%20r='3'/%3E%3Ccircle%20cx='170'%20cy='30'%20r='3'/%3E%3Ccircle%20cx='40'%20cy='90'%20r='3'/%3E%3Ccircle%20cx='140'%20cy='90'%20r='3'/%3E%3Ccircle%20cx='50'%20cy='110'%20r='3'/%3E%3Ccircle%20cx='210'%20cy='130'%20r='3'/%3E%3Ccircle%20cx='120'%20cy='30'%20r='3'/%3E%3C/g%3E%20%3Cg%20fill='%23e879f9'%20fill-opacity='.65'%3E%3Crect%20x='148'%20y='47'%20width='4'%20height='6'/%3E%3Crect%20x='118'%20y='107'%20width='4'%20height='6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 240px 160px, radial-gradient(ellipse at 20% 120%, #c026d344, transparent 60%), radial-gradient(ellipse at 90% -20%, #06b6d444, transparent 55%), linear-gradient(180deg, #050b17, #0b1730);
  animation: rw-data 4s linear infinite;
}
@keyframes rw-data { to { background-position: 240px 0, 0 0, 0 0, 0 0, 0 0; } }

/* Dunas: atardecer en el desierto. Hace juego con el marco «Cuero» y el nombre «Oeste». */
[data-cover="dunas"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3E%20%3Cpath%20fill='%23c2693a'%20d='M0%20120C120%2096%20220%2084%20340%20100S560%20128%20700%20104%20900%2082%201000%2096V200H0Z'/%3E%20%3Cpath%20fill='%238f4326'%20d='M0%20150C140%20120%20260%20122%20400%20140S640%20168%20780%20138%20940%20124%201000%20130V200H0Z'/%3E%20%3Cpath%20fill='%234d2218'%20d='M0%20178C160%20160%20300%20164%20460%20176S720%20192%20860%20170%20960%20166%201000%20168V200H0Z'/%3E%20%3Cg%20fill='none'%20stroke='%23ffd9a0'%20stroke-opacity='.35'%20stroke-width='1.500'%3E%3Cpath%20d='M60%20112C140%20100%20200%2096%20270%20104'/%3E%3Cpath%20d='M520%20126C600%20114%20660%20112%20730%20118'/%3E%3C/g%3E%20%3Cg%20fill='%232a110d'%3E%3Cpath%20d='M820%20168v-22h3v10l7-8h3l-8%209%209%2011z'%20transform='translate%280%20-3%29'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 82% no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cdefs%3E%3CradialGradient%20id='s'%20cx='.5'%20cy='.5'%20r='.5'%3E%3Cstop%20offset='0'%20stop-color='%23fff4c2'/%3E%3Cstop%20offset='.62'%20stop-color='%23ffc861'/%3E%3Cstop%20offset='.7'%20stop-color='%23ff9a3c'/%3E%3Cstop%20offset='1'%20stop-color='%23ff9a3c'%20stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx='50'%20cy='50'%20r='50'%20fill='url%28%23s%29'/%3E%3C/svg%3E") 66% 52% / auto 86% no-repeat,
    linear-gradient(180deg, #2b1a4f, #8a3a5e 34%, #e2683c 66%, #f9b25c 100%);
}

/* Luna de sangre: luna roja, murciélagos que cruzan el cielo y árboles secos. Hace juego con «Carmesí» y el nombre «Gótico». */
[data-cover="lunasangre"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='420'%20height='160'%20viewBox='0%200%20420%20160'%3E%3Cg%20fill='%2312030a'%3E%20%3Cpath%20d='M60%2040c-6-8-14-8-20-4%204%200%208%202%2010%206-6-2-12%200-16%206%206-2%2010%200%2012%204l4-4%203%206%203-6%204%204c2-4%206-6%2012-4-4-6-10-8-16-6%202-4%206-6%2010-6-6-4-14-4-20%204z'%20transform='translate%280%208%29'/%3E%20%3Cpath%20d='M250%2090c-5-7-12-7-17-3%203%200%207%202%208%205-5-2-10%200-13%205%205-2%208%200%2010%203l3-3%202%205%203-5%203%203c2-3%205-5%2010-3-3-5-8-7-13-5%202-3%205-5%208-5-5-4-12-4-17%203z'%20transform='scale%28.8%29%20translate%2880%2020%29'/%3E%20%3Cpath%20d='M350%2030c-4-5-9-5-13-2%202%200%205%201%206%204-4-1-8%200-10%204%204-1%206%200%208%202l2-2%202%204%202-4%202%202c2-2%204-3%208-2-2-4-6-5-10-4%201-3%204-4%206-4-4-3-9-3-13%202z'%20transform='scale%28.7%29%20translate%28200%2070%29'/%3E%3C/g%3E%3C/svg%3E") 0 8% / 420px 160px repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3E%3Cg%20fill='%2312030a'%3E%20%3Cpath%20d='M0%20200V176L60%20170%20120%20176%20180%20168V200Z'/%3E%3Cpath%20d='M120%20200%20124%20120%20112%2096%20102%2070%20112%2074%20116%20100%20126%2084%20124%2056%20132%2060%20134%2088%20146%2070%20156%2072%20144%20100%20136%20124%20142%20200Z'/%3E%20%3Cpath%20d='M300%20200V180L400%20172%20520%20178%20640%20170%20760%20176V200Z'/%3E%3Cpath%20d='M860%20200%20864%20110%20850%2086%20840%2056%20850%2062%20856%2092%20868%2070%20866%2040%20874%2046%20876%2078%20890%2060%20900%2062%20886%2092%20878%20120%20884%20200Z'/%3E%20%3Cpath%20d='M700%20200V180L820%20174%201000%20178V200Z'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 52% no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cdefs%3E%3CradialGradient%20id='m'%20cx='.42'%20cy='.38'%20r='.7'%3E%3Cstop%20offset='0'%20stop-color='%23ff8b6e'/%3E%3Cstop%20offset='.55'%20stop-color='%23c4202f'/%3E%3Cstop%20offset='1'%20stop-color='%235a0716'/%3E%3C/radialGradient%3E%20%3CradialGradient%20id='h'%20cx='.5'%20cy='.5'%20r='.5'%3E%3Cstop%20offset='.6'%20stop-color='%23ff2a4d'%20stop-opacity='.32'/%3E%3Cstop%20offset='1'%20stop-color='%23ff2a4d'%20stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%20%3Ccircle%20cx='50'%20cy='50'%20r='50'%20fill='url%28%23h%29'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='33'%20fill='url%28%23m%29'/%3E%3Cg%20fill='%237a0c1d'%20fill-opacity='.55'%3E%3Ccircle%20cx='38'%20cy='40'%20r='6'/%3E%3Ccircle%20cx='58'%20cy='60'%20r='8'/%3E%3Ccircle%20cx='55'%20cy='36'%20r='3.500'/%3E%3Ccircle%20cx='40'%20cy='62'%20r='4'/%3E%3C/g%3E%3C/svg%3E") 72% 28% / auto 130% no-repeat,
    radial-gradient(ellipse at 50% 120%, #7a0c1d88, transparent 60%), linear-gradient(180deg, #070109, #1c0612 60%, #3a0a16);
  animation: rw-bats 26s linear infinite;
}
@keyframes rw-bats { to { background-position: 420px 8%, center bottom, 72% 28%, 0 0, 0 0; } }

/* Pétalos: atardecer rosado con pétalos de cerezo cayendo. Hace juego con el marco y el nombre «Sakura». */
[data-cover="petalos"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%20viewBox='0%200%20180%20180'%3E%3Cg%20fill='%23ffd4e5'%3E%20%3Cpath%20d='M30%2030c8-10%2020-8%2022%202-6%208-18%2012-22-2z'%20transform='rotate%2824%2040%2034%29'/%3E%3Cpath%20d='M120%2070c8-10%2020-8%2022%202-6%208-18%2012-22-2z'%20transform='rotate%28-30%20130%2074%29'/%3E%20%3Cpath%20d='M70%20130c8-10%2020-8%2022%202-6%208-18%2012-22-2z'%20transform='rotate%2870%2080%20134%29'/%3E%3Cpath%20d='M150%20150c6-8%2016-6%2018%202-5%206-14%209-18-2z'%20transform='rotate%28-10%20158%20152%29'/%3E%3C/g%3E%20%3Cg%20fill='%23fff'%20fill-opacity='.8'%3E%3Cpath%20d='M100%2020c6-8%2015-6%2017%202-5%206-14%209-17-2z'%20transform='rotate%2840%20108%2024%29'/%3E%3Cpath%20d='M14%20110c6-8%2015-6%2017%202-5%206-14%209-17-2z'%20transform='rotate%28-50%2022%20114%29'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 180px 180px, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='260'%20height='260'%20viewBox='0%200%20260%20260'%3E%3Cg%20fill='%23f9a8c9'%3E%20%3Cpath%20d='M60%2050c10-13%2026-10%2028%203-8%2010-24%2015-28-3z'%20transform='rotate%28-20%2072%2056%29'/%3E%3Cpath%20d='M190%20110c10-13%2026-10%2028%203-8%2010-24%2015-28-3z'%20transform='rotate%2850%20200%20116%29'/%3E%20%3Cpath%20d='M120%20210c10-13%2026-10%2028%203-8%2010-24%2015-28-3z'%20transform='rotate%28120%20132%20216%29'/%3E%3C/g%3E%3C/svg%3E") 60px 40px / 260px 260px, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20200'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%235a2a5e'%20fill-opacity='.7'%20d='M0%20200V150L120%20126%20200%20140%20330%2096%20450%20138%20560%20120%20700%20150%20840%20118%201000%20150V200Z'/%3E%20%3Cpath%20fill='%232e1239'%20d='M0%20200V176L150%20160%20260%20176%20400%20150%20520%20178%20660%20158%20800%20180%201000%20160V200Z'/%3E%3C/svg%3E") center bottom / 100% 56% no-repeat,
    radial-gradient(circle at 78% 34%, #fff6e8 0 6%, #ffd0e066 14%, transparent 30%), linear-gradient(180deg, #4a1d5c, #c2508f 55%, #ffb3c8 100%);
  animation: rw-petals 12s linear infinite;
}
@keyframes rw-petals { to { background-position: 60px 180px, -40px 300px, center bottom, 0 0, 0 0; } }

/* Cementerio: luna, tumbas, calabazas encendidas, niebla baja y fantasmas que pasan. Hace juego con la «Calabaza tallada» y el nombre «Maleficio». */
[data-cover="cementerio"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='160'%20viewBox='0%200%20700%20160'%3E%20%3Cg%20opacity='0.62'%3E%3Cpath%20d='M150%2076L150%2048.0A18.0%2018.0%200%200%201%20186%2048.0L186%2076Q180.0%2067.72%20174.0%2076Q168.0%2081.52000000000001%20162.0%2076Q156.0%2067.72%20150%2076Z'%20fill='%23f1e8ff'/%3E%3Cellipse%20cx='162.24'%20cy='47.099999999999994'%20rx='2.6999999999999997'%20ry='3.96'%20fill='%231b0a2e'/%3E%3Cellipse%20cx='173.76'%20cy='47.099999999999994'%20rx='2.6999999999999997'%20ry='3.96'%20fill='%231b0a2e'/%3E%3Cellipse%20cx='168.0'%20cy='56.459999999999994'%20rx='2.5200000000000005'%20ry='3.6'%20fill='%231b0a2e'/%3E%3C/g%3E%3Cg%20opacity='0.4'%3E%3Cpath%20d='M470%20104L470%2083.0A13.0%2013.0%200%200%201%20496%2083.0L496%20104Q491.6666666666667%2097.88%20487.3333333333333%20104Q483.0%20108.08000000000001%20478.6666666666667%20104Q474.3333333333333%2097.88%20470%20104Z'%20fill='%23f1e8ff'/%3E%3Cellipse%20cx='478.84'%20cy='82.35'%20rx='1.95'%20ry='2.86'%20fill='%231b0a2e'/%3E%3Cellipse%20cx='487.16'%20cy='82.35'%20rx='1.95'%20ry='2.86'%20fill='%231b0a2e'/%3E%3Cellipse%20cx='483.0'%20cy='89.11'%20rx='1.8200000000000003'%20ry='2.6'%20fill='%231b0a2e'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 700px 160px repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='80'%20viewBox='0%200%20600%2080'%3E%20%3Cdefs%3E%3Cfilter%20id='b'%20x='-20%25'%20y='-60%25'%20width='140%25'%20height='220%25'%3E%3CfeGaussianBlur%20stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%20%3Cg%20filter='url(%23b)'%20fill='%23e6d8ff'%3E%3Cellipse%20cx='150'%20cy='58'%20rx='110'%20ry='13'%20opacity='.2'/%3E%3Cellipse%20cx='440'%20cy='64'%20rx='95'%20ry='11'%20opacity='.16'/%3E%3C/g%3E%3C/svg%3E") 0 100% / 600px 80px repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='560'%20height='100'%20viewBox='0%200%20560%20100'%20preserveAspectRatio='none'%3E%20%3Cdefs%3E%3CradialGradient%20id='gl'%3E%3Cstop%20offset='0'%20stop-color='%23ff8a1f'%20stop-opacity='.55'/%3E%3Cstop%20offset='1'%20stop-color='%23ff8a1f'%20stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%20%3Cpath%20d='M0%20100V58C90%2046%20180%2054%20280%2052S470%2042%20560%2058V100Z'%20fill='%23220d3a'/%3E%20%3Cpath%20d='M0%20100V82C100%2076%20200%2084%20280%2080S470%2074%20560%2082V100Z'%20fill='%2308030f'/%3E%20%3Cg%20fill='%2308030f'%3E%3Cpath%20d='M50%2086V58a13%2013%200%200%201%2026%200V86Z'/%3E%3Cpath%20d='M200%2086V46h-9v-7h9v-9h7v9h9v7h-9v40Z'/%3E%20%3Cpath%20d='M262%2086V66a14%2014%200%200%201%2028%200V86Z'/%3E%3Cpath%20d='M470%2086V68a11%2011%200%200%201%2022%200V86Z'/%3E%3Cpath%20d='M505%2086V74a8%208%200%200%201%2016%200V86Z'/%3E%3C/g%3E%20%3Cpath%20d='M392%2086C392%2070%20390%2056%20386%2044M389%2058C381%2052%20373%2050%20367%2042M389%2058l-8-14M391%2064C399%2058%20405%2052%20409%2042M388%2050l-4-14M390%2070l12-8'%20stroke='%2308030f'%20stroke-width='3'%20fill='none'%20stroke-linecap='round'/%3E%20%3Cg%20transform='translate(120%2076)%20scale(0.62)'%3E%3Ccircle%20r='26'%20cy='-4'%20fill='url(%23gl)'/%3E%3Cpath%20d='M0%20-12C0%20-16%202%20-18%205%20-19'%20fill='none'%20stroke='%233f6212'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cellipse%20cx='-8'%20rx='9'%20ry='11'%20fill='%239a3412'/%3E%3Cellipse%20cx='8'%20rx='9'%20ry='11'%20fill='%239a3412'/%3E%3Cellipse%20rx='9'%20ry='12'%20fill='%23ea580c'/%3E%3Cpath%20d='M-6%20-3l3%204h-6zM6%20-3l3%204h-6z'%20fill='%23ffe066'/%3E%3Cpath%20d='M-6%205l2.4%202.6L-2%205l2%202.8%202-2.8%202.4%202.6L6%205'%20fill='none'%20stroke='%23ffe066'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cg%20transform='translate(335%2078)%20scale(0.5)'%3E%3Ccircle%20r='26'%20cy='-4'%20fill='url(%23gl)'/%3E%3Cpath%20d='M0%20-12C0%20-16%202%20-18%205%20-19'%20fill='none'%20stroke='%233f6212'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cellipse%20cx='-8'%20rx='9'%20ry='11'%20fill='%239a3412'/%3E%3Cellipse%20cx='8'%20rx='9'%20ry='11'%20fill='%239a3412'/%3E%3Cellipse%20rx='9'%20ry='12'%20fill='%23ea580c'/%3E%3Cpath%20d='M-6%20-3l3%204h-6zM6%20-3l3%204h-6z'%20fill='%23ffe066'/%3E%3Cpath%20d='M-6%205l2.4%202.6L-2%205l2%202.8%202-2.8%202.4%202.6L6%205'%20fill='none'%20stroke='%23ffe066'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 0 100% / 560px 62% repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='120'%20viewBox='0%200%20600%20120'%3E%20%3Cg%20fill='%23fff'%3E%3Ccircle%20cx='40'%20cy='18'%20r='1'%20opacity='.9'/%3E%3Ccircle%20cx='130'%20cy='52'%20r='.8'%20opacity='.6'/%3E%3Ccircle%20cx='210'%20cy='14'%20r='1.2'%20opacity='.85'/%3E%20%3Ccircle%20cx='300'%20cy='40'%20r='.8'%20opacity='.7'/%3E%3Ccircle%20cx='380'%20cy='10'%20r='1'%20opacity='.8'/%3E%3Ccircle%20cx='470'%20cy='46'%20r='1.2'%20opacity='.6'/%3E%3Ccircle%20cx='560'%20cy='22'%20r='.9'%20opacity='.9'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 600px 120px repeat-x,
    radial-gradient(circle at 80% 30%, #fff3d1 0 4.5%, #ffd68a 5.2%, #ff9a4a55 9%, transparent 21%), linear-gradient(180deg, #0d0418 0, #2a0e45 42%, #6b2358 68%, #d9531e 100%);
  animation: rw-haunt 54s linear infinite;
}
@keyframes rw-haunt { to { background-position: 700px 0, -600px 100%, 0 100%, 0 0, 0 0, 0 0; } }

/* ========== NAVIDAD ========== */
@keyframes rw-bulbs { 0%, 100% { filter: brightness(.85); } 50% { filter: brightness(1.75) saturate(1.2); } }
/* Guirnalda: luces de colores que parpadean y un gorro de abuelo en la esquina. Hace juego con «Nochebuena», la portada «Noche de nieve» y la paleta «Noel». */
[data-frame="guirnalda"] { --fg: #ef444466; animation: rw-breathe 3s ease-in-out infinite; }
[data-frame="guirnalda"]::before { background: repeating-conic-gradient(from 4deg, #ef4444 0 9deg, #14532d 9deg 18deg, #facc15 18deg 27deg, #14532d 27deg 36deg, #22c55e 36deg 45deg, #14532d 45deg 54deg, #38bdf8 54deg 63deg, #14532d 63deg 72deg); animation: rw-bulbs 1.8s ease-in-out infinite; }
[data-frame="guirnalda"]::after {
  content: ""; z-index: 3; top: calc((var(--bw) + var(--fw) + 8px) * -1); right: calc((var(--bw) + var(--fw) + 8px) * -1); width: 36%; aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cg%20transform='rotate(14%2016%2016)'%3E%20%3Cpath%20d='M5%2022C6%2010%2014%203%2024%206%2020%209%2019%2015%2025%2022Z'%20fill='%23dc2626'/%3E%3Cpath%20d='M5%2022C6%2014%2010%209%2015%207%2012%2012%2012%2017%2014%2022Z'%20fill='%23991b1b'%20opacity='.55'/%3E%20%3Crect%20x='2'%20y='20'%20width='26'%20height='7'%20rx='3.5'%20fill='%23f8fafc'/%3E%3Ccircle%20cx='25'%20cy='6.5'%20r='4'%20fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 1px 2px #0007); animation: rw-float 3s ease-in-out infinite;
}
/* Nochebuena: letras de bastón de caramelo con brillo rojo. */
[data-fx="nochebuena"] { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: repeating-linear-gradient(120deg, #ffffff 0 .16em, #ef4444 .16em .32em);
  filter: drop-shadow(0 1px 0 #14532d) drop-shadow(0 0 5px #ef444488); animation: rw-candle 4.4s linear infinite; font-size: 1.2em; font-weight: 700; }
[data-theme="claro"] [data-fx="nochebuena"] { background-image: repeating-linear-gradient(120deg, #166534 0 .16em, #b91c1c .16em .32em); filter: none; animation: none; }
/* Noche de nieve: pinos con luces, una cabaña con las ventanas prendidas y nevada en dos planos. */
[data-cover="navidad"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%20%3E%3Cg%20fill='%23fff'%3E%3Ccircle%20cx='64'%20cy='155'%20r='1.2'%20opacity='0.7'/%3E%3Ccircle%20cx='158'%20cy='125'%20r='0.9'%20opacity='0.9'/%3E%3Ccircle%20cx='7'%20cy='124'%20r='1.6'%20opacity='0.9'/%3E%3Ccircle%20cx='63'%20cy='53'%20r='2.2'%20opacity='0.9'/%3E%3Ccircle%20cx='144'%20cy='125'%20r='2.2'%20opacity='0.9'/%3E%3Ccircle%20cx='42'%20cy='63'%20r='1.2'%20opacity='0.9'/%3E%3Ccircle%20cx='103'%20cy='193'%20r='0.9'%20opacity='0.9'/%3E%3Ccircle%20cx='20'%20cy='44'%20r='0.9'%20opacity='0.7'/%3E%3Ccircle%20cx='11'%20cy='72'%20r='2.2'%20opacity='0.9'/%3E%3Ccircle%20cx='188'%20cy='103'%20r='2.2'%20opacity='0.7'/%3E%3Ccircle%20cx='190'%20cy='151'%20r='2.2'%20opacity='0.5'/%3E%3Ccircle%20cx='97'%20cy='28'%20r='0.9'%20opacity='0.5'/%3E%3Ccircle%20cx='130'%20cy='59'%20r='1.6'%20opacity='0.9'/%3E%3Ccircle%20cx='115'%20cy='164'%20r='1.6'%20opacity='0.7'/%3E%3Ccircle%20cx='133'%20cy='102'%20r='1.6'%20opacity='0.9'/%3E%3Ccircle%20cx='153'%20cy='108'%20r='1.2'%20opacity='0.7'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 200px 200px repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%20viewBox='0%200%20140%20140'%20%3E%3Cg%20fill='%23fff'%3E%3Ccircle%20cx='62'%20cy='98'%20r='1.6'%20opacity='0.5'/%3E%3Ccircle%20cx='53'%20cy='15'%20r='0.9'%20opacity='0.5'/%3E%3Ccircle%20cx='67'%20cy='133'%20r='1.2'%20opacity='0.7'/%3E%3Ccircle%20cx='11'%20cy='121'%20r='1.6'%20opacity='0.7'/%3E%3Ccircle%20cx='103'%20cy='130'%20r='1.2'%20opacity='0.7'/%3E%3Ccircle%20cx='26'%20cy='128'%20r='1.2'%20opacity='0.5'/%3E%3Ccircle%20cx='72'%20cy='108'%20r='1.6'%20opacity='0.7'/%3E%3Ccircle%20cx='33'%20cy='70'%20r='0.9'%20opacity='0.5'/%3E%3Ccircle%20cx='102'%20cy='100'%20r='0.9'%20opacity='0.9'/%3E%3Ccircle%20cx='18'%20cy='90'%20r='1.2'%20opacity='0.9'/%3E%3Ccircle%20cx='26'%20cy='131'%20r='1.2'%20opacity='0.9'/%3E%3Ccircle%20cx='40'%20cy='20'%20r='0.9'%20opacity='0.7'/%3E%3Ccircle%20cx='53'%20cy='41'%20r='1.6'%20opacity='0.9'/%3E%3Ccircle%20cx='117'%20cy='77'%20r='1.6'%20opacity='0.7'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 140px 140px repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='100'%20viewBox='0%200%20600%20100'%20%3E%3Cdefs%3E%3CradialGradient%20id='wg'%3E%3Cstop%20offset='0'%20stop-color='%23ffb84d'%20stop-opacity='.55'/%3E%3Cstop%20offset='1'%20stop-color='%23ffb84d'%20stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d='M0%20100V84C100%2076%20200%2088%20300%2082S500%2078%20600%2084V100Z'%20fill='%23dbe8ff'/%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M60%2024L74.88%2051.279999999999994H45.120000000000005Z'/%3E%3Cpath%20d='M60%2036.4L79.84%2068.64H40.16Z'/%3E%3Cpath%20d='M60%2053.76L84.8%2086H35.2Z'/%3E%3Crect%20x='58'%20y='83'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='55.04'%20cy='67.4'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='55.04'%20cy='67.4'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3Ccircle%20cx='66.2'%20cy='55.0'%20r='2.1'%20fill='%23facc15'/%3E%3Ccircle%20cx='66.2'%20cy='55.0'%20r='5'%20fill='%23facc15'%20opacity='.25'/%3E%3Ccircle%20cx='52.56'%20cy='78.56'%20r='2.1'%20fill='%2338bdf8'/%3E%3Ccircle%20cx='52.56'%20cy='78.56'%20r='5'%20fill='%2338bdf8'%20opacity='.25'/%3E%3Ccircle%20cx='68.68'%20cy='73.6'%20r='2.1'%20fill='%23f472b6'/%3E%3Ccircle%20cx='68.68'%20cy='73.6'%20r='5'%20fill='%23f472b6'%20opacity='.25'/%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M130%2044L140.56%2063.36H119.44Z'/%3E%3Cpath%20d='M130%2052.8L144.08%2075.68H115.92Z'/%3E%3Cpath%20d='M130%2065.12L147.6%2088H112.4Z'/%3E%3Crect%20x='128'%20y='85'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='132.64'%20cy='74.8'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='132.64'%20cy='74.8'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3Ccircle%20cx='125.6'%20cy='81.84'%20r='2.1'%20fill='%23facc15'/%3E%3Ccircle%20cx='125.6'%20cy='81.84'%20r='5'%20fill='%23facc15'%20opacity='.25'/%3E%3Cg%3E%3Ccircle%20cx='220'%20cy='70'%20r='26'%20fill='url(%23wg)'/%3E%3Crect%20x='200'%20y='60'%20width='46'%20height='28'%20fill='%232b1810'/%3E%3Cpath%20d='M194%2061L223%2040L252%2061Z'%20fill='%23e8f0ff'/%3E%3Cpath%20d='M194%2061L223%2040L223%2046L202%2061Z'%20fill='%239db8e8'%20opacity='.5'/%3E%3Crect%20x='208'%20y='67'%20width='11'%20height='11'%20fill='%23ffd36a'/%3E%3Crect%20x='227'%20y='67'%20width='11'%20height='11'%20fill='%23ffd36a'/%3E%3Crect%20x='234'%20y='42'%20width='7'%20height='14'%20fill='%232b1810'/%3E%3C/g%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M330%2016L346.8%2046.8H313.2Z'/%3E%3Cpath%20d='M330%2030.0L352.4%2066.4H307.6Z'/%3E%3Cpath%20d='M330%2049.6L358.0%2086H302.0Z'/%3E%3Crect%20x='328'%20y='83'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='323.0'%20cy='72.0'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='323.0'%20cy='72.0'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3Ccircle%20cx='337.0'%20cy='59.4'%20r='2.1'%20fill='%23facc15'/%3E%3Ccircle%20cx='337.0'%20cy='59.4'%20r='5'%20fill='%23facc15'%20opacity='.25'/%3E%3Ccircle%20cx='327.2'%20cy='46.8'%20r='2.1'%20fill='%2338bdf8'/%3E%3Ccircle%20cx='327.2'%20cy='46.8'%20r='5'%20fill='%2338bdf8'%20opacity='.25'/%3E%3Ccircle%20cx='339.8'%20cy='79.0'%20r='2.1'%20fill='%23f472b6'/%3E%3Ccircle%20cx='339.8'%20cy='79.0'%20r='5'%20fill='%23f472b6'%20opacity='.25'/%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M400%2040L411.52%2061.12H388.48Z'/%3E%3Cpath%20d='M400%2049.599999999999994L415.36%2074.56H384.64Z'/%3E%3Cpath%20d='M400%2063.04L419.2%2088H380.8Z'/%3E%3Crect%20x='398'%20y='85'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='403.84'%20cy='75.52'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='403.84'%20cy='75.52'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3Ccircle%20cx='395.2'%20cy='82.24'%20r='2.1'%20fill='%23facc15'/%3E%3Ccircle%20cx='395.2'%20cy='82.24'%20r='5'%20fill='%23facc15'%20opacity='.25'/%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M470%2028L483.92%2053.519999999999996H456.08Z'/%3E%3Cpath%20d='M470%2039.599999999999994L488.56%2069.75999999999999H451.44Z'/%3E%3Cpath%20d='M470%2055.84L493.2%2086H446.8Z'/%3E%3Crect%20x='468'%20y='83'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='464.2'%20cy='73.24'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='464.2'%20cy='73.24'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3Ccircle%20cx='475.8'%20cy='62.8'%20r='2.1'%20fill='%23facc15'/%3E%3Ccircle%20cx='475.8'%20cy='62.8'%20r='5'%20fill='%23facc15'%20opacity='.25'/%3E%3Ccircle%20cx='470.0'%20cy='51.2'%20r='2.1'%20fill='%2338bdf8'/%3E%3Ccircle%20cx='470.0'%20cy='51.2'%20r='5'%20fill='%2338bdf8'%20opacity='.25'/%3E%3Cg%20fill='%230b2d1c'%3E%3Cpath%20d='M540%2048L549.6%2065.6H530.4Z'/%3E%3Cpath%20d='M540%2056.0L552.8%2076.8H527.2Z'/%3E%3Cpath%20d='M540%2067.2L556.0%2088H524.0Z'/%3E%3Crect%20x='538'%20y='85'%20width='4'%20height='6'/%3E%3C/g%3E%3Ccircle%20cx='543.2'%20cy='80.0'%20r='2.1'%20fill='%23ef4444'/%3E%3Ccircle%20cx='543.2'%20cy='80.0'%20r='5'%20fill='%23ef4444'%20opacity='.25'/%3E%3C/svg%3E") 0 100% / 600px 72% repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='100'%20viewBox='0%200%20600%20100'%20%3E%3Cg%20fill='%23fff'%3E%3Ccircle%20cx='174'%20cy='57'%20r='1.3'%20opacity='0.95'/%3E%3Ccircle%20cx='294'%20cy='65'%20r='0.9'%20opacity='0.75'/%3E%3Ccircle%20cx='530'%20cy='27'%20r='0.9'%20opacity='0.5'/%3E%3Ccircle%20cx='20'%20cy='51'%20r='1.3'%20opacity='0.5'/%3E%3Ccircle%20cx='154'%20cy='33'%20r='0.9'%20opacity='0.95'/%3E%3Ccircle%20cx='49'%20cy='59'%20r='1.3'%20opacity='0.95'/%3E%3Ccircle%20cx='458'%20cy='8'%20r='1.1'%20opacity='0.95'/%3E%3Ccircle%20cx='515'%20cy='92'%20r='0.7'%20opacity='0.95'/%3E%3Ccircle%20cx='383'%20cy='6'%20r='0.9'%20opacity='0.95'/%3E%3Ccircle%20cx='96'%20cy='19'%20r='0.7'%20opacity='0.75'/%3E%3Ccircle%20cx='170'%20cy='74'%20r='1.1'%20opacity='0.75'/%3E%3Ccircle%20cx='502'%20cy='23'%20r='0.9'%20opacity='0.95'/%3E%3Ccircle%20cx='44'%20cy='64'%20r='0.9'%20opacity='0.5'/%3E%3Ccircle%20cx='208'%20cy='30'%20r='0.7'%20opacity='0.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 600px 100px repeat-x,
    radial-gradient(circle at 16% 24%, #fffbea 0 3.4%, #e8f0ff66 7%, transparent 16%), linear-gradient(180deg, #081226, #17335f 60%, #3b5b94 100%);
  animation: rw-snowfall 8s linear infinite;
}
@keyframes rw-snowfall { to { background-position: 0 200px, -140px 140px, 0 100%, 0 0, 0 0, 0 0; } }
/* Noel */
[data-palette="noel"] { --accent: #ff5a5f; --ink: #ffd98a; --on-accent: #2a0508; }
[data-palette="noel"]:not([data-theme="contraste"]) { --bg: #0d2318; --bg-deep: #091a11; --panel: #123022; --raise: #19402d; --line: #2f6b4a; --muted: #a9c9b6; --grid: rgb(255 217 138 / .04); }
[data-theme="claro"][data-palette="noel"], [data-theme="claro"] [data-palette="noel"] { --accent: #c81e3a; --ink: #166534; --muted: #4d6b58; --bg: #f4faf5; --bg-deep: #e3f1e6; --panel: #ffffff; --raise: #f7fcf8; --line: #bfdcc7; --grid: rgb(22 101 52 / .05); }
[data-palette="noel"] body {
  background-image: radial-gradient(ellipse 70% 100% at 50% 0, color-mix(in srgb, var(--ink) 11%, transparent), transparent 70%), radial-gradient(circle, color-mix(in srgb, #ffffff 55%, transparent) 0 1.2px, transparent 2px), radial-gradient(circle, color-mix(in srgb, #ffffff 35%, transparent) 0 1px, transparent 1.7px);
  background-size: 100% 50vh, 110px 110px, 70px 70px; background-position: 0 0, 20px 30px, 62px 8px; background-repeat: no-repeat, repeat, repeat;
}
[data-palette="noel"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3Cg%20stroke='%23bfe0ff'%20stroke-opacity='.65'%20stroke-width='1'%20stroke-linecap='round'%20fill='none'%3E%20%3Cpath%20d='M30%206v16M22.1%2010.5l15.8%207M22.1%2017.5l15.8-7M30%209l-3-2.5M30%209l3-2.5M30%2019l-3%202.5M30%2019l3%202.5'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, transparent), transparent 50%); background-repeat: no-repeat; background-position: right top, 0 0; background-size: 40px 40px, 100% 100%;
  border-color: color-mix(in srgb, var(--ink) 28%, var(--line)); box-shadow: inset 0 3px 0 color-mix(in srgb, var(--accent) 75%, transparent);
}
[data-palette="noel"] .pf-hero {
  background-image: linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); animation: pal-ember 5.5s ease-in-out infinite;
}

/* ========== AÑO NUEVO ========== */
/* Cuenta regresiva: anillo de marcas de reloj que avanzan de a una y una estrella de brillo. Hace juego con «Champán», «Fuegos artificiales» y «Oropel». */
[data-frame="cuenta"] { --fg: #f5c54288; animation: rw-breathe 3s ease-in-out infinite; }
[data-frame="cuenta"]::before { background: repeating-conic-gradient(from var(--ang), #ffffff 0 3deg, transparent 3deg 30deg), repeating-conic-gradient(from var(--ang), #f5c542 0 2.2deg, transparent 2.2deg 6deg), linear-gradient(#4a3205, #4a3205); animation: rw-spin 30s steps(60) infinite; }
[data-frame="cuenta"]::after {
  content: ""; z-index: 3; top: calc((var(--bw) + var(--fw) + 7px) * -1); right: calc((var(--bw) + var(--fw) + 7px) * -1); width: 30%; aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23fff4c2'/%3E%3Cstop%20offset='1'%20stop-color='%23f5b301'/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Cpath%20d='M12%201l2.6%208.4L23%2012l-8.4%202.6L12%2023l-2.6-8.4L1%2012l8.4-2.6z'%20fill='url(%23g)'/%3E%3Cpath%20d='M19%202l.9%202.1L22%205l-2.1.9L19%208l-.9-2.1L16%205l2.1-.9z'%20fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 0 4px #ffd76acc); animation: rw-pulse 1.6s ease-in-out infinite;
}
/* Champán: oro con un destello que cruza. */
[data-fx="champan"] { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(100deg, #c9962b 0 35%, #fff4c2 47%, #ffe08a 50%, #fff4c2 53%, #c9962b 65% 100%); background-size: 260% 100%; background-position: 100% 0;
  filter: drop-shadow(0 0 6px #ffd76a88); animation: rw-sweep 3.6s ease-in-out infinite; font-size: .96em; }
[data-theme="claro"] [data-fx="champan"] { background-image: linear-gradient(100deg, #7c5a0a 0 35%, #d4a017 50%, #7c5a0a 65% 100%); filter: none; }
/* Fuegos artificiales: ciudad de noche y dos tandas de estallidos que se alternan. */
[data-cover="fuegos"] { isolation: isolate;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='70'%20viewBox='0%200%20700%2070'%20%3E%3Crect%20x='0'%20y='38'%20width='37'%20height='32'%20fill='%2307041a'/%3E%3Crect%20x='4'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='18'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='32'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='18'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='25'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='4'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='11'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='18'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='32'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='37'%20y='44'%20width='24'%20height='26'%20fill='%2307041a'/%3E%3Crect%20x='55'%20y='56'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='41'%20y='63'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='61'%20y='38'%20width='22'%20height='32'%20fill='%2307041a'/%3E%3Crect%20x='65'%20y='43'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='72'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='83'%20y='24'%20width='23'%20height='46'%20fill='%2307041a'/%3E%3Crect%20x='94'%20y='29'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='87'%20y='36'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='101'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='106'%20y='38'%20width='34'%20height='32'%20fill='%2307041a'/%3E%3Crect%20x='117'%20y='43'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='131'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='131'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='142'%20y='35'%20width='22'%20height='35'%20fill='%2307041a'/%3E%3Crect%20x='153'%20y='40'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='146'%20y='47'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='153'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='153'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='164'%20y='51'%20width='22'%20height='19'%20fill='%2307041a'/%3E%3Crect%20x='186'%20y='18'%20width='22'%20height='52'%20fill='%2307041a'/%3E%3Crect%20x='197'%20y='30'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='197'%20y='37'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='208'%20y='36'%20width='26'%20height='34'%20fill='%2307041a'/%3E%3Crect%20x='226'%20y='41'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='219'%20y='55'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='226'%20y='62'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='236'%20y='52'%20width='36'%20height='18'%20fill='%2307041a'/%3E%3Crect%20x='272'%20y='43'%20width='38'%20height='27'%20fill='%2307041a'/%3E%3Crect%20x='283'%20y='48'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='304'%20y='48'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='312'%20y='31'%20width='32'%20height='39'%20fill='%2307041a'/%3E%3Crect%20x='337'%20y='36'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='323'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='337'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='316'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='337'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='344'%20y='52'%20width='38'%20height='18'%20fill='%2307041a'/%3E%3Crect%20x='362'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='369'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='376'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='382'%20y='31'%20width='40'%20height='39'%20fill='%2307041a'/%3E%3Crect%20x='386'%20y='36'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='414'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='407'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='393'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='422'%20y='48'%20width='30'%20height='22'%20fill='%2307041a'/%3E%3Crect%20x='452'%20y='24'%20width='27'%20height='46'%20fill='%2307041a'/%3E%3Crect%20x='470'%20y='36'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='463'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='456'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='479'%20y='20'%20width='33'%20height='50'%20fill='%2307041a'/%3E%3Crect%20x='490'%20y='25'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='504'%20y='25'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='490'%20y='46'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='504'%20y='60'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='514'%20y='48'%20width='32'%20height='22'%20fill='%2307041a'/%3E%3Crect%20x='532'%20y='53'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='546'%20y='29'%20width='33'%20height='41'%20fill='%2307041a'/%3E%3Crect%20x='564'%20y='41'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='571'%20y='48'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='571'%20y='55'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='557'%20y='62'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='564'%20y='62'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='581'%20y='33'%20width='18'%20height='37'%20fill='%2307041a'/%3E%3Crect%20x='585'%20y='52'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='592'%20y='52'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='592'%20y='59'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='599'%20y='26'%20width='40'%20height='44'%20fill='%2307041a'/%3E%3Crect%20x='603'%20y='31'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='610'%20y='31'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='617'%20y='31'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='624'%20y='31'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='610'%20y='38'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='603'%20y='45'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='610'%20y='45'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='610'%20y='52'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='624'%20y='59'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='639'%20y='21'%20width='27'%20height='49'%20fill='%2307041a'/%3E%3Crect%20x='657'%20y='33'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='650'%20y='40'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='657'%20y='40'%20width='2.4'%20height='3.2'%20fill='%23fcd34d'%20opacity='.85'/%3E%3Crect%20x='657'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='643'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='666'%20y='40'%20width='34'%20height='30'%20fill='%2307041a'/%3E%3Crect%20x='677'%20y='45'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='691'%20y='45'%20width='2.4'%20height='3.2'%20fill='%23fb7185'%20opacity='.85'/%3E%3Crect%20x='684'%20y='52'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3C/svg%3E") 0 100% / 700px 70px repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='100'%20viewBox='0%200%20600%20100'%20%3E%3Cg%20fill='%23fff'%3E%3Ccircle%20cx='590'%20cy='25'%20r='0.9'%20opacity='0.75'/%3E%3Ccircle%20cx='496'%20cy='87'%20r='0.9'%20opacity='0.95'/%3E%3Ccircle%20cx='521'%20cy='45'%20r='1.3'%20opacity='0.75'/%3E%3Ccircle%20cx='294'%20cy='90'%20r='0.7'%20opacity='0.75'/%3E%3Ccircle%20cx='429'%20cy='43'%20r='1.3'%20opacity='0.5'/%3E%3Ccircle%20cx='442'%20cy='39'%20r='1.1'%20opacity='0.95'/%3E%3Ccircle%20cx='257'%20cy='19'%20r='0.7'%20opacity='0.75'/%3E%3Ccircle%20cx='297'%20cy='31'%20r='0.7'%20opacity='0.95'/%3E%3Ccircle%20cx='380'%20cy='19'%20r='1.1'%20opacity='0.5'/%3E%3Ccircle%20cx='531'%20cy='38'%20r='1.1'%20opacity='0.5'/%3E%3Ccircle%20cx='368'%20cy='71'%20r='1.1'%20opacity='0.95'/%3E%3Ccircle%20cx='409'%20cy='53'%20r='0.9'%20opacity='0.95'/%3E%3Ccircle%20cx='118'%20cy='8'%20r='1.1'%20opacity='0.95'/%3E%3Ccircle%20cx='579'%20cy='19'%20r='0.7'%20opacity='0.5'/%3E%3Ccircle%20cx='101'%20cy='19'%20r='1.1'%20opacity='0.5'/%3E%3Ccircle%20cx='64'%20cy='56'%20r='1.1'%20opacity='0.75'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 600px 100px repeat-x, linear-gradient(180deg, #05030f, #1b1245 60%, #3a1d5c 100%); }
[data-cover="fuegos"]::before, [data-cover="fuegos"]::after { content: ""; position: absolute; inset: 0 0 12% 0; z-index: 1; background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1000'%20height='130'%20viewBox='0%200%201000%20130'%20preserveAspectRatio='xMidYMid%20slice'%3E%3Cpath%20d='M122.0%2052.0L150.0%2052.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='150.0'%20cy='52.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M121.1%2056.6L147.0%2067.3'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='147.0'%20cy='67.3'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M118.5%2060.5L138.3%2080.3'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='138.3'%20cy='80.3'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M114.6%2063.1L125.3%2089.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='125.3'%20cy='89.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M110.0%2064.0L110.0%2092.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='110.0'%20cy='92.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M105.4%2063.1L94.7%2089.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='94.7'%20cy='89.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M101.5%2060.5L81.7%2080.3'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='81.7'%20cy='80.3'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M98.9%2056.6L73.0%2067.3'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='73.0'%20cy='67.3'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M98.0%2052.0L70.0%2052.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='70.0'%20cy='52.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M98.9%2047.4L73.0%2036.7'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='73.0'%20cy='36.7'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M101.5%2043.5L81.7%2023.7'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='81.7'%20cy='23.7'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M105.4%2040.9L94.7%2015.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='94.7'%20cy='15.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M110.0%2040.0L110.0%2012.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='110.0'%20cy='12.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M114.6%2040.9L125.3%2015.0'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='125.3'%20cy='15.0'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M118.5%2043.5L138.3%2023.7'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='138.3'%20cy='23.7'%20r='2'%20fill='%23ffd166'/%3E%3Cpath%20d='M121.1%2047.4L147.0%2036.7'%20stroke='%23ffd166'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.0%2040.0'%20stroke-dashoffset='-10.0'/%3E%3Ccircle%20cx='147.0'%20cy='36.7'%20r='2'%20fill='%23ffd166'/%3E%3Ccircle%20cx='110'%20cy='52'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M399.0%2040.0L420.0%2040.0'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='420.0'%20cy='40.0'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M398.3%2043.4L417.7%2051.5'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='417.7'%20cy='51.5'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M396.4%2046.4L411.2%2061.2'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='411.2'%20cy='61.2'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M393.4%2048.3L401.5%2067.7'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='401.5'%20cy='67.7'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M390.0%2049.0L390.0%2070.0'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='390.0'%20cy='70.0'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M386.6%2048.3L378.5%2067.7'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='378.5'%20cy='67.7'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M383.6%2046.4L368.8%2061.2'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='368.8'%20cy='61.2'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M381.7%2043.4L362.3%2051.5'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='362.3'%20cy='51.5'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M381.0%2040.0L360.0%2040.0'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='360.0'%20cy='40.0'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M381.7%2036.6L362.3%2028.5'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='362.3'%20cy='28.5'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M383.6%2033.6L368.8%2018.8'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='368.8'%20cy='18.8'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M386.6%2031.7L378.5%2012.3'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='378.5'%20cy='12.3'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M390.0%2031.0L390.0%2010.0'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='390.0'%20cy='10.0'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M393.4%2031.7L401.5%2012.3'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='401.5'%20cy='12.3'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M396.4%2033.6L411.2%2018.8'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='411.2'%20cy='18.8'%20r='2'%20fill='%23ff7ab6'/%3E%3Cpath%20d='M398.3%2036.6L417.7%2028.5'%20stroke='%23ff7ab6'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='13.5%2030.0'%20stroke-dashoffset='-7.5'/%3E%3Ccircle%20cx='417.7'%20cy='28.5'%20r='2'%20fill='%23ff7ab6'/%3E%3Ccircle%20cx='390'%20cy='40'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M652.6%2056.0L682.0%2056.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='682.0'%20cy='56.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M651.6%2060.8L678.8%2072.1'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='678.8'%20cy='72.1'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M648.9%2064.9L669.7%2085.7'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='669.7'%20cy='85.7'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M644.8%2067.6L656.1%2094.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='656.1'%20cy='94.8'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M640.0%2068.6L640.0%2098.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='640.0'%20cy='98.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M635.2%2067.6L623.9%2094.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='623.9'%20cy='94.8'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M631.1%2064.9L610.3%2085.7'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='610.3'%20cy='85.7'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M628.4%2060.8L601.2%2072.1'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='601.2'%20cy='72.1'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M627.4%2056.0L598.0%2056.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='598.0'%20cy='56.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M628.4%2051.2L601.2%2039.9'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='601.2'%20cy='39.9'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M631.1%2047.1L610.3%2026.3'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='610.3'%20cy='26.3'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M635.2%2044.4L623.9%2017.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='623.9'%20cy='17.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M640.0%2043.4L640.0%2014.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='640.0'%20cy='14.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M644.8%2044.4L656.1%2017.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='656.1'%20cy='17.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M648.9%2047.1L669.7%2026.3'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='669.7'%20cy='26.3'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M651.6%2051.2L678.8%2039.9'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='18.9%2042.0'%20stroke-dashoffset='-10.5'/%3E%3Ccircle%20cx='678.8'%20cy='39.9'%20r='2'%20fill='%237dd3fc'/%3E%3Ccircle%20cx='640'%20cy='56'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M909.6%2038.0L932.0%2038.0'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='932.0'%20cy='38.0'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M908.9%2041.7L929.6%2050.2'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='929.6'%20cy='50.2'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M906.8%2044.8L922.6%2060.6'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='922.6'%20cy='60.6'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M903.7%2046.9L912.2%2067.6'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='912.2'%20cy='67.6'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M900.0%2047.6L900.0%2070.0'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='900.0'%20cy='70.0'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M896.3%2046.9L887.8%2067.6'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='887.8'%20cy='67.6'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M893.2%2044.8L877.4%2060.6'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='877.4'%20cy='60.6'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M891.1%2041.7L870.4%2050.2'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='870.4'%20cy='50.2'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M890.4%2038.0L868.0%2038.0'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='868.0'%20cy='38.0'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M891.1%2034.3L870.4%2025.8'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='870.4'%20cy='25.8'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M893.2%2031.2L877.4%2015.4'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='877.4'%20cy='15.4'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M896.3%2029.1L887.8%208.4'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='887.8'%20cy='8.4'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M900.0%2028.4L900.0%206.0'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='900.0'%20cy='6.0'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M903.7%2029.1L912.2%208.4'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='912.2'%20cy='8.4'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M906.8%2031.2L922.6%2015.4'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='922.6'%20cy='15.4'%20r='2'%20fill='%23a7f3d0'/%3E%3Cpath%20d='M908.9%2034.3L929.6%2025.8'%20stroke='%23a7f3d0'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='14.4%2032.0'%20stroke-dashoffset='-8.0'/%3E%3Ccircle%20cx='929.6'%20cy='25.8'%20r='2'%20fill='%23a7f3d0'/%3E%3Ccircle%20cx='900'%20cy='38'%20r='3'%20fill='%23fff'/%3E%3C/svg%3E") center / cover no-repeat; opacity: 0; animation: rw-burst 4s ease-out infinite; }
[data-cover="fuegos"]::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1000'%20height='130'%20viewBox='0%200%201000%20130'%20preserveAspectRatio='xMidYMid%20slice'%3E%3Cpath%20d='M260.2%2038.0L284.0%2038.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='284.0'%20cy='38.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M259.4%2041.9L281.4%2051.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='281.4'%20cy='51.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M257.2%2045.2L274.0%2062.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='274.0'%20cy='62.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M253.9%2047.4L263.0%2069.4'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='263.0'%20cy='69.4'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M250.0%2048.2L250.0%2072.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='250.0'%20cy='72.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M246.1%2047.4L237.0%2069.4'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='237.0'%20cy='69.4'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M242.8%2045.2L226.0%2062.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='226.0'%20cy='62.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M240.6%2041.9L218.6%2051.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='218.6'%20cy='51.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M239.8%2038.0L216.0%2038.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='216.0'%20cy='38.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M240.6%2034.1L218.6%2025.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='218.6'%20cy='25.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M242.8%2030.8L226.0%2014.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='226.0'%20cy='14.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M246.1%2028.6L237.0%206.6'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='237.0'%20cy='6.6'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M250.0%2027.8L250.0%204.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='250.0'%20cy='4.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M253.9%2028.6L263.0%206.6'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='263.0'%20cy='6.6'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M257.2%2030.8L274.0%2014.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='274.0'%20cy='14.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Cpath%20d='M259.4%2034.1L281.4%2025.0'%20stroke='%23c4b5fd'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='15.3%2034.0'%20stroke-dashoffset='-8.5'/%3E%3Ccircle%20cx='281.4'%20cy='25.0'%20r='2'%20fill='%23c4b5fd'/%3E%3Ccircle%20cx='250'%20cy='38'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M528.4%2050.0L548.0%2050.0'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='548.0'%20cy='50.0'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M527.8%2053.2L545.9%2060.7'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='545.9'%20cy='60.7'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M525.9%2055.9L539.8%2069.8'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='539.8'%20cy='69.8'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M523.2%2057.8L530.7%2075.9'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='530.7'%20cy='75.9'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M520.0%2058.4L520.0%2078.0'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='520.0'%20cy='78.0'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M516.8%2057.8L509.3%2075.9'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='509.3'%20cy='75.9'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M514.1%2055.9L500.2%2069.8'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='500.2'%20cy='69.8'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M512.2%2053.2L494.1%2060.7'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='494.1'%20cy='60.7'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M511.6%2050.0L492.0%2050.0'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='492.0'%20cy='50.0'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M512.2%2046.8L494.1%2039.3'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='494.1'%20cy='39.3'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M514.1%2044.1L500.2%2030.2'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='500.2'%20cy='30.2'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M516.8%2042.2L509.3%2024.1'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='509.3'%20cy='24.1'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M520.0%2041.6L520.0%2022.0'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='520.0'%20cy='22.0'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M523.2%2042.2L530.7%2024.1'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='530.7'%20cy='24.1'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M525.9%2044.1L539.8%2030.2'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='539.8'%20cy='30.2'%20r='2'%20fill='%23fbbf24'/%3E%3Cpath%20d='M527.8%2046.8L545.9%2039.3'%20stroke='%23fbbf24'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='12.6%2028.0'%20stroke-dashoffset='-7.0'/%3E%3Ccircle%20cx='545.9'%20cy='39.3'%20r='2'%20fill='%23fbbf24'/%3E%3Ccircle%20cx='520'%20cy='50'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M781.4%2034.0L808.0%2034.0'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='808.0'%20cy='34.0'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M780.5%2038.4L805.1%2048.5'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='805.1'%20cy='48.5'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M778.1%2042.1L796.9%2060.9'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='796.9'%20cy='60.9'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M774.4%2044.5L784.5%2069.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='784.5'%20cy='69.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M770.0%2045.4L770.0%2072.0'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='770.0'%20cy='72.0'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M765.6%2044.5L755.5%2069.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='755.5'%20cy='69.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M761.9%2042.1L743.1%2060.9'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='743.1'%20cy='60.9'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M759.5%2038.4L734.9%2048.5'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='734.9'%20cy='48.5'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M758.6%2034.0L732.0%2034.0'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='732.0'%20cy='34.0'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M759.5%2029.6L734.9%2019.5'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='734.9'%20cy='19.5'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M761.9%2025.9L743.1%207.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='743.1'%20cy='7.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M765.6%2023.5L755.5%20-1.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='755.5'%20cy='-1.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M770.0%2022.6L770.0%20-4.0'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='770.0'%20cy='-4.0'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M774.4%2023.5L784.5%20-1.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='784.5'%20cy='-1.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M778.1%2025.9L796.9%207.1'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='796.9'%20cy='7.1'%20r='2'%20fill='%23fca5a5'/%3E%3Cpath%20d='M780.5%2029.6L805.1%2019.5'%20stroke='%23fca5a5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='17.1%2038.0'%20stroke-dashoffset='-9.5'/%3E%3Ccircle%20cx='805.1'%20cy='19.5'%20r='2'%20fill='%23fca5a5'/%3E%3Ccircle%20cx='770'%20cy='34'%20r='3'%20fill='%23fff'/%3E%3Cpath%20d='M57.2%2042.0L74.0%2042.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='74.0'%20cy='42.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M56.7%2044.8L72.2%2051.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='72.2'%20cy='51.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M55.1%2047.1L67.0%2059.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='67.0'%20cy='59.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M52.8%2048.7L59.2%2064.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='59.2'%20cy='64.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M50.0%2049.2L50.0%2066.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='50.0'%20cy='66.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M47.2%2048.7L40.8%2064.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='40.8'%20cy='64.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M44.9%2047.1L33.0%2059.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='33.0'%20cy='59.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M43.3%2044.8L27.8%2051.2'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='27.8'%20cy='51.2'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M42.8%2042.0L26.0%2042.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='26.0'%20cy='42.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M43.3%2039.2L27.8%2032.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='27.8'%20cy='32.8'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M44.9%2036.9L33.0%2025.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='33.0'%20cy='25.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M47.2%2035.3L40.8%2019.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='40.8'%20cy='19.8'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M50.0%2034.8L50.0%2018.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='50.0'%20cy='18.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M52.8%2035.3L59.2%2019.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='59.2'%20cy='19.8'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M55.1%2036.9L67.0%2025.0'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='67.0'%20cy='25.0'%20r='2'%20fill='%237dd3fc'/%3E%3Cpath%20d='M56.7%2039.2L72.2%2032.8'%20stroke='%237dd3fc'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-dasharray='10.8%2024.0'%20stroke-dashoffset='-6.0'/%3E%3Ccircle%20cx='72.2'%20cy='32.8'%20r='2'%20fill='%237dd3fc'/%3E%3Ccircle%20cx='50'%20cy='42'%20r='3'%20fill='%23fff'/%3E%3C/svg%3E"); animation-delay: 2s; }
@keyframes rw-burst { 0% { opacity: 0; transform: scale(.8); } 10% { opacity: 1; } 70% { opacity: .85; transform: scale(1.04); } 100% { opacity: 0; transform: scale(1.08); } }
/* Oropel */
[data-palette="oropel"] { --accent: #f5c542; --ink: #ffe08a; --on-accent: #241800; }
[data-palette="oropel"]:not([data-theme="contraste"]) { --bg: #0c0a08; --bg-deep: #070605; --panel: #17120a; --raise: #221a0d; --line: #4a3a14; --muted: #bfae85; --grid: rgb(245 197 66 / .04); }
[data-theme="claro"][data-palette="oropel"], [data-theme="claro"] [data-palette="oropel"] { --accent: #c9962b; --ink: #8a6100; --muted: #6d5a2e; --bg: #fffaeb; --bg-deep: #f6ead0; --panel: #ffffff; --raise: #fffcf2; --line: #ecd9a3; --grid: rgb(138 97 0 / .05); }
[data-palette="oropel"] body {
  background-image: radial-gradient(ellipse 80% 100% at 50% 0, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%), radial-gradient(circle, color-mix(in srgb, var(--accent) 80%, transparent) 0 1.2px, transparent 2px), radial-gradient(circle, color-mix(in srgb, var(--ink) 50%, transparent) 0 1px, transparent 1.7px);
  background-size: 100% 55vh, 130px 130px, 79px 79px; background-position: 0 0, 40px 20px, 10px 60px; background-repeat: no-repeat, repeat, repeat;
}
[data-palette="oropel"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%);
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 2px 0 color-mix(in srgb, var(--accent) 85%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 7%, transparent);
}
[data-palette="oropel"] .pf-hero {
  background-image: linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); animation: pal-ember 5.5s ease-in-out infinite;
}

/* ========== LOFI NOCTURNO ========== */
/* Gatito: anillo pastel que respira y un gato dormido en la esquina. Hace juego con «Cafecito», la portada «Ventana» y la paleta «Madrugada». */
[data-frame="gatito"] { --fg: #c4b5fd77; animation: rw-breathe 5s ease-in-out infinite; }
[data-frame="gatito"]::before { background: conic-gradient(from var(--ang), #f9a8d4, #c4b5fd, #a5f3fc, #fde68a, #fbbf77, #f9a8d4); animation: rw-spin 20s linear infinite; }
[data-frame="gatito"]::after {
  content: ""; z-index: 3; top: calc((var(--bw) + var(--fw) + 9px) * -1); right: calc((var(--bw) + var(--fw) + 5px) * -1); width: 34%; aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20d='M5%2014L6%203l8%205.5h4L26%203l1%2011c1.6%202%202.5%204.4%202.5%207%200%205.2-6%208-13.5%208S2.5%2026.200%202.500%2021c0-2.600.9-5%202.500-7z'%20fill='%23f6d7a7'/%3E%20%3Cpath%20d='M7.500%207l.5%205%203.500-2.500zM24.500%207l-.5%205-3.500-2.500z'%20fill='%23f4a6c0'/%3E%3Cpath%20d='M9.500%2018.500q2%201.800%204%200M18.500%2018.500q2%201.800%204%200'%20fill='none'%20stroke='%233b2f5c'%20stroke-width='1.500'%20stroke-linecap='round'/%3E%20%3Cpath%20d='M14.800%2021.500h2.400l-1.200%201.300z'%20fill='%23e87aa0'/%3E%3Cpath%20d='M16%2022.800v1.200M16%2024q-1.500%201.200-3%20.5M16%2024q1.500%201.200%203%20.5'%20fill='none'%20stroke='%233b2f5c'%20stroke-width='1'%20stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 1px 2px #0006); animation: rw-float 4s ease-in-out infinite;
}
/* Cafecito: letra a mano con degradado pastel que se mece. */
[data-fx="lofi"] { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(90deg, #f9a8d4, #c4b5fd, #a5f3fc, #fde68a, #f9a8d4); background-size: 240% 100%;
  filter: drop-shadow(0 0 5px #c4b5fd88); animation: rw-slide 10s linear infinite; font-size: 1.3em; font-weight: 700; }
[data-theme="claro"] [data-fx="lofi"] { background-image: linear-gradient(90deg, #c2358a, #6d4bd1, #0a7ea4, #b45309, #c2358a); filter: none; }
/* Ventana: lluvia sobre una ciudad de noche con luces desenfocadas. */
[data-cover="ventana"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20%3E%3Cpath%20d='M40%2042l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M23%2054l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M71%2023l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M21%2012l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M12%2055l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M80%2041l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M107%2011l-6%2030'%20stroke='%23cfe0ff'%20stroke-opacity='0.45'%20stroke-width='1'%20stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 120px 120px repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%20%3E%3Cpath%20d='M69%2043l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M57%2021l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M27%2015l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M10%2025l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M74%2033l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3Cpath%20d='M20%2025l-6%2030'%20stroke='%23a9c0f2'%20stroke-opacity='0.25'%20stroke-width='1'%20stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 90px 90px repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1000'%20height='140'%20viewBox='0%200%201000%20140'%20preserveAspectRatio='xMidYMid%20slice'%3E%3Cdefs%3E%3Cfilter%20id='b'%3E%3CfeGaussianBlur%20stdDeviation='3'/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter='url(%23b)'%3E%3Ccircle%20cx='505'%20cy='64'%20r='16'%20fill='%23c4b5fd'%20opacity='0.5'/%3E%3Ccircle%20cx='378'%20cy='48'%20r='12'%20fill='%23fbbf77'%20opacity='0.35'/%3E%3Ccircle%20cx='514'%20cy='65'%20r='16'%20fill='%23fde68a'%20opacity='0.5'/%3E%3Ccircle%20cx='905'%20cy='106'%20r='9'%20fill='%23c4b5fd'%20opacity='0.25'/%3E%3Ccircle%20cx='697'%20cy='109'%20r='8'%20fill='%23fde68a'%20opacity='0.35'/%3E%3Ccircle%20cx='186'%20cy='73'%20r='9'%20fill='%23fbbf77'%20opacity='0.5'/%3E%3Ccircle%20cx='858'%20cy='55'%20r='7'%20fill='%23c4b5fd'%20opacity='0.5'/%3E%3Ccircle%20cx='858'%20cy='73'%20r='16'%20fill='%23fde68a'%20opacity='0.25'/%3E%3Ccircle%20cx='39'%20cy='37'%20r='16'%20fill='%23c4b5fd'%20opacity='0.25'/%3E%3Ccircle%20cx='113'%20cy='84'%20r='13'%20fill='%23fbbf77'%20opacity='0.5'/%3E%3Ccircle%20cx='453'%20cy='47'%20r='14'%20fill='%237dd3fc'%20opacity='0.5'/%3E%3Ccircle%20cx='591'%20cy='50'%20r='6'%20fill='%23c4b5fd'%20opacity='0.25'/%3E%3Ccircle%20cx='539'%20cy='40'%20r='12'%20fill='%23c4b5fd'%20opacity='0.35'/%3E%3Ccircle%20cx='704'%20cy='106'%20r='13'%20fill='%23fde68a'%20opacity='0.5'/%3E%3Ccircle%20cx='413'%20cy='99'%20r='6'%20fill='%23fbbf77'%20opacity='0.25'/%3E%3Ccircle%20cx='826'%20cy='114'%20r='10'%20fill='%237dd3fc'%20opacity='0.35'/%3E%3Ccircle%20cx='906'%20cy='118'%20r='12'%20fill='%237dd3fc'%20opacity='0.25'/%3E%3Ccircle%20cx='278'%20cy='60'%20r='11'%20fill='%237dd3fc'%20opacity='0.35'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='640'%20height='90'%20viewBox='0%200%20640%2090'%20%3E%3Crect%20x='0'%20y='42'%20width='34'%20height='48'%20fill='%230a0a22'/%3E%3Crect%20x='18'%20y='47'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='25'%20y='47'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='4'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='11'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='11'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='18'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='25'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='4'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='25'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='25'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='34'%20y='65'%20width='36'%20height='25'%20fill='%230a0a22'/%3E%3Crect%20x='52'%20y='70'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='52'%20y='77'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='52'%20y='84'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='59'%20y='84'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='70'%20y='49'%20width='39'%20height='41'%20fill='%230a0a22'/%3E%3Crect%20x='81'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='88'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='95'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='88'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='102'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='74'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='74'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='102'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='109'%20y='65'%20width='28'%20height='25'%20fill='%230a0a22'/%3E%3Crect%20x='113'%20y='70'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='120'%20y='70'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='127'%20y='77'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='127'%20y='84'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='139'%20y='17'%20width='23'%20height='73'%20fill='%230a0a22'/%3E%3Crect%20x='143'%20y='22'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='143'%20y='29'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='157'%20y='36'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='143'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='157'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='150'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='143'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='157'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='164'%20y='38'%20width='35'%20height='52'%20fill='%230a0a22'/%3E%3Crect%20x='175'%20y='43'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='182'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='189'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='168'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='182'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='168'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='175'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='168'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='175'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='182'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='201'%20y='63'%20width='28'%20height='27'%20fill='%230a0a22'/%3E%3Crect%20x='219'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='205'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='212'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='219'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='231'%20y='49'%20width='31'%20height='41'%20fill='%230a0a22'/%3E%3Crect%20x='249'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='235'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='242'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='249'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='242'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='249'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='256'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='249'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='262'%20y='53'%20width='27'%20height='37'%20fill='%230a0a22'/%3E%3Crect%20x='273'%20y='65'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='280'%20y='72'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='266'%20y='79'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='289'%20y='21'%20width='22'%20height='69'%20fill='%230a0a22'/%3E%3Crect%20x='293'%20y='26'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='293'%20y='40'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='293'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='300'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='293'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='300'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='300'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='311'%20y='27'%20width='39'%20height='63'%20fill='%230a0a22'/%3E%3Crect%20x='329'%20y='32'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='315'%20y='39'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='322'%20y='39'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='315'%20y='46'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='322'%20y='46'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='343'%20y='46'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='329'%20y='53'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='315'%20y='60'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='329'%20y='60'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='336'%20y='60'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='329'%20y='74'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='336'%20y='74'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='343'%20y='74'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='315'%20y='81'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='322'%20y='81'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='329'%20y='81'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='352'%20y='27'%20width='27'%20height='63'%20fill='%230a0a22'/%3E%3Crect%20x='363'%20y='32'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='356'%20y='39'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='363'%20y='46'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='370'%20y='53'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='370'%20y='67'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='356'%20y='81'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='363'%20y='81'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='381'%20y='59'%20width='32'%20height='31'%20fill='%230a0a22'/%3E%3Crect%20x='392'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='406'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='385'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='392'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='399'%20y='85'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='413'%20y='19'%20width='32'%20height='71'%20fill='%230a0a22'/%3E%3Crect%20x='417'%20y='24'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='424'%20y='24'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='431'%20y='24'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='438'%20y='31'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='417'%20y='52'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='438'%20y='66'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='417'%20y='80'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='445'%20y='45'%20width='31'%20height='45'%20fill='%230a0a22'/%3E%3Crect%20x='463'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='470'%20y='50'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='449'%20y='57'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='449'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='463'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='463'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='463'%20y='85'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='476'%20y='59'%20width='34'%20height='31'%20fill='%230a0a22'/%3E%3Crect%20x='494'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='501'%20y='64'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='494'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='501'%20y='71'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='494'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='501'%20y='78'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='487'%20y='85'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='501'%20y='85'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='510'%20y='49'%20width='25'%20height='41'%20fill='%230a0a22'/%3E%3Crect%20x='514'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='521'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='514'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='514'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='521'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='514'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='521'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='528'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='537'%20y='42'%20width='32'%20height='48'%20fill='%230a0a22'/%3E%3Crect%20x='548'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='562'%20y='54'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='548'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='555'%20y='61'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='541'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='555'%20y='68'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='548'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='555'%20y='75'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='555'%20y='82'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='571'%20y='60'%20width='28'%20height='30'%20fill='%230a0a22'/%3E%3Crect%20x='582'%20y='65'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='575'%20y='72'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='582'%20y='72'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='582'%20y='79'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='589'%20y='79'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='599'%20y='16'%20width='22'%20height='74'%20fill='%230a0a22'/%3E%3Crect%20x='610'%20y='49'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='610'%20y='56'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='610'%20y='70'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='610'%20y='77'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='621'%20y='44'%20width='19'%20height='46'%20fill='%230a0a22'/%3E%3Crect%20x='632'%20y='49'%20width='2.4'%20height='3.2'%20fill='%23fde68a'%20opacity='.85'/%3E%3Crect%20x='625'%20y='63'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3Crect%20x='625'%20y='70'%20width='2.4'%20height='3.2'%20fill='%23f9a8d4'%20opacity='.85'/%3E%3Crect%20x='632'%20y='84'%20width='2.4'%20height='3.2'%20fill='%23fbbf77'%20opacity='.85'/%3E%3C/svg%3E") 0 100% / 640px 90px repeat-x,
    radial-gradient(ellipse at 50% 120%, #fbbf7733, transparent 60%), linear-gradient(180deg, #0b0a22, #1c1a46 55%, #3a2a5e 100%);
  animation: rw-rain 1.4s linear infinite;
}
@keyframes rw-rain { to { background-position: -24px 120px, -18px 90px, 0 0, 0 100%, 0 0, 0 0; } }
/* Madrugada */
[data-palette="madrugada"] { --accent: #fbbf77; --ink: #a5b4fc; --on-accent: #2a1500; }
[data-palette="madrugada"]:not([data-theme="contraste"]) { --bg: #14122b; --bg-deep: #0e0c20; --panel: #1c1a3a; --raise: #26234a; --line: #3d3a72; --muted: #a9a7d0; --grid: transparent; }
[data-theme="claro"][data-palette="madrugada"], [data-theme="claro"] [data-palette="madrugada"] { --accent: #e08a2b; --ink: #4f46e5; --muted: #615d8f; --bg: #f3f1ff; --bg-deep: #e6e2fb; --panel: #ffffff; --raise: #f8f6ff; --line: #d6d1f3; --grid: transparent; }
[data-palette="madrugada"] body {
  background-image: radial-gradient(ellipse 80% 100% at 50% 0, color-mix(in srgb, var(--ink) 15%, transparent), transparent 70%), radial-gradient(ellipse 80% 100% at 50% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), radial-gradient(circle, color-mix(in srgb, var(--ink) 45%, transparent) 0 1px, transparent 1.7px);
  background-size: 100% 50vh, 100% 40vh, 110px 110px; background-position: 0 0, 0 100%, 30px 44px; background-repeat: no-repeat, no-repeat, repeat; background-attachment: fixed, fixed, scroll;
}
[data-palette="madrugada"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--ink) 10%, transparent), transparent 55%); border-radius: 14px;
  border-color: color-mix(in srgb, var(--ink) 30%, var(--line)); box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--accent) 30%, transparent);
}
[data-palette="madrugada"] .pf-hero {
  background-image: linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
}
[data-palette="madrugada"] .pf-hero { border-radius: 14px; }
[data-palette="madrugada"] .pf-banner { border-radius: 13px 13px 0 0; }

/* ========== PIRATAS ========== */
/* Timón: aro de madera con las manijas de un timón de barco que gira despacio. Hace juego con «Bucanero», la portada «Alta mar» y la paleta «Se busca». */
[data-frame="timon"] { --fg: #00000000; }
[data-frame="timon"]::before { background: conic-gradient(from 20deg, #5b3a1a, #a0692f, #7a4a20, #c58a45, #5b3a1a 50%, #a0692f, #6b4220, #c58a45, #5b3a1a); }
[data-frame="timon"]::after {
  content: ""; z-index: 3; inset: calc((var(--bw) + 3px + var(--fw) + 7px) * -1); padding: 8px; border-radius: calc(var(--pf-r, 8px) + var(--bw) + 3px + var(--fw) + 7px);
  background: repeating-conic-gradient(from var(--ang), #d9a24a 0 7deg, transparent 7deg 45deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: rw-spin 40s linear infinite;
}
/* Bucanero: letra de cartel de taberna, oro viejo con sombra de tinta. */
[data-fx="bucanero"] { color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(180deg, #fbe7b0, #e0a84a 50%, #8a5522 54%, #d9a55a);
  filter: drop-shadow(1px 1px 0 #1b0f05) drop-shadow(0 0 4px #e0a84a55); letter-spacing: .03em; font-size: 1.28em; }
[data-theme="claro"] [data-fx="bucanero"] { background-image: linear-gradient(180deg, #8a5522, #5b3412 55%, #7a4a20); filter: drop-shadow(0 1px 0 #ffffff88); }
/* Alta mar: un galeón al atardecer, gaviotas y dos olas que avanzan a distinta velocidad. */
[data-cover="altamar"] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='500'%20height='120'%20viewBox='0%200%20500%20120'%20%3E%3Cg%20fill='none'%20stroke='%232a1410'%20stroke-width='1.8'%20stroke-linecap='round'%3E%3Cpath%20d='M90%2034q6-7%2012%200q6-7%2012%200'/%3E%3Cpath%20d='M160%2058q5-6%2010%200q5-6%2010%200'/%3E%3Cpath%20d='M390%2028q6-7%2012%200q6-7%2012%200'/%3E%3Cpath%20d='M440%2050q4-5%208%200q4-5%208%200'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 500px 120px repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='60'%20viewBox='0%200%20300%2060'%20%3E%3Cpath%20d='M0%2030Q37.500%2012%2075%2030T150%2030T225%2030T300%2030V60H0Z'%20fill='%230a2c4d'/%3E%3Cpath%20d='M0%2030Q37.500%2012%2075%2030T150%2030T225%2030T300%2030'%20fill='none'%20stroke='%239fd3ff'%20stroke-opacity='.35'%20stroke-width='1.5'/%3E%3C/svg%3E") 0 100% / 300px 34% repeat-x, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='130'%20height='112'%20viewBox='0%200%20130%20112'%20%3E%3Cg%20fill='%23150a0a'%3E%3Cpath%20d='M8%2078Q60%20100%20112%2078L104%2096Q60%20108%2016%2096Z'/%3E%3Cpath%20d='M4%2070H116L112%2080Q60%2096%208%2080Z'/%3E%3Crect%20x='58'%20y='6'%20width='3'%20height='68'/%3E%3Crect%20x='30'%20y='20'%20width='3'%20height='54'/%3E%3Crect%20x='88'%20y='24'%20width='3'%20height='50'/%3E%3Cpath%20d='M60%2010Q82%2020%2078%2044Q60%2050%2042%2044Q38%2020%2060%2010Z'%20opacity='.92'/%3E%3Cpath%20d='M60%2046Q86%2054%2082%2070H38Q34%2054%2060%2046Z'%20opacity='.92'/%3E%3Cpath%20d='M32%2024Q46%2030%2044%2044Q32%2048%2020%2044Q18%2030%2032%2024Z'%20opacity='.92'/%3E%3Cpath%20d='M90%2028Q102%2034%20100%2046Q90%2050%2080%2046Q78%2034%2090%2028Z'%20opacity='.92'/%3E%3Cpath%20d='M61%206l14%204-14%204Z'/%3E%3Cpath%20d='M4%2070L-6%2060l12%204Z'/%3E%3Cpath%20d='M116%2070H128V62Z'/%3E%3C/g%3E%3C/svg%3E") 68% 62% / auto 66% no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='60'%20viewBox='0%200%20400%2060'%20%3E%3Cpath%20d='M0%2030Q50%208%20100%2030T200%2030T300%2030T400%2030V60H0Z'%20fill='%2312426e'/%3E%3C/svg%3E") 0 100% / 400px 46% repeat-x,
    radial-gradient(circle at 22% 62%, #fff3c4 0 4%, #ffd36a88 9%, transparent 26%), linear-gradient(180deg, #1a2a6c, #b21f1f 62%, #fdbb2d 100%);
  animation: rw-sea 24s linear infinite;
}
@keyframes rw-sea { to { background-position: 500px 0, -300px 100%, 68% 62%, 400px 100%, 0 0, 0 0; } }
/* Se busca */
[data-palette="buscado"] { --accent: #e0a84a; --ink: #f3d9a0; --on-accent: #2a1700; }
[data-palette="buscado"]:not([data-theme="contraste"]) { --bg: #1d150c; --bg-deep: #150f08; --panel: #2a1e11; --raise: #36271a; --line: #5e4528; --muted: #c9b08a; --grid: rgb(224 168 74 / .04); }
[data-theme="claro"][data-palette="buscado"], [data-theme="claro"] [data-palette="buscado"] { --accent: #a8681a; --ink: #6b3f10; --muted: #7a5a30; --bg: #f6e9cc; --bg-deep: #ecd9b0; --panel: #fff8e6; --raise: #fdf1d4; --line: #d9bd86; --grid: rgb(107 63 16 / .05); }
[data-palette="buscado"] body {
  background-image: radial-gradient(ellipse 110% 90% at 50% 40%, transparent 55%, color-mix(in srgb, #000 40%, transparent)), radial-gradient(ellipse 80% 100% at 50% 100%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);
  background-size: 100% 100%, 100% 50vh; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-attachment: fixed;
}
[data-palette="buscado"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: radial-gradient(circle at 9px 9px, var(--accent) 0 2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) 9px, var(--accent) 0 2px, transparent 2.6px),
    radial-gradient(circle at 9px calc(100% - 9px), var(--accent) 0 2px, transparent 2.6px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), var(--accent) 0 2px, transparent 2.6px),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%);
  border-radius: 3px; border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); outline: 1.5px dashed color-mix(in srgb, var(--accent) 50%, transparent); outline-offset: -6px;
}
[data-palette="buscado"] .pf-hero {
  background-image: linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
}

.rw-cv { display: block; height: 3rem; border-radius: 3px; overflow: hidden; }

/* Tema claro: los efectos pensados para fondo oscuro se oscurecen para que se lean */
[data-theme="claro"] [data-fx="plata"] { background-image: linear-gradient(180deg, #8b97a8, #4b5667 50%, #7d8794); }
[data-theme="claro"] [data-fx="escarcha"] { background-image: linear-gradient(100deg, #1d8fd6 0 40%, #7fd4ff 50%, #1d8fd6 60% 100%); filter: none; }
[data-theme="claro"] [data-fx="sakura"] { background-image: linear-gradient(90deg, #d6428f, #f472b6, #b02470, #e0559f, #d6428f); filter: none; }
[data-theme="claro"] [data-fx="holograma"] { background-image: linear-gradient(115deg, #0a7ea4, #6d4bd1 25%, #b02470 50%, #0b8a5a 75%, #0a7ea4); filter: none; }
[data-theme="claro"] [data-fx="neon-rosa"] { color: #c026d3; text-shadow: 0 0 8px #ff2bd655; }
[data-theme="claro"] [data-fx="neon-pulso"] { color: #0891b2; text-shadow: 0 0 8px #00e5ff66; animation: none; }
[data-theme="claro"] [data-fx="matrix"] { color: #15803d; text-shadow: 0 0 6px #00c85355; }
[data-theme="claro"] [data-fx="veneno"] { background-image: linear-gradient(90deg, #4d7c0f, #15803d, #6d28d9, #4d7c0f); filter: none; }
[data-theme="claro"] [data-fx="aurora"] { background-image: linear-gradient(90deg, #0b8a5a, #0a7ea4, #6d4bd1, #b02470, #0b8a5a); filter: none; }
[data-theme="claro"] [data-fx="galaxia"] { background-image: linear-gradient(90deg, #5b21b6, #0a7ea4, #b02470, #6d28d9, #5b21b6); filter: none; }

[data-theme="claro"] [data-fx="luz"] { background-image: linear-gradient(100deg, #b8860b 0 38%, #e0a800 50%, #8a5a00 62%, #b8860b 100%); filter: none; }
[data-theme="claro"] [data-fx="algodon"] { background-image: linear-gradient(90deg, #d6428f, #8b5cf6, #0a7ea4, #c2358a, #d6428f); filter: none; }
[data-theme="claro"] [data-fx="bosque"] { background-image: linear-gradient(90deg, #4d7c0f, #15803d, #a16207, #166534, #4d7c0f); filter: none; }
[data-theme="claro"] [data-fx="cyber"] { color: #0e7490; text-shadow: 1px 0 #c026d3aa, -1px 0 #0891b2aa; }
[data-theme="claro"] [data-fx="gotico"] { color: #4a0612; text-shadow: 0 1px 0 #ffffff99, 0 0 6px #b3122d44; animation: none; }
[data-theme="claro"] [data-fx="terminal"] { color: #9a5b00; text-shadow: 0 0 5px #ff9d0044; }
[data-theme="claro"] [data-fx="chicle"] { color: #fff; }
[data-theme="claro"] [data-frame="aureola"]::before { background: conic-gradient(from var(--ang), #d4a017, #f5c242, #fff2b0, #d4a017, #e8b82a, #d4a017); }
[data-theme="claro"] [data-frame="aureola"]::after { background: conic-gradient(from var(--ang), #e0a800, #f5c242, #b8860b, #f0b400, #e0a800); }
[data-theme="claro"] [data-frame="aureola"] { --fg: #e0a80044; }

[data-theme="claro"] [data-fx="maleficio"] { background-image: linear-gradient(180deg, #d97706, #c2410c 50%, #7c2d12); filter: drop-shadow(0 1px 0 #ffffffaa); animation: none; }

@media (prefers-reduced-motion: reduce) {
  [data-frame], [data-frame]::before, [data-frame]::after, [data-fx], [data-fx]::before, [data-fx]::after, [data-cover], [data-cover]::before, [data-cover]::after { animation: none !important; }
}

/* ---------- Pestaña «Recompensas» del editor ---------- */
.rw-group { margin-bottom: 1.5rem; }
.rw-group h3 { display: flex; align-items: baseline; gap: .6rem; margin: 0 0 .6rem; font-size: .9rem; }
.rw-group h3 small { color: var(--muted); font: 400 .72rem var(--mono); }
.rw-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.rw-card { --rare: var(--line); position: relative; display: grid; align-content: start; gap: .35rem; padding: .5rem; border: 1px solid var(--rare); border-radius: 4px; color: var(--muted); font-size: .78rem; text-align: center; overflow: hidden; }
.rw-card[data-rarity="rara"] { --rare: #4cc9f0; }
.rw-card[data-rarity="epica"] { --rare: #a78bfa; }
.rw-card[data-rarity="legendaria"] { --rare: #ffb703; }
.rw-card b { color: var(--text); font-weight: 500; line-height: 1.2; }
.rw-card small { font: 400 .66rem var(--mono); text-transform: uppercase; letter-spacing: .04em; color: var(--rare); }
.rw-card[data-rarity="comun"] small { color: var(--muted); }
.rw-card.on { outline: 2px solid var(--ink); outline-offset: 1px; color: var(--ink); }
.rw-card.locked { opacity: .5; }
.rw-card.locked::after { content: ""; position: absolute; top: .4rem; right: .4rem; width: .9rem; height: .9rem; background: currentColor; -webkit-mask: var(--lock) center / contain no-repeat; mask: var(--lock) center / contain no-repeat; }
.rw-card { --lock: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='5' y='11' width='14' height='9'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>"); }
.rw-none { display: grid; place-items: center; min-height: 3.6rem; font: 400 .7rem var(--mono); }
.rw-fx { display: grid; place-items: center; min-height: 3.6rem; font-size: 1.25rem; }
#rw-hint { min-height: 1.3rem; margin: 0 0 1rem; font-size: .82rem; color: var(--muted); }
@media (max-width: 700px) { .rw-grid { grid-template-columns: 1fr 1fr; } }

/* ---------- En listas, rankings y llaves: quieto y compacto ----------
   Los marcos y nombres llevan data-still: sin animación y con el anillo más fino. La tipografía propia no se carga en las listas. */
[data-still], [data-still]::before, [data-still]::after { animation: none !important; }
.av.sm[data-frame] { position: relative; overflow: visible; --fw: 2px; --bw: 0px; box-shadow: none; }
.av.sm[data-frame] img { border-radius: inherit; }
.av.sm[data-frame]::before { inset: calc(var(--fw) * -1 - 1px); border-radius: calc(4px + var(--fw) + 1px); }
.av.sm[data-frame]::after { content: none !important; }
[data-fx][data-still]::before, [data-fx][data-still]::after { content: none; }
[data-fx][data-still] { max-width: 100%; vertical-align: bottom; }

/* ---------- Aviso «Desbloqueaste…» ---------- */
#rw-news { position: fixed; inset: 4.8rem 1rem auto auto; z-index: 60; display: grid; gap: .5rem; width: min(22rem, calc(100vw - 2rem));
  margin: 0; padding: 0; border: 0; background: none; overflow: visible; }
#rw-news:empty { display: none; }
.rw-news-card { --rare: var(--muted); display: grid; grid-template-columns: 4.2rem minmax(0, 1fr) auto auto; align-items: center; gap: .6rem; padding: .55rem .5rem .55rem .6rem;
  background: var(--bg-deep); border: 1px solid var(--rare); border-bottom-width: 3px; border-radius: 4px; color: var(--text); box-shadow: 0 8px 24px #0006; animation: rw-news-in .28s ease-out; }
.rw-news-card[data-rarity="rara"] { --rare: #4cc9f0; }
.rw-news-card[data-rarity="epica"] { --rare: #a78bfa; }
.rw-news-card[data-rarity="legendaria"] { --rare: #ffb703; }
.rw-news-art { display: grid; place-items: center; min-height: 3rem; overflow: hidden; }
.rw-news-art .rw-av { width: 2.2rem; height: 2.2rem; margin: .3rem auto; }
.rw-news-art .rw-cv { width: 100%; height: 2.4rem; }
.rw-news-art .rw-fx { min-height: 2.4rem; font-size: 1rem; }
.rw-news-txt { display: grid; gap: .1rem; min-width: 0; }
.rw-news-txt small { font: 500 .62rem var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--rare); }
.rw-news-txt b { font-weight: 600; overflow-wrap: anywhere; line-height: 1.2; }
.rw-news-txt span { font: .7rem var(--mono); color: var(--muted); }
.rw-news-view { padding: .3rem .7rem; font-size: .78rem; }
.rw-news-x { padding: .25rem; }
.rw-news-more { margin: 0; padding: .35rem .6rem; background: var(--bg-deep); border: 1px solid var(--line); border-radius: 4px; font: .72rem var(--mono); color: var(--muted); }
@keyframes rw-news-in { from { opacity: 0; transform: translateY(8px); } }
@media (max-width: 520px) { #rw-news { inset: 5.3rem .6rem auto .6rem; width: auto; } .rw-news-card { grid-template-columns: 3.4rem minmax(0, 1fr) auto auto; } }
@media (prefers-reduced-motion: reduce) { .rw-news-card { animation: none !important; } }

/* Filtro por sinergia (combos) en la pestaña Recompensas del editor */
.rw-syn { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 0 0 1rem; }
.rw-syn > span { margin-right: .3rem; font: 500 .62rem var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.rw-syn button { display: inline-flex; align-items: baseline; gap: .4rem; padding: .25rem .65rem; font-size: .78rem; border-radius: 3px; background: transparent; color: var(--muted); border: 1px solid var(--line); box-shadow: none; }
.rw-syn button i { font: 500 .66rem var(--mono); font-style: normal; }
.rw-syn button:hover { color: var(--text); border-color: var(--ink); }
.rw-syn button.on { color: var(--on-accent); background: var(--accent); border-color: var(--accent); font-weight: 600; }
.rw-syn-note { margin: -.4rem 0 1rem; font-size: .8rem; color: var(--muted); }

/* Paletas de colores del perfil (tipo «palette»). Cambian el acento y también el fondo de toda la página, los cuadros y la cabecera.
   Mientras se mira un perfil con paleta, <html> lleva data-palette; la vista previa del editor y las muestras la llevan en su propio elemento.
   Con alto contraste solo cambia el acento: los fondos y bordes de ese tema no se tocan. */
[data-palette="amanecer"] { --accent: #ffd98a; --ink: #ffe3a3; --on-accent: #2a1d00; }
[data-palette="ascua"] { --accent: #ff7a1a; --ink: #ff9a4d; --on-accent: #1f0a00; }
[data-palette="bombon"] { --accent: #ff8fc7; --ink: #ff9fd0; --on-accent: #3a0a24; }

/* superficies en los temas oscuros */
[data-palette="amanecer"]:not([data-theme="contraste"]) { --bg: #1b2145; --bg-deep: #141a38; --panel: #232a56; --raise: #2e3668; --line: #3f4a82; --muted: #aab3d8; --grid: rgb(255 226 163 / .045); }
[data-palette="ascua"]:not([data-theme="contraste"]) { --bg: #1c0f0a; --bg-deep: #140a06; --panel: #27150d; --raise: #351c11; --line: #55291a; --muted: #c4a597; --grid: rgb(255 122 26 / .05); }
[data-palette="bombon"]:not([data-theme="contraste"]) { --bg: #2a1630; --bg-deep: #1f0f24; --panel: #371b3f; --raise: #46234f; --line: #66306f; --muted: #cfa9d2; --grid: transparent; }

/* superficies en el tema claro */
[data-theme="claro"][data-palette="amanecer"], [data-theme="claro"] [data-palette="amanecer"] { --accent: #e6ae2f; --ink: #8a5a00; --muted: #6d5a2e; --bg: #fdf5e0; --bg-deep: #f6e9c8; --panel: #fffcf2; --raise: #fff8e4; --line: #ecd9a3; --grid: rgb(138 90 0 / .05); }
[data-theme="claro"][data-palette="ascua"], [data-theme="claro"] [data-palette="ascua"] { --accent: #f26a0a; --ink: #b53f00; --muted: #7d4a33; --bg: #fff1e6; --bg-deep: #fbe0cc; --panel: #fffaf6; --raise: #fff3ea; --line: #f1c9ab; --grid: rgb(181 63 0 / .05); }
[data-theme="claro"][data-palette="bombon"], [data-theme="claro"] [data-palette="bombon"] { --accent: #f2709f; --ink: #b81f72; --muted: #86507a; --bg: #fff0f7; --bg-deep: #fbdbea; --panel: #ffffff; --raise: #fff5fa; --line: #f6c4dc; --grid: transparent; }

/* fondo de la página (solo con <html data-palette>, o sea, mirando un perfil) */
[data-palette="amanecer"] body {
  background-image:
    radial-gradient(ellipse 70% 100% at 50% 0, color-mix(in srgb, var(--accent) 13%, #8b6fd6 9%), transparent 70%),
    radial-gradient(circle, color-mix(in srgb, var(--accent) 85%, transparent) 0 1.2px, transparent 2px),
    radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent) 0 1px, transparent 1.7px);
  background-size: 100% 70vh, 120px 120px, 76px 76px; background-position: 0 0, 30px 40px, 80px 10px; background-repeat: no-repeat, repeat, repeat;
}
[data-palette="ascua"] body {
  background-image:
    radial-gradient(ellipse 90% 100% at 50% 100%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%),
    linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 100% 60vh, 40px 40px, 40px 40px; background-position: 0 100%, 0 0, 0 0; background-repeat: no-repeat, repeat, repeat; background-attachment: fixed, scroll, scroll;
}
[data-palette="bombon"] body {
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0 3px, transparent 3.6px),
    radial-gradient(circle, color-mix(in srgb, var(--accent) 14%, transparent) 0 3px, transparent 3.6px);
  background-size: 44px 44px; background-position: 0 0, 22px 22px;
}

/* cuadros del perfil y vista previa del editor */
[data-palette="amanecer"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 55%);
  border-color: color-mix(in srgb, var(--accent) 32%, var(--line));
  box-shadow: 0 0 26px color-mix(in srgb, var(--accent) 7%, transparent);
}
[data-palette="ascua"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: linear-gradient(0deg, color-mix(in srgb, var(--accent) 13%, transparent), transparent 50%);
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent) 60%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 8%, transparent);
}
[data-palette="bombon"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 50%);
  border-radius: 14px; border-color: color-mix(in srgb, var(--accent) 38%, var(--line));
  outline: 1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent); outline-offset: -7px;
}

/* cabecera del perfil: conserva las marcas de esquina y suma su propio diseño */
[data-palette="amanecer"] .pf-hero {
  background-image:
    linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    radial-gradient(ellipse 60% 90% at 88% 0, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  box-shadow: 0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);
}
[data-palette="ascua"] .pf-hero {
  background-image:
    linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent 45%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  animation: pal-ember 5s ease-in-out infinite;
}
[data-palette="bombon"] .pf-hero {
  background-image:
    linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    radial-gradient(circle, color-mix(in srgb, var(--accent) 26%, transparent) 0 3px, transparent 3.6px);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 26px 26px;
  border-radius: 14px; border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
}
[data-palette="bombon"] .pf-banner { border-radius: 13px 13px 0 0; }
/* Noche de brujas: violeta de medianoche con acento de calabaza y telarañas en los cuadros. Hace juego con la «Calabaza tallada». */
[data-palette="noche"] { --accent: #ff8a1f; --ink: #c9a4ff; --on-accent: #1f0a00; }
[data-palette="noche"]:not([data-theme="contraste"]) { --bg: #170a24; --bg-deep: #10061a; --panel: #211033; --raise: #2d1745; --line: #4a2a6e; --muted: #b9a2d6; --grid: rgb(255 138 31 / .045); }
[data-theme="claro"][data-palette="noche"], [data-theme="claro"] [data-palette="noche"] { --accent: #e8650a; --ink: #6b21a8; --muted: #6a4d85; --bg: #f8f0ff; --bg-deep: #efe0fb; --panel: #ffffff; --raise: #fbf5ff; --line: #e0c8f3; --grid: rgb(107 33 168 / .05); }

[data-palette="noche"] body {
  background-image:
    radial-gradient(ellipse 80% 100% at 50% 100%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%),
    radial-gradient(ellipse 60% 100% at 88% 0, color-mix(in srgb, var(--ink) 16%, transparent), transparent 70%),
    radial-gradient(circle, color-mix(in srgb, var(--ink) 38%, transparent) 0 1px, transparent 1.7px);
  background-size: 100% 55vh, 100% 45vh, 96px 96px; background-position: 0 100%, 0 0, 24px 36px; background-repeat: no-repeat, no-repeat, repeat; background-attachment: fixed, fixed, scroll;
}
[data-palette="noche"] :is(.pf-box, .pf-stats div, .pv) {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3Cpath%20d='M40%200L40.0%2038.0M40%200L25.5%2035.1M40%200L13.1%2026.9M40%200L4.9%2014.5M40%200L2.0%200.0M40.0%2011.0Q38.3%208.6%2035.8%2010.2M35.8%2010.2Q35.1%207.3%2032.2%207.8M32.2%207.8Q32.7%204.9%2029.8%204.2M29.8%204.2Q31.4%201.7%2029.0%200.0M40.0%2020.0Q36.9%2015.7%2032.3%2018.5M32.3%2018.5Q31.1%2013.3%2025.9%2014.1M25.9%2014.1Q26.7%208.9%2021.5%207.7M21.5%207.7Q24.3%203.1%2020.0%200.0M40.0%2030.0Q35.3%2023.5%2028.5%2027.7M28.5%2027.7Q26.7%2020.0%2018.8%2021.2M18.8%2021.2Q20.0%2013.3%2012.3%2011.5M12.3%2011.5Q16.5%204.7%2010.0%200.0M40.0%2038.0Q34.1%2029.8%2025.5%2035.1M25.5%2035.1Q23.1%2025.3%2013.1%2026.9M13.1%2026.9Q14.7%2016.9%204.9%2014.5M4.9%2014.5Q10.2%205.9%202.0%200.0'%20fill='none'%20stroke='%23b794f6'%20stroke-opacity='.55'%20stroke-width='.9'%20stroke-linecap='round'/%3E%3C/svg%3E"), linear-gradient(180deg, color-mix(in srgb, var(--ink) 11%, transparent), transparent 55%);
  background-repeat: no-repeat; background-position: right top, 0 0; background-size: 38px 38px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent) 55%, transparent), 0 0 22px color-mix(in srgb, var(--ink) 8%, transparent);
}
[data-palette="noche"] .pf-hero {
  background-image:
    linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)), linear-gradient(var(--accent), var(--accent)),
    linear-gradient(0deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 48%);
  background-position: top left, top left, bottom right, bottom right, 0 0; background-size: 16px 2px, 2px 16px, 16px 2px, 2px 16px, 100% 100%;
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
  animation: pal-ember 5.5s ease-in-out infinite;
}

@keyframes pal-ember { 0%, 100% { box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 16%, transparent); } 50% { box-shadow: 0 0 38px color-mix(in srgb, var(--accent) 34%, transparent); } }
@media (prefers-reduced-motion: reduce) { [data-palette] .pf-hero { animation: none !important; } }

/* Muestra de una paleta en las tarjetas: el fondo, un cuadro con su borde, el acento y la tinta */
.rw-pal { box-sizing: border-box; width: 100%; min-width: 5rem; position: relative; display: grid; place-items: center; height: 3.4rem; overflow: hidden; background: var(--bg); border: 1px solid var(--line); border-radius: 4px; }
.rw-pal::before { content: ""; position: absolute; inset: 0 0 auto; height: .5rem; background: linear-gradient(90deg, var(--accent) 0 50%, var(--ink) 50%); }
.rw-pal::after { content: "Aa"; box-sizing: border-box; width: 72%; margin-top: .5rem; padding: .05rem 0; text-align: center; background: var(--panel); border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius: 3px; color: var(--ink); font: 600 1rem var(--ui); }
