/* MOLDURA DAS CARTAS POR RARIDADE (camada própria; não mexe no núcleo, no menu nem nas salas). 14/11/2026, reforçada 15/11/2026.
   Dono (14/11): "As cartas têm que mudar a borda, a coloração, tem que deixar nitidamente bem claro que é rara e que é especial".
   Dono (15/11): "Eu quero que o incomum fique com efeito e a rara fique com efeito, um brilho diferente, a carta tem um destaque
   diferente para que você já saiba logo de cara que é."
   COMUM    = bronze fosco, SEM brilho nenhum (para o contraste aparecer).
   INCOMUM  = moldura prata bem clara + brilho frio (branco-azulado) em volta + gema prata no topo + reflexo que passa devagar.
   RARA     = moldura de ouro forte + brilho quente que pulsa em volta + reflexo que atravessa + gema de ouro grande no topo.
   ESPECIAL = holograma que anda na moldura + estrela + cantos trabalhados + brilho roxo e dourado pulsando (a mais forte).
   A marca (gema/estrela) fica no topo da carta; na mão recolhida do celular ela vai para a parte que aparece (à esquerda do meio).
   Vale para: .carta (luta, carta ampliada, ver baralho e a página de aprovação), .je-carta (Cartas e baralho) e .sl-carta
   (prêmio, loja, oficina). A raridade vem da classe r-<raridade> (luta e salas) ou do atributo data-raridade que
   raridade-das-cartas.js põe nas cartas do menu e das páginas de aprovação. Nas páginas de aprovação o JS também marca as
   fotos das cartas dos combos (figure[data-raridade]).
   Variações antigas: ?moldura=B (laterais mais largas) e ?moldura=C (só cantos e faixa do nome). Sem nada = A.
   Com "movimento reduzido" (sistema ou opção do jogo) nada anda: o brilho fica parado, no máximo.
   Para desfazer: apagar as linhas raridade-das-cartas do index.html (e das duas páginas de prototipos/). */

/* PEDRAS EM FORMATO DE DESENHO (15/11/2026, fim da tarde; pedido do dono: "deixar ela mais em formato de desenho", "diminuir 10% da pedra").
   As três pedras (diamante da prata, topázio da dourada, ônix da especial) agora são desenho: contorno escuro grosso, cores chapadas,
   um risco de brilho. Sem degradê, sem engaste de metal, sem foto. Todas 10% menores (--rr-g). Geradas por gerar-gemas-desenho.mjs.
   Cópia de como era: prototipos/pedra-desenho/raridade-das-cartas.ANTES.css. O texto abaixo é o histórico da versão anterior. */
/* GEMAS LAPIDADAS (15/11/2026, pedido do dono: "coloque um acabamento melhor" no losango da dourada e da prateada).
   Pedra com mesa, facetas claras e escuras, ponta embaixo, brilho no canto de cima e engaste de metal com 4 garrinhas.
   Ouro = topázio em engaste dourado · Prata = diamante azul-gelo em engaste prateado.
   15/11: estrela da especial reprovada pelo dono; especial fica como no ar (estrela antiga, sem a gema nova) até escolher o emblema.
   Versão com brilho piscando (SVG animado) e versão parada para "movimento reduzido". Geradas por gerar-gemas.mjs. */
:root {
  --rr-gema-ouro: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%23ffb21f%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23fff4b4%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23ffd84c%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%23ffb21f%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%23d87a06%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23ffe98a%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%23ffc234%27/%3E%3Cg fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3Canimate attributeName=%27opacity%27 values=%271%3B1%3B.25%3B1%3B1%27 keyTimes=%270%3B.7%3B.8%3B.9%3B1%27 dur=%273.6s%27 repeatCount=%27indefinite%27/%3E%3C/path%3E%3C/svg%3E");
  --rr-gema-prata: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%237cc8ee%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23f4fcff%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23c2eafc%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%237cc8ee%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%233b8cc8%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23dcf4ff%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%2398d7f5%27/%3E%3Cg fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3Canimate attributeName=%27opacity%27 values=%271%3B1%3B.25%3B1%3B1%27 keyTimes=%270%3B.7%3B.8%3B.9%3B1%27 dur=%273.6s%27 repeatCount=%27indefinite%27/%3E%3C/path%3E%3C/svg%3E");
  --rr-gema-onix: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27%23f2a918%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%274.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81 38.41,18.03 29.97,9.59 18.03,9.59 9.59,18.03 9.59,29.97%27 fill=%27%23ffdc5c%27/%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27none%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95 31.95,27.29%27 fill=%27%23150f20%27/%3E%3Cpolygon points=%2729.97,38.41 18.03,38.41 20.71,31.95 27.29,31.95%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2718.03,38.41 9.59,29.97 16.05,27.29 20.71,31.95%27 fill=%27%232a1f40%27/%3E%3Cpolygon points=%279.59,29.97 9.59,18.03 16.05,20.71 16.05,27.29%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%279.59,18.03 18.03,9.59 20.71,16.05 16.05,20.71%27 fill=%27%236a5896%27/%3E%3Cpolygon points=%2718.03,9.59 29.97,9.59 27.29,16.05 20.71,16.05%27 fill=%27%23584880%27/%3E%3Cpolygon points=%2729.97,9.59 38.41,18.03 31.95,20.71 27.29,16.05%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%2738.41,18.03 38.41,29.97 31.95,27.29 31.95,20.71%27 fill=%27%23221936%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27%232a2040%27/%3E%3Cpolygon points=%2716.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05%27 fill=%27%2340325e%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95%27 fill=%27%23a24be0%27/%3E%3Cpath d=%27M38.41 29.97L31.95 27.29M29.97 38.41L27.29 31.95M18.03 38.41L20.71 31.95M9.59 29.97L16.05 27.29M9.59 18.03L16.05 20.71M18.03 9.59L20.71 16.05M29.97 9.59L27.29 16.05M38.41 18.03L31.95 20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.2%27 stroke-linecap=%27round%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.3%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%272.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.6 22.4L23.2 18.8%27 stroke=%27%23fff%27 stroke-width=%272.1%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 24.6L24.4 22.8%27 stroke=%27%23fff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M11.4 6l1.32 3.08 3.08 1.32-3.08 1.32-1.32 3.08-1.32-3.08-3.08-1.32 3.08-1.32z%27 fill=%27%23fff%27%3E%3Canimate attributeName=%27opacity%27 values=%271%3B1%3B.25%3B1%3B1%27 keyTimes=%270%3B.7%3B.8%3B.9%3B1%27 dur=%273.2s%27 repeatCount=%27indefinite%27/%3E%3C/path%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --rr-gema-ouro: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%23ffb21f%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23fff4b4%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23ffd84c%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%23ffb21f%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%23d87a06%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23ffe98a%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%23ffc234%27/%3E%3Cg fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
    --rr-gema-prata: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%237cc8ee%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23f4fcff%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23c2eafc%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%237cc8ee%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%233b8cc8%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23dcf4ff%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%2398d7f5%27/%3E%3Cg fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
    --rr-gema-onix: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27%23f2a918%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%274.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81 38.41,18.03 29.97,9.59 18.03,9.59 9.59,18.03 9.59,29.97%27 fill=%27%23ffdc5c%27/%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27none%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95 31.95,27.29%27 fill=%27%23150f20%27/%3E%3Cpolygon points=%2729.97,38.41 18.03,38.41 20.71,31.95 27.29,31.95%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2718.03,38.41 9.59,29.97 16.05,27.29 20.71,31.95%27 fill=%27%232a1f40%27/%3E%3Cpolygon points=%279.59,29.97 9.59,18.03 16.05,20.71 16.05,27.29%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%279.59,18.03 18.03,9.59 20.71,16.05 16.05,20.71%27 fill=%27%236a5896%27/%3E%3Cpolygon points=%2718.03,9.59 29.97,9.59 27.29,16.05 20.71,16.05%27 fill=%27%23584880%27/%3E%3Cpolygon points=%2729.97,9.59 38.41,18.03 31.95,20.71 27.29,16.05%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%2738.41,18.03 38.41,29.97 31.95,27.29 31.95,20.71%27 fill=%27%23221936%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27%232a2040%27/%3E%3Cpolygon points=%2716.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05%27 fill=%27%2340325e%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95%27 fill=%27%23a24be0%27/%3E%3Cpath d=%27M38.41 29.97L31.95 27.29M29.97 38.41L27.29 31.95M18.03 38.41L20.71 31.95M9.59 29.97L16.05 27.29M9.59 18.03L16.05 20.71M18.03 9.59L20.71 16.05M29.97 9.59L27.29 16.05M38.41 18.03L31.95 20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.2%27 stroke-linecap=%27round%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.3%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%272.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.6 22.4L23.2 18.8%27 stroke=%27%23fff%27 stroke-width=%272.1%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 24.6L24.4 22.8%27 stroke=%27%23fff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M11.4 6l1.32 3.08 3.08 1.32-3.08 1.32-1.32 3.08-1.32-3.08-3.08-1.32 3.08-1.32z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
  }
}
html.rr-parado {
  --rr-gema-ouro: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%23ffb21f%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23fff4b4%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23ffd84c%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%23ffb21f%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%23d87a06%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23ffe98a%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%23ffc234%27/%3E%3Cg fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%234a1f00%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
  --rr-gema-prata: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27%237cc8ee%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2724,3.4 3.4,24 14,24 24,14%27 fill=%27%23f4fcff%27/%3E%3Cpolygon points=%2724,3.4 24,14 34,24 44.6,24%27 fill=%27%23c2eafc%27/%3E%3Cpolygon points=%2724,44.6 24,34 14,24 3.4,24%27 fill=%27%237cc8ee%27/%3E%3Cpolygon points=%2744.6,24 34,24 24,34 24,44.6%27 fill=%27%233b8cc8%27/%3E%3Cpolygon points=%2724,14 34,24 14,24%27 fill=%27%23dcf4ff%27/%3E%3Cpolygon points=%2734,24 24,34 14,24%27 fill=%27%2398d7f5%27/%3E%3Cg fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%271.5%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2724,14 34,24 24,34 14,24%27/%3E%3Cpath d=%27M24 3.4L24 14M44.6 24L34 24M24 44.6L24 34M3.4 24L14 24%27/%3E%3C/g%3E%3Cpolygon points=%2724,3.4 44.6,24 24,44.6 3.4,24%27 fill=%27none%27 stroke=%27%2312314c%27 stroke-width=%273.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.2 22.6L23.4 18.4%27 stroke=%27%23fff%27 stroke-width=%272.2%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 25L24.6 23%27 stroke=%27%23fff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M12.2 7l1.38 3.2199999999999998 3.2199999999999998 1.38-3.2199999999999998 1.38-1.38 3.2199999999999998-1.38-3.2199999999999998-3.2199999999999998-1.38 3.2199999999999998-1.38z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
  --rr-gema-onix: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 48%27%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27%23f2a918%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%274.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81 38.41,18.03 29.97,9.59 18.03,9.59 9.59,18.03 9.59,29.97%27 fill=%27%23ffdc5c%27/%3E%3Cpolygon points=%2743.77,32.19 32.19,43.77 15.81,43.77 4.23,32.19 4.23,15.81 15.81,4.23 32.19,4.23 43.77,15.81%27 fill=%27none%27 stroke=%27%234a2500%27 stroke-width=%273.4%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95 31.95,27.29%27 fill=%27%23150f20%27/%3E%3Cpolygon points=%2729.97,38.41 18.03,38.41 20.71,31.95 27.29,31.95%27 fill=%27%231c1430%27/%3E%3Cpolygon points=%2718.03,38.41 9.59,29.97 16.05,27.29 20.71,31.95%27 fill=%27%232a1f40%27/%3E%3Cpolygon points=%279.59,29.97 9.59,18.03 16.05,20.71 16.05,27.29%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%279.59,18.03 18.03,9.59 20.71,16.05 16.05,20.71%27 fill=%27%236a5896%27/%3E%3Cpolygon points=%2718.03,9.59 29.97,9.59 27.29,16.05 20.71,16.05%27 fill=%27%23584880%27/%3E%3Cpolygon points=%2729.97,9.59 38.41,18.03 31.95,20.71 27.29,16.05%27 fill=%27%233a2c58%27/%3E%3Cpolygon points=%2738.41,18.03 38.41,29.97 31.95,27.29 31.95,20.71%27 fill=%27%23221936%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27%232a2040%27/%3E%3Cpolygon points=%2716.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05%27 fill=%27%2340325e%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 27.29,31.95%27 fill=%27%23a24be0%27/%3E%3Cpath d=%27M38.41 29.97L31.95 27.29M29.97 38.41L27.29 31.95M18.03 38.41L20.71 31.95M9.59 29.97L16.05 27.29M9.59 18.03L16.05 20.71M18.03 9.59L20.71 16.05M29.97 9.59L27.29 16.05M38.41 18.03L31.95 20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.2%27 stroke-linecap=%27round%27/%3E%3Cpolygon points=%2731.95,27.29 27.29,31.95 20.71,31.95 16.05,27.29 16.05,20.71 20.71,16.05 27.29,16.05 31.95,20.71%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%271.3%27 stroke-linejoin=%27round%27/%3E%3Cpolygon points=%2738.41,29.97 29.97,38.41 18.03,38.41 9.59,29.97 9.59,18.03 18.03,9.59 29.97,9.59 38.41,18.03%27 fill=%27none%27 stroke=%27%23120a1c%27 stroke-width=%272.6%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M19.6 22.4L23.2 18.8%27 stroke=%27%23fff%27 stroke-width=%272.1%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M22.6 24.6L24.4 22.8%27 stroke=%27%23fff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M11.4 6l1.32 3.08 3.08 1.32-3.08 1.32-1.32 3.08-1.32-3.08-3.08-1.32 3.08-1.32z%27 fill=%27%23fff%27%3E%3C/path%3E%3C/svg%3E");
}

/* ── base comum às três cartas ── */
.carta, .je-carta { --rr-h: var(--carta-h, 200px); }
.sl-carta { --rr-h: var(--h, 220px); }
:is(.carta, .je-carta, .sl-carta):is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade="comum"], [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"]) {
  --rr-b: 3px;                                         /* largura da borda da carta */
  --rr-t: calc(var(--rr-h) * .027);                    /* lateral metálica por dentro da borda (vai até a arte) */
  --rr-g: clamp(11.7px, calc(var(--rr-h) * .099), 32.4px);  /* gema / estrela do topo */
  --rr-k: clamp(11px, calc(var(--rr-h) * .1), 32px);   /* cantos trabalhados */
  --rr-gx: 50%;                                        /* onde fica a gema (no meio; na mão recolhida vai para a esquerda) */
  --rr-e: calc(var(--rr-g) * .42);                     /* quanto a gema sai para fora da carta, em cima */
  --rr-bl: clamp(7px, calc(var(--rr-h) * .075), 22px); /* tamanho do brilho em volta */
  isolation: isolate;
}
/* a lateral metálica: borda + faixa até a arte, pintada por baixo do desenho e do texto. O miolo é o mesmo vinho da carta
   (assim não precisa de máscara, e o brilho em volta sai desta mesma camada, por igual nos quatro lados). */
:is(.carta, .je-carta, .sl-carta):is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade="comum"], [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"])::after {
  content: ''; position: absolute; z-index: -1; pointer-events: none; box-sizing: border-box;
  inset: calc(var(--rr-b) * -1); border-radius: 11px; border: var(--rr-b) solid transparent; padding: var(--rr-t);
  background:
    linear-gradient(#a81c44, var(--bordo-esc, #5a0e26)) content-box,
    var(--rr-metal) padding-box,
    var(--rr-borda, var(--rr-metal)) border-box;
  background-size: 100% 100%, var(--rr-metal-tam, 100% 100%), 100% 100%;
  box-shadow: var(--rr-brilho, none);
}
/* carta melhorada mantém a borda verde dela */
html body .sl-carta.melhorada::after { inset: 0; border: 0; border-radius: 8px; background: linear-gradient(#a81c44, var(--bordo-esc, #5a0e26)) content-box, var(--rr-metal) padding-box; }

/* ── COMUM: bronze fosco, sem brilho ── */
:is(.carta, .je-carta, .sl-carta):is(.r-comum, [data-raridade="comum"]) {
  --ouro: #a8743f;
  --rr-metal: linear-gradient(160deg, #a77447 0%, #7d5129 40%, #64401f 65%, #8a5d33 100%);
}

/* ── INCOMUM: prata clara e fria ── */
:is(.carta, .je-carta, .sl-carta):is(.r-incomum, [data-raridade="incomum"]) {
  --ouro: #e4ecf6;
  --rr-g: clamp(12.6px, calc(var(--rr-h) * .117), 34.2px);
  --rr-metal: linear-gradient(135deg, #ffffff 0%, #d6e2ef 16%, #8d9cae 34%, #ffffff 50%, #a9b8c9 66%, #f2f7fc 84%, #b9c6d4 100%);
  --rr-brilho: 0 0 calc(var(--rr-bl) * .8) calc(var(--rr-bl) * .18) #dff1ffe6, 0 0 calc(var(--rr-bl) * 2.2) calc(var(--rr-bl) * .35) #8fc4ff80; /* brilho frio, branco-azulado */
}
/* ── RARA: ouro forte ── */
:is(.carta, .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"]) {
  --ouro: #ffc61a;
  --rr-g: clamp(16.2px, calc(var(--rr-h) * .153), 46.8px); /* gema maior */
  --rr-metal: linear-gradient(135deg, #fff6b8 0%, #ffd000 15%, #b87400 36%, #fff09a 50%, #e8a000 66%, #fff1a0 84%, #b97a00 100%);
  --rr-brilho: 0 0 var(--rr-bl) calc(var(--rr-bl) * .3) #ffc93cf0, 0 0 calc(var(--rr-bl) * 2.4) calc(var(--rr-bl) * .45) #ff9a1a90; /* brilho quente */
}
:is(.carta, .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"])::after { animation: rr-quente 2.4s ease-in-out infinite alternate; }
@keyframes rr-quente {
  from { box-shadow: 0 0 calc(var(--rr-bl) * .6) calc(var(--rr-bl) * .1) #ffc93cd0, 0 0 calc(var(--rr-bl) * 1.4) calc(var(--rr-bl) * .15) #ff9a1a60; }
  to { box-shadow: 0 0 calc(var(--rr-bl) * 1.1) calc(var(--rr-bl) * .35) #ffd04af5, 0 0 calc(var(--rr-bl) * 2.6) calc(var(--rr-bl) * .5) #ff9a1aa0; }
}
/* ── ESPECIAL: moldura dourada com holograma que anda ── */
:is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"]) {
  --ouro: #ffd84a;
  --rr-g: clamp(17.1px, calc(var(--rr-h) * .153), 48.6px);
  --rr-metal: linear-gradient(115deg, #ffd23a 0%, #c46cff 14%, #7fe3ff 28%, #fff3a8 42%, #ff8ae0 56%, #8fd0ff 70%, #ffd23a 84%, #c46cff 100%);
  --rr-metal-tam: 300% 300%;
  --rr-brilho: 0 0 calc(var(--rr-bl) * 1.2) calc(var(--rr-bl) * .4) #d27bff, 0 0 calc(var(--rr-bl) * .45) calc(var(--rr-bl) * .15) #ffe27a, 0 0 calc(var(--rr-bl) * 3.2) calc(var(--rr-bl) * .65) #b45cffaa;
}
/* na A o holograma fica por dentro de um fio de ouro (a borda da carta continua dourada por fora) */
html:not([data-moldura]) :is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"]) {
  --rr-borda: linear-gradient(135deg, #fff3a8, #ffd23a 40%, #c8860a 70%, #ffe27a);
}
html:not([data-moldura]) :is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"])::after { padding: calc(var(--rr-t) + 1px); }
:is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"])::after { animation: rr-holo 7s linear infinite, rr-roxo 1.8s ease-in-out infinite alternate; }
@keyframes rr-holo { from { background-position: 0 0, 0% 50%, 0 0; } to { background-position: 0 0, 100% 50%, 0 0; } }
@keyframes rr-roxo {
  from { box-shadow: 0 0 calc(var(--rr-bl) * .8) calc(var(--rr-bl) * .2) #d27bffd0, 0 0 calc(var(--rr-bl) * .4) calc(var(--rr-bl) * .1) #ffe27a, 0 0 calc(var(--rr-bl) * 2.2) calc(var(--rr-bl) * .3) #b45cff70; }
  to { box-shadow: 0 0 calc(var(--rr-bl) * 1.3) calc(var(--rr-bl) * .5) #d27bff, 0 0 calc(var(--rr-bl) * .5) calc(var(--rr-bl) * .18) #ffe27a, 0 0 calc(var(--rr-bl) * 3.6) calc(var(--rr-bl) * .75) #b45cffbb; }
}

/* faixa do nome e etiqueta das páginas de aprovação acompanham o metal (só a cor da borda; o texto continua igual) */
.carta[data-raridade="incomum"] { --borda: #e4ecf6; }
.carta[data-raridade="rara"] { --borda: #ffc61a; }
.carta[data-raridade="especial"] { --borda: #ffd84a; }

/* camada de cima (gema, estrela, cantos e reflexo): fica sobre a arte, abaixo do selo de valor e dos selos. O brilho em volta é da
   camada de baixo (::after). Ela sobe um pouco acima da carta (--rr-e) para a gema ficar "presa" na borda de cima.
   Na carta da luta, enquanto ela "pulsa" (número mudou) a camada sai por 1 s para o pulso do jogo aparecer. */
:is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-incomum, .r-rara, .r-especial, [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"])::before {
  content: ''; position: absolute; z-index: 3; pointer-events: none;
  inset: calc((var(--rr-e) + var(--rr-b)) * -1) calc(var(--rr-b) * -1) calc(var(--rr-b) * -1); padding-top: var(--rr-e);
  border-radius: 11px;
}
/* incomum: gema prata + reflexo frio que passa devagar (o reflexo só cruza a arte e o nome, nunca o texto) */
:is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-incomum, [data-raridade="incomum"])::before {
  background:
    var(--rr-gema-prata) var(--rr-gx) 0 / var(--rr-g) var(--rr-g) no-repeat border-box,
    linear-gradient(105deg, transparent 42%, #eaf6ff55 47%, #ffffffa0 50%, #eaf6ff55 53%, transparent 58%) 150% 0 / 260% 64% no-repeat content-box;
  animation: rr-passa 9s ease-in-out infinite;
}
/* rara: gema de ouro grande + reflexo que atravessa + brilho quente que pulsa */
:is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"])::before {
  background:
    var(--rr-gema-ouro) var(--rr-gx) 0 / var(--rr-g) var(--rr-g) no-repeat border-box,
    linear-gradient(105deg, transparent 40%, #fff3b060 46%, #fffbe6c0 50%, #fff3b060 54%, transparent 60%) 150% 0 / 260% 64% no-repeat content-box;
  animation: rr-passa 6s ease-in-out infinite;
}
@keyframes rr-passa {
  0%, 55% { background-position: var(--rr-gx) 0, 150% 0; }
  88%, 100% { background-position: var(--rr-gx) 0, -50% 0; }
}
/* especial: ÔNIX (arte da IA, escolha do dono em 15/11; antes era estrela) + 3 cantos trabalhados (o canto de cima à esquerda é do custo) + brilho roxo/dourado que pulsa mais forte */
:is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"])::before {
  background:
    var(--rr-gema-onix) var(--rr-gx) 0 / var(--rr-g) var(--rr-g) no-repeat border-box,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate(90 20 20)'%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%232e0f45' stroke-width='5.5' stroke-linecap='round'/%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%23ffd84a' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='3.6' fill='%23c46cff' stroke='%23fff3a8' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") right 0 top var(--rr-e) / var(--rr-k) var(--rr-k) no-repeat border-box,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate(-90 20 20)'%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%232e0f45' stroke-width='5.5' stroke-linecap='round'/%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%23ffd84a' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='3.6' fill='%23c46cff' stroke='%23fff3a8' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") left 0 bottom 0 / var(--rr-k) var(--rr-k) no-repeat border-box,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='rotate(180 20 20)'%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%232e0f45' stroke-width='5.5' stroke-linecap='round'/%3E%3Cpath d='M4 36V12a8 8 0 0 1 8-8h24' fill='none' stroke='%23ffd84a' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='10.5' r='3.6' fill='%23c46cff' stroke='%23fff3a8' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") right 0 bottom 0 / var(--rr-k) var(--rr-k) no-repeat border-box;
}

/* mão recolhida no celular: só o terço de cima e a metade da esquerda de cada carta aparecem → a marca vai para lá */
body.mao-recolhida #mao .carta { --rr-gx: 40%; }

/* etiqueta da raridade (menu, salas e aprovação) acompanha a moldura */
html body .je-carta:is([data-raridade="incomum"]) .je-rar { background: linear-gradient(#ffffff, #aebccc); color: #1c2430; border-color: #fff; box-shadow: 0 0 6px #cfe8ff; }
html body .je-carta:is([data-raridade="rara"]) .je-rar { background: linear-gradient(#ffe27a, #d99a12); color: #2a1600; border-color: #fff3b0; box-shadow: 0 0 6px #ffc93c; }
html body .je-carta:is([data-raridade="especial"]) .je-rar { background: linear-gradient(90deg, #8a3fd0, #c46cff, #e0a0ff); color: #fff; border-color: #ffd84a; box-shadow: 0 0 6px #d27bff; }
html body .je-carta .je-qtd { background: #f2b233; } /* o ×2 continua dourado em toda carta */
html body .sl-carta.r-incomum .rar { background: linear-gradient(#ffffff, #aebccc); color: #1c2430; }
html body .sl-carta.r-rara .rar { background: linear-gradient(#ffe27a, #d99a12); color: #2a1600; border-color: #fff3b0; }
html body .sl-carta.r-especial .rar { background: linear-gradient(90deg, #8a3fd0, #c46cff); border-color: #ffd84a; }
.carta[data-raridade] > .rar { z-index: 4; }
.carta[data-raridade="incomum"] > .rar { background: linear-gradient(#ffffff, #aebccc); color: #1c2430; border-color: #fff; }
.carta[data-raridade="rara"] > .rar { background: linear-gradient(#ffe27a, #d99a12); color: #2a1600; border-color: #fff3b0; }
.carta[data-raridade="especial"] > .rar { background: linear-gradient(90deg, #8a3fd0, #c46cff); color: #fff; border-color: #ffd84a; }

/* fotos das cartas nos combos (página rodada4-textos): mesma ideia, em ponto pequeno */
figure[data-raridade] { position: relative; }
figure[data-raridade="comum"] img { border-color: #a8743f !important; }
figure[data-raridade="incomum"] img { border-color: #eef4fb !important; box-shadow: 0 0 10px 2px #cfe8ffcc, 0 0 22px 4px #8fc4ff55; }
figure[data-raridade="rara"] img { border-color: #ffc61a !important; box-shadow: 0 0 12px 3px #ffc93cee, 0 0 26px 6px #ff9a1a77; }
figure[data-raridade="especial"] img { border-color: #ffd84a !important; box-shadow: 0 0 14px 4px #d27bff, 0 0 30px 8px #b45cff88; }
figure:is([data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"])::after {
  content: ''; position: absolute; left: 50%; top: 0; width: 20px; height: 20px; translate: -50% -45%; pointer-events: none;
  background: no-repeat center / contain;
}
figure[data-raridade="incomum"]::after { background-image: var(--rr-gema-prata); }
figure[data-raridade="rara"]::after { width: 25px; height: 25px; background-image: var(--rr-gema-ouro); }
figure[data-raridade="especial"]::after { width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1.8l5.4 11.4 12.6 1.6-9.3 8.7 2.4 12.5L20 29.9 8.9 36l2.4-12.5L2 14.8l12.6-1.6z' fill='%23ffd23a' stroke='%232e0f45' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* ───────── VARIAÇÃO B: laterais metálicas mais largas (a moldura abraça a carta) ───────── */
html[data-moldura="B"] :is(.carta, .je-carta, .sl-carta):is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade="comum"], [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"]) {
  --rr-b: max(5px, calc(var(--rr-h) * .042)); border-width: var(--rr-b);
}

/* ───────── VARIAÇÃO C: mais discreta — só a borda fina, brilho nos cantos e na faixa do nome ───────── */
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade="comum"], [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"]) {
  --rr-t: 0px; --rr-g: clamp(9.9px, calc(var(--rr-h) * .0765), 25.2px);
}
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-incomum, .r-rara, .r-especial, [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"])::after {
  inset: calc(var(--rr-b) * -1); padding: 0; border: 0; box-shadow: none; -webkit-mask: none; mask: none;
  background:
    radial-gradient(circle at 100% 0, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    radial-gradient(circle at 0 100%, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    radial-gradient(circle at 100% 100%, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    linear-gradient(var(--ouro), var(--ouro));
  background-size: 100% 100%; animation: none;
  -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 exclude, linear-gradient(#000 0 0);
  padding: calc(var(--rr-b) + var(--rr-h) * .02);
}
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-incomum, [data-raridade="incomum"]) { --rr-canto: #ffffff; }
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"]) { --rr-canto: #fff6c0; }
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"]) { --rr-canto: #f2b8ff; }
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-comum, [data-raridade="comum"])::after { padding: var(--rr-b); }
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"])::after {
  background:
    radial-gradient(circle at 100% 0, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    radial-gradient(circle at 0 100%, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    radial-gradient(circle at 100% 100%, var(--rr-canto) 0, transparent calc(var(--rr-k) * 1.1)),
    var(--rr-metal);
  background-size: 100% 100%, 100% 100%, 100% 100%, 300% 300%; background-position: 0 0, 0 0, 0 0, 30% 50%;
}
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-incomum, .r-rara, .r-especial, [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"]) :is(.nome, .je-cnome) {
  background:
    linear-gradient(105deg, transparent 38%, #ffffff70 50%, transparent 62%) 140% 0 / 260% 100% no-repeat,
    linear-gradient(#ffffff38, transparent 45%),
    linear-gradient(#9a1a40, #5a0e26);
  border-width: 2px; box-shadow: 0 0 0 1px #0008, 0 0 8px var(--rr-canto);
}
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-rara, .r-especial, [data-raridade="rara"], [data-raridade="especial"]) :is(.nome, .je-cnome) {
  animation: rr-nome 6s ease-in-out infinite;
}
@keyframes rr-nome { 0%, 65% { background-position: 140% 0, 0 0, 0 0; } 85%, 100% { background-position: -40% 0, 0 0, 0 0; } }
html[data-moldura="C"] :is(.carta, .je-carta, .sl-carta):is(.r-incomum, .r-rara, .r-especial, [data-raridade="incomum"], [data-raridade="rara"], [data-raridade="especial"])::before {
  background-image: none; box-shadow: none; animation: none;
}
html[data-moldura="C"] :is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"])::before {
  background: var(--rr-gema-ouro) var(--rr-gx) 0 / var(--rr-g) var(--rr-g) no-repeat;
}
html[data-moldura="C"] :is(.carta:not(.pulso), .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"])::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 1.8l5.4 11.4 12.6 1.6-9.3 8.7 2.4 12.5L20 29.9 8.9 36l2.4-12.5L2 14.8l12.6-1.6z' fill='%23ffd23a' stroke='%232e0f45' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M15.5 15.5 20 7.5l2.6 5.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") var(--rr-gx) 0 / var(--rr-g) var(--rr-g) no-repeat;
}

/* ───────── movimento reduzido: nada anda; fica o brilho parado (no tamanho cheio) ───────── */
@media (prefers-reduced-motion: reduce) {
  :is(.carta, .je-carta, .sl-carta)::before, :is(.carta, .je-carta, .sl-carta)::after, :is(.carta, .je-carta, .sl-carta) :is(.nome, .je-cnome) { animation: none !important; }
}
html.rr-parado :is(.carta, .je-carta, .sl-carta)::before, html.rr-parado :is(.carta, .je-carta, .sl-carta)::after,
html.rr-parado :is(.carta, .je-carta, .sl-carta) :is(.nome, .je-cnome) { animation: none !important; }

/* ── NÚMERO DO CUSTO LEGÍVEL EM TODA RARIDADE (15/11/2026) ────────────────────────────────────────────────────
   Dono: "as cartas prateadas (...) o local onde fica o quanto de energia você gasta é branco e o número é branco. Quase não dá pra ver."
   Antes: o fundo do custo era a cor do metal (prata clara, ouro) com número branco: contraste de 1,2 (prata) a 4,0 (comum).
   Agora: cada raridade tem fundo e número escolhidos juntos, todos com contraste de pelo menos 7 para 1, também nos estados
   "mais barata" (verde) e "mais cara" (vermelho) da luta. Prata/ouro/especial = fundo claro com número escuro; comum = bronze escuro com número branco.
   Vale para .carta (luta, ampliada, ver baralho), .je-carta (Cartas e baralho) e .sl-carta (prêmio, loja, oficina).
   Para desfazer: apague este bloco inteiro. */
:is(.carta, .je-carta, .sl-carta):is(.r-comum, [data-raridade="comum"]) { --cs-f1: #7a4d26; --cs-f2: #5a3719; --cs-num: #ffffff; }
.carta:is(.r-comum, [data-raridade="comum"]) .custo.barata { --cs-f1: #205a18; --cs-f2: #16440f; --cs-num: #ffffff; }
.carta:is(.r-comum, [data-raridade="comum"]) .custo.cara { --cs-f1: #a3162f; --cs-f2: #7a0f22; --cs-num: #ffffff; }
:is(.carta, .je-carta, .sl-carta):is(.r-incomum, [data-raridade="incomum"]) { --cs-f1: #ffffff; --cs-f2: #cfdae7; --cs-num: #11151b; }
.carta:is(.r-incomum, [data-raridade="incomum"]) .custo.barata { --cs-f1: #d2f8c3; --cs-f2: #9be884; --cs-num: #073d03; }
.carta:is(.r-incomum, [data-raridade="incomum"]) .custo.cara { --cs-f1: #ffd0d6; --cs-f2: #ffa3af; --cs-num: #4a0412; }
:is(.carta, .je-carta, .sl-carta):is(.r-rara, [data-raridade="rara"]) { --cs-f1: #ffe685; --cs-f2: #f2b51c; --cs-num: #261300; }
.carta:is(.r-rara, [data-raridade="rara"]) .custo.barata { --cs-f1: #c9f5a8; --cs-f2: #8fdc5d; --cs-num: #073d03; }
.carta:is(.r-rara, [data-raridade="rara"]) .custo.cara { --cs-f1: #ffc9c9; --cs-f2: #ff9a9a; --cs-num: #4a0412; }
:is(.carta, .je-carta, .sl-carta):is(.r-especial, [data-raridade="especial"]) { --cs-f1: #fff0a0; --cs-f2: #ffd23a; --cs-num: #230a3c; }
.carta:is(.r-especial, [data-raridade="especial"]) .custo.barata { --cs-f1: #c9f5a8; --cs-f2: #8fdc5d; --cs-num: #073d03; }
.carta:is(.r-especial, [data-raridade="especial"]) .custo.cara { --cs-f1: #ffc9c9; --cs-f2: #ff9a9a; --cs-num: #4a0412; }
html body .carta:is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade]) .custo { color: var(--cs-num); text-shadow: none; }
html body .carta:is(.r-comum, .r-incomum, .r-rara, .r-especial, [data-raridade]) .custo::before { background: linear-gradient(135deg, var(--cs-f1), var(--cs-f2)); }
html body .je-carta:is([data-raridade]) .je-custo { color: var(--cs-num); text-shadow: none; background: linear-gradient(135deg, var(--cs-f1), var(--cs-f2)); }
html body .sl-carta:is(.r-comum, .r-incomum, .r-rara, .r-especial) .custo { color: var(--cs-num); text-shadow: none; background: linear-gradient(135deg, var(--cs-f1), var(--cs-f2)); }