/* ==============================================================================
   MESTRE PANDA: CARTAS DE TARÔ ARCANO - TELA DE LOGIN MULTI-MESAS (v5)
   Suporte Completo:
   - Um Mundo Condenado (Ouro Imperial)
   - Infernim (Chamas & Brasas Ardentes)
   - O Inverno dos Gigantes (Gelo & Neve Flutuante)
   - Sombras do Último Shogun (Aura Vermelha Carmesim & Partículas Asiáticas)
   ============================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Cinzel+Decorative:wght@700&display=swap');

:root {
  --tarot-gold: #c7a660;
  --tarot-gold-light: #f3e2b8;
  --tarot-gold-bright: #ffe699;
  --tarot-gold-glow: rgba(199, 166, 96, 0.6);
  --tarot-gold-aura: rgba(243, 226, 184, 0.75);

  /* Infernim (Fogo) */
  --infernim-fire-orange: #ff7a29;
  --infernim-fire-red: #e6390a;
  --infernim-fire-glow: rgba(255, 110, 35, 0.8);

  /* Gigantes (Gelo) */
  --gigantes-ice-cyan: #9be5ff;
  --gigantes-ice-blue: #3bafe0;
  --gigantes-ice-glow: rgba(140, 225, 255, 0.8);

  /* Shogun (Sangue & Sombras) */
  --shogun-crimson: #ff3838;
  --shogun-flame: #ff5252;
  --shogun-glow: rgba(255, 56, 56, 0.85);

  /* Cronicas (Cinzas & Fuligem) */
  --cronicas-ash: #94a3b8;
  --cronicas-silver: #e2e8f0;
  --cronicas-slate: #64748b;
  --cronicas-charcoal: #334155;
  --cronicas-glow: rgba(203, 213, 225, 0.75);
}

/* Oculta o formulário nativo do Foundry quando em modo Tarô */
body.mestre-panda-tarot-active:not(.show-standard-foundry) #join-game,
body.mestre-panda-tarot-active:not(.show-standard-foundry) #main-header {
  display: none !important;
}

/* Oculta a marca d'água de versão do Foundry para não poluir o fundo */
body.mestre-panda-tarot-active:not(.show-standard-foundry) #watermark {
  display: none !important;
}

/* Palco principal das Cartas de Tarô: FUNDO 100% LIMPO */
#mestre-panda-tarot-stage {
  position: fixed;
  inset: 0;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 24px 20px 24px 20px;
  background: transparent !important; /* Limpo: sem nenhuma lavagem ou cobertura sobre a arte oficial */
  box-sizing: border-box;
  overflow-y: auto;
  font-family: 'Cinzel', Georgia, serif;
  user-select: none;
  animation: tarotFadeIn 0.35s ease-out;
}

@keyframes tarotFadeIn {
  from { opacity: 0; transform: scale(0.98); }
  to { opacity: 1; transform: scale(1); }
}

/* Quando estiver em modo clássico, o palco de cartas é ocultado */
body.auth.join.show-standard-foundry #mestre-panda-tarot-stage {
  display: none !important;
}

/* ==============================================================================
   CABEÇALHOS TEMÁTICOS
   ============================================================================== */
.tarot-stage-header {
  text-align: center;
  margin-bottom: 8px;
  animation: tarotHeaderSlide 0.5s ease-out;
}

@keyframes tarotHeaderSlide {
  from { opacity: 0; transform: translateY(-14px); }
  to { opacity: 1; transform: translateY(0); }
}

.tarot-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: var(--tarot-gold-light);
  font-size: 11px;
  letter-spacing: 0.35em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 16px var(--tarot-gold-glow);
}

.tarot-eyebrow-line {
  width: 45px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199, 166, 96, 0.85), transparent);
}

.tarot-world-title {
  margin: 0;
  font-family: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.98), 0 0 35px rgba(0, 0, 0, 0.85);
  background: linear-gradient(180deg, #ffffff 25%, #f7ecd2 65%, #c7a660 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tarot-world-sub {
  margin-top: 5px;
  font-size: clamp(10.5px, 1.1vw, 12.5px);
  letter-spacing: 0.22em;
  color: #dcd4c5;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.95);
}

/* Variação de Título: Infernim */
#mestre-panda-tarot-stage[data-world-theme="infernim"] .tarot-eyebrow {
  color: #ffb885;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 16px rgba(255, 120, 40, 0.8);
}
#mestre-panda-tarot-stage[data-world-theme="infernim"] .tarot-eyebrow-line {
  background: linear-gradient(90deg, transparent, rgba(255, 120, 40, 0.85), transparent);
}
#mestre-panda-tarot-stage[data-world-theme="infernim"] .tarot-world-title {
  background: linear-gradient(180deg, #ffffff 20%, #ffd099 55%, #ff521a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.98), 0 0 35px rgba(255, 75, 20, 0.5);
}

/* Variação de Título: Gigantes */
#mestre-panda-tarot-stage[data-world-theme="gigantes"] .tarot-eyebrow {
  color: #b8edff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 16px rgba(120, 215, 255, 0.8);
}
#mestre-panda-tarot-stage[data-world-theme="gigantes"] .tarot-eyebrow-line {
  background: linear-gradient(90deg, transparent, rgba(120, 215, 255, 0.85), transparent);
}
#mestre-panda-tarot-stage[data-world-theme="gigantes"] .tarot-world-title {
  background: linear-gradient(180deg, #ffffff 20%, #d8f5ff 60%, #76d2f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.98), 0 0 35px rgba(100, 210, 255, 0.5);
}

/* Variação de Título: Shogun */
#mestre-panda-tarot-stage[data-world-theme="shogun"] .tarot-eyebrow {
  color: #ffb8a8;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 16px rgba(255, 60, 45, 0.85);
}
#mestre-panda-tarot-stage[data-world-theme="shogun"] .tarot-eyebrow-line {
  background: linear-gradient(90deg, transparent, rgba(255, 60, 45, 0.85), transparent);
}
#mestre-panda-tarot-stage[data-world-theme="shogun"] .tarot-world-title {
  background: linear-gradient(180deg, #ffffff 18%, #ffd2c8 55%, #ff3b30 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.98), 0 0 35px rgba(220, 30, 20, 0.55);
}

/* Variação de Título: Cronicas (As Crônicas de Terça-feira) */
#mestre-panda-tarot-stage[data-world-theme="cronicas"] .tarot-eyebrow {
  color: #cbd5e1;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 16px rgba(203, 213, 225, 0.7);
}
#mestre-panda-tarot-stage[data-world-theme="cronicas"] .tarot-eyebrow-line {
  background: linear-gradient(90deg, transparent, rgba(203, 213, 225, 0.8), transparent);
}
#mestre-panda-tarot-stage[data-world-theme="cronicas"] .tarot-world-title {
  background: linear-gradient(180deg, #ffffff 20%, #e2e8f0 55%, #94a3b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.98), 0 0 35px rgba(148, 163, 184, 0.45);
}



/* ==============================================================================
   GRADE DE CARTAS DE TARÔ (Fluida e Equilibrada para 6 a 8 Jogadores)
   ============================================================================== */
.tarot-cards-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1380px;
  margin: auto;
}

.tarot-cards-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 12px 6px;
  width: 100%;
}

/* ==============================================================================
   CARTA DE TARÔ INDIVIDUAL (LÂMINA ARCANA 2:3)
   ============================================================================== */
.tarot-card {
  position: relative;
  width: 152px;
  height: 304px;
  flex-shrink: 0;
  cursor: pointer;
  perspective: 1000px;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.35s ease;
  animation: tarotCardAppear 0.4s ease-out backwards;
}

.tarot-card:nth-child(1) { animation-delay: 0.02s; }
.tarot-card:nth-child(2) { animation-delay: 0.05s; }
.tarot-card:nth-child(3) { animation-delay: 0.08s; }
.tarot-card:nth-child(4) { animation-delay: 0.11s; }
.tarot-card:nth-child(5) { animation-delay: 0.14s; }
.tarot-card:nth-child(6) { animation-delay: 0.17s; }
.tarot-card:nth-child(7) { animation-delay: 0.20s; }
.tarot-card:nth-child(8) { animation-delay: 0.23s; }

@keyframes tarotCardAppear {
  from { opacity: 0; transform: translateY(16px) scale(0.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ==============================================================================
   AURA MÍSTICA 1: OURO IMPERIAL (Padrão / Um Mundo Condenado)
   ============================================================================== */
.tarot-card:before {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 26px;
  background: radial-gradient(circle, rgba(255, 226, 150, 0.85) 0%, rgba(212, 175, 55, 0.55) 42%, rgba(199, 166, 96, 0.25) 65%, transparent 78%);
  opacity: 0;
  filter: blur(16px);
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: scale(0.88);
  z-index: 1;
  pointer-events: none;
}

.tarot-card:hover:before {
  opacity: 1;
  transform: scale(1.12);
  animation: tarotAuraBreatheGold 2s infinite ease-in-out;
}

@keyframes tarotAuraBreatheGold {
  0%, 100% {
    filter: blur(14px);
    opacity: 0.82;
    transform: scale(1.12);
  }
  50% {
    filter: blur(24px);
    opacity: 1;
    transform: scale(1.24);
  }
}

/* ==============================================================================
   PARTÍCULAS: CACOS DE VIDRO & CRISTAIS FRATURADOS (Um Mundo Condenado)
   ============================================================================== */
[data-world-theme="condenados"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -10px;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpolygon points='50,54 53,60 50,65 47,59' fill='%23ffffff' opacity='0.8'/%3E%3Cpolygon points='50,54 53,60 50,65' fill='%23dfc07c' opacity='0.45'/%3E%3Cline x1='50' y1='54' x2='50' y2='65' stroke='%23ffffff' stroke-width='0.6' opacity='0.85'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 140'%3E%3Cpolygon points='60,65 65,73 57,72' fill='%23ffffff' opacity='0.75'/%3E%3Cpolygon points='60,65 57,72 59,69' fill='%23f3e2b8' opacity='0.4'/%3E%3Cpolygon points='60,65 65,73 57,72' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.8'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 100'%3E%3Cpolygon points='45,45 47,50 45,54 43,49' fill='%23ffffff' opacity='0.75'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,47 51,49.5 53.5,50 51,50.5 50,53 49,50.5 46.5,50 49,49.5' fill='%23ffffff' opacity='0.8'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 80px 100px, 100px 125px, 75px 95px, 110px 130px;
  background-position: 15px 130px, 50px 160px, 30px 125px, 70px 170px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 18px;
  transition: opacity 0.35s ease;
}

[data-world-theme="condenados"] .tarot-card:hover:after {
  opacity: 0.8;
  animation: glassShardRise 3.5s linear infinite;
}

@keyframes glassShardRise {
  0% {
    background-position: 15px 160px, 50px 190px, 30px 150px, 70px 200px;
  }
  100% {
    background-position: 22px 0, 42px 0, 38px 0, 62px 0;
  }
}


/* ==============================================================================
   AURA MÍSTICA 2: CHAMAS & FOGO ARDENTE (Infernim)
   ============================================================================== */
[data-world-theme="infernim"] .tarot-card:before {
  background: radial-gradient(circle at 50% 65%, rgba(255, 235, 110, 0.95) 0%, rgba(255, 115, 25, 0.85) 30%, rgba(225, 45, 10, 0.65) 55%, rgba(125, 15, 5, 0.3) 72%, transparent 85%);
  inset: -16px;
  border-radius: 28px;
}

[data-world-theme="infernim"] .tarot-card:hover:before {
  animation: infernimFlameAura 1.4s infinite alternate ease-in-out;
}

@keyframes infernimFlameAura {
  0% {
    transform: scale(1.08, 1.08) translateY(0);
    filter: blur(14px);
    opacity: 0.85;
  }
  35% {
    transform: scale(1.14, 1.18) translateY(-6px);
    filter: blur(18px);
    opacity: 1;
  }
  70% {
    transform: scale(1.1, 1.14) translateY(-3px);
    filter: blur(15px);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.18, 1.22) translateY(-8px);
    filter: blur(22px);
    opacity: 1;
  }
}

[data-world-theme="infernim"] .tarot-card:hover .tarot-card-inner {
  border-color: #ff9d42;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.98), 
              0 0 30px rgba(255, 110, 35, 0.85), 
              0 0 60px rgba(230, 45, 10, 0.55),
              inset 0 0 18px rgba(255, 125, 30, 0.4);
}

/* Brasas e fagulhas ardentes subindo sobre a carta em Infernim */
[data-world-theme="infernim"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -10px;
  background-image: 
    radial-gradient(circle, #ffe066 1.5px, transparent 2px),
    radial-gradient(circle, #ff7a29 1px, transparent 1.5px),
    radial-gradient(circle, #ff3300 2px, transparent 2.5px),
    radial-gradient(circle, #ffd166 1px, transparent 1.5px);
  background-size: 45px 45px, 60px 60px, 35px 35px, 50px 50px;
  background-position: 0 60px, 15px 80px, 10px 50px, 25px 70px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 18px;
  transition: opacity 0.35s ease;
}

[data-world-theme="infernim"] .tarot-card:hover:after {
  opacity: 0.95;
  animation: emberRise 3s linear infinite;
}

@keyframes emberRise {
  0% {
    background-position: 0 60px, 15px 80px, 10px 50px, 25px 70px;
  }
  100% {
    background-position: 10px 0, 5px 0, 18px 0, 15px 0;
  }
}

/* ==============================================================================
   AURA MÍSTICA 3: GELO & NEVE FLUTUANTE (O Inverno dos Gigantes)
   ============================================================================== */
[data-world-theme="gigantes"] .tarot-card:before {
  background: radial-gradient(circle at 50% 50%, rgba(225, 248, 255, 0.95) 0%, rgba(135, 225, 255, 0.75) 35%, rgba(60, 165, 240, 0.45) 60%, rgba(20, 90, 190, 0.2) 75%, transparent 85%);
  inset: -15px;
  border-radius: 28px;
}

[data-world-theme="gigantes"] .tarot-card:hover:before {
  animation: frostAuraBreathe 2s infinite ease-in-out;
}

@keyframes frostAuraBreathe {
  0%, 100% {
    filter: blur(14px);
    opacity: 0.82;
    transform: scale(1.1);
  }
  50% {
    filter: blur(24px);
    opacity: 1;
    transform: scale(1.22);
  }
}

/* Neve caindo suavemente sobre a carta em Gigantes */
[data-world-theme="gigantes"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -8px;
  background-image: 
    radial-gradient(circle, #ffffff 1.5px, transparent 2px),
    radial-gradient(circle, #dcf6ff 1px, transparent 1.5px),
    radial-gradient(circle, #a8e8ff 2px, transparent 2.5px),
    radial-gradient(circle, #ffffff 1px, transparent 1.5px);
  background-size: 55px 55px, 42px 42px, 68px 68px, 36px 36px;
  background-position: 0 0, 15px 10px, 30px 25px, 8px 35px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 18px;
  transition: opacity 0.35s ease;
}

[data-world-theme="gigantes"] .tarot-card:hover:after {
  opacity: 0.9;
  animation: snowDrift 3.5s linear infinite;
}

@keyframes snowDrift {
  0% {
    background-position: 0 0, 15px 10px, 30px 25px, 8px 35px;
  }
  100% {
    background-position: 12px 55px, 28px 52px, 45px 93px, 18px 71px;
  }
}

[data-world-theme="gigantes"] .tarot-card:hover .tarot-card-inner {
  border-color: #c8f3ff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.98), 
              0 0 28px rgba(175, 235, 255, 0.85), 
              0 0 55px rgba(75, 180, 245, 0.5),
              inset 0 0 18px rgba(135, 215, 255, 0.35);
}

/* ==============================================================================
   AURA MÍSTICA 4: AURA VERMELHA & PARTÍCULAS ASIÁTICAS (Sombras do Último Shogun)
   ============================================================================== */
[data-world-theme="shogun"] .tarot-card:before {
  background: radial-gradient(circle at 50% 65%, rgba(255, 230, 120, 0.95) 0%, rgba(255, 80, 35, 0.88) 30%, rgba(225, 30, 20, 0.68) 55%, rgba(130, 10, 10, 0.32) 72%, transparent 85%);
  inset: -16px;
  border-radius: 28px;
}

[data-world-theme="shogun"] .tarot-card:hover:before {
  animation: shogunFlameAura 1.4s infinite alternate ease-in-out;
}

@keyframes shogunFlameAura {
  0% {
    transform: scale(1.08, 1.08) translateY(0);
    filter: blur(14px);
    opacity: 0.85;
  }
  35% {
    transform: scale(1.14, 1.18) translateY(-6px);
    filter: blur(18px);
    opacity: 1;
  }
  70% {
    transform: scale(1.1, 1.14) translateY(-3px);
    filter: blur(15px);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.18, 1.22) translateY(-8px);
    filter: blur(22px);
    opacity: 1;
  }
}

[data-world-theme="shogun"] .tarot-card:hover .tarot-card-inner {
  border-color: #ff5252;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.98), 
              0 0 30px rgba(255, 60, 45, 0.85), 
              0 0 60px rgba(215, 25, 20, 0.55),
              inset 0 0 18px rgba(255, 75, 45, 0.4);
}

/* Caracteres Japoneses em Brasas Subindo (Efeito sutil e espaçado, similar a Infernim) */
[data-world-theme="shogun"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -10px;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='central' text-anchor='middle' font-size='9.5' font-weight='bold' fill='%23ffe066' font-family='serif' opacity='0.85'%3E%E5%88%80%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105 130'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='central' text-anchor='middle' font-size='9' font-weight='bold' fill='%23ff884d' font-family='serif' opacity='0.85'%3E%E5%BD%B1%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 95'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='central' text-anchor='middle' font-size='8.5' font-weight='bold' fill='%23ff4d4d' font-family='serif' opacity='0.85'%3E%E6%AD%A6%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 80px 100px, 105px 130px, 120px 95px;
  background-position: 15px 120px, 55px 150px, 35px 115px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 18px;
  transition: opacity 0.35s ease;
}

[data-world-theme="shogun"] .tarot-card:hover:after {
  opacity: 0.95;
  animation: shogunKanjiRise 3.2s linear infinite;
}

@keyframes shogunKanjiRise {
  0% {
    background-position: 15px 120px, 55px 150px, 35px 115px;
  }
  100% {
    background-position: 15px 0px, 55px 0px, 35px 0px;
  }
}

[data-world-theme="shogun"] .tarot-rune {
  font-size: 9.5px;
}


/* ==============================================================================
   AURA MÍSTICA 5: AURA CINZENTA & FULIGEM (As Crônicas de Terça-feira)
   ============================================================================== */
[data-world-theme="cronicas"] .tarot-card:before {
  background: radial-gradient(circle at 50% 50%, 
    rgba(241, 245, 249, 0.92) 0%, 
    rgba(203, 213, 225, 0.75) 32%, 
    rgba(148, 163, 184, 0.5) 58%, 
    rgba(71, 85, 105, 0.25) 75%, 
    transparent 85%);
  inset: -16px;
  border-radius: 28px;
}

[data-world-theme="cronicas"] .tarot-card:hover:before {
  animation: cronicasAshAura 1.5s infinite alternate ease-in-out;
}

@keyframes cronicasAshAura {
  0% {
    transform: scale(1.08, 1.08) translateY(0);
    filter: blur(14px);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.13, 1.13) translateY(-2px);
    filter: blur(18px);
    opacity: 0.98;
  }
  100% {
    transform: scale(1.16, 1.16) translateY(-4px);
    filter: blur(22px);
    opacity: 1;
  }
}

[data-world-theme="cronicas"] .tarot-card:hover .tarot-card-inner {
  border-color: #cbd5e1;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.98), 
              0 0 30px rgba(203, 213, 225, 0.8), 
              0 0 60px rgba(148, 163, 184, 0.5), 
              inset 0 0 18px rgba(226, 232, 240, 0.35);
}

/* Fuligem e cinzas flutuantes subindo sobre a carta */
[data-world-theme="cronicas"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -10px;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 95'%3E%3Cpolygon points='34,46 38,47 37,51 33,49' fill='%231e293b' opacity='0.85'/%3E%3Ccircle cx='35' cy='48' r='1' fill='%23475569' opacity='0.7'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95 125'%3E%3Cpolygon points='46,60 50,62 48,66 45,63' fill='%2364748b' opacity='0.8'/%3E%3Cpolygon points='47,61 49,62 48,64' fill='%2394a3b8' opacity='0.6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 110'%3E%3Cpolygon points='41,53 44,54.5 43,57 40,55' fill='%23cbd5e1' opacity='0.85'/%3E%3Ccircle cx='42' cy='55' r='1' fill='%23ffffff' opacity='0.75'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 140'%3E%3Cpolygon points='54,68 57,69 56,72 53,71' fill='%23334155' opacity='0.85'/%3E%3Ccircle cx='54.5' cy='69.5' r='0.8' fill='%2364748b' opacity='0.8'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 70px 95px, 95px 125px, 85px 110px, 110px 140px;
  background-position: 15px 115px, 50px 145px, 30px 130px, 75px 160px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 18px;
  transition: opacity 0.35s ease;
}

[data-world-theme="cronicas"] .tarot-card:hover:after {
  opacity: 0.92;
  animation: sootRise 3.5s linear infinite;
}

@keyframes sootRise {
  0% {
    background-position: 15px 115px, 50px 145px, 30px 130px, 75px 160px;
  }
  100% {
    background-position: 15px 0px, 50px 0px, 30px 0px, 75px 0px;
  }
}

[data-world-theme="cronicas"] .tarot-rune {
  font-size: 9.5px;
}


/* ==============================================================================
   CORPO INTERNO DA CARTA (MOLDURA UNIFORME em Ouro Antigo e Ferro)
   ============================================================================== */
.tarot-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background: linear-gradient(165deg, #121512 0%, #080a08 60%, #030403 100%);
  border: 1.5px solid rgba(199, 166, 96, 0.32);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.9), inset 0 0 16px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px 8px 10px 8px;
  transition: all 0.3s ease;
  z-index: 2;
}

/* Cantos chanfrados com borda tracejada interna */
.tarot-card-inner:before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px dashed rgba(199, 166, 96, 0.2);
  border-radius: 8px;
  pointer-events: none;
  z-index: 3;
}

/* Hover: Levitação de Tarô */
.tarot-card:hover {
  transform: translateY(-12px) scale(1.05);
  z-index: 10;
}

/* Hover padrão dourado */
.tarot-card:hover .tarot-card-inner {
  border-color: var(--tarot-gold-light);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.95), 
              0 0 25px rgba(243, 226, 184, 0.7), 
              0 0 50px rgba(199, 166, 96, 0.45),
              inset 0 0 16px rgba(199, 166, 96, 0.3);
}

/* ==============================================================================
   TOPO DA CARTA (Ranks & Runas em Ouro)
   ============================================================================== */
.tarot-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  font-size: 9.5px;
  letter-spacing: 0.12em;
  font-weight: 700;
  color: var(--tarot-gold-light);
  border-bottom: 1px solid rgba(199, 166, 96, 0.18);
  z-index: 4;
}

.tarot-rune {
  font-size: 11px;
  color: var(--tarot-gold);
  opacity: 0.85;
}

.tarot-role-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
}

/* ==============================================================================
   CORPO CENTRAL (Ilustração / Avatar do Aventureiro)
   ============================================================================== */
.tarot-portrait-box {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  margin: 5px 0;
  border-radius: 6px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, #151a15 0%, #060806 100%);
  border: 1px solid rgba(199, 166, 96, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.tarot-portrait-ambient {
  position: absolute;
  inset: -12px;
  background-size: cover;
  background-position: center;
  filter: blur(14px) brightness(0.65);
  opacity: 0.7;
  transform: scale(1.15);
  pointer-events: none;
  z-index: 1;
}

.tarot-portrait-box:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(6, 8, 6, 0.85) 100%);
  pointer-events: none;
  z-index: 3;
}

.tarot-portrait-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.4s ease;
  z-index: 2;
}

.tarot-card:hover .tarot-portrait-img {
  transform: scale(1.06);
}

/* Silhueta Heráldica quando não há foto customizada */
.tarot-portrait-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--tarot-gold);
  text-align: center;
  padding: 10px;
}

.tarot-sigil-icon {
  font-size: 34px;
  opacity: 0.88;
  filter: drop-shadow(0 0 10px var(--tarot-gold-glow));
}

.tarot-sigil-initial {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0 0 12px var(--tarot-gold-glow);
}

/* ==============================================================================
   BASE DA CARTA (Placa de Nome & Status)
   ============================================================================== */
.tarot-card-foot {
  text-align: center;
  padding: 6px 4px 4px 4px;
  background: rgba(7, 10, 8, 0.9);
  border-radius: 6px;
  border: 1px solid rgba(199, 166, 96, 0.2);
  z-index: 4;
}

.tarot-char-name {
  font-size: 11px;
  font-weight: 800;
  color: #f7f3ea;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.tarot-status-row {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #dcd4c5;
}

.tarot-status-gem {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tarot-gold);
  box-shadow: 0 0 8px var(--tarot-gold-bright);
}

[data-world-theme="infernim"] .tarot-status-gem {
  background: #ff7a29;
  box-shadow: 0 0 8px #ff7a29;
}

[data-world-theme="gigantes"] .tarot-status-gem {
  background: #9be5ff;
  box-shadow: 0 0 8px #9be5ff;
}

[data-world-theme="shogun"] .tarot-status-gem {
  background: #ff5252;
  box-shadow: 0 0 8px #ff5252;
}

[data-world-theme="cronicas"] .tarot-status-gem {
  background: #cbd5e1;
  box-shadow: 0 0 8px #cbd5e1;
}

.tarot-card.logging-in {
  pointer-events: none;
}

.tarot-card.logging-in .tarot-card-inner {
  border-color: #fff;
  box-shadow: 0 0 45px #ffe699;
  animation: tarotCardPulse 0.7s infinite alternate;
}

@keyframes tarotCardPulse {
  from { filter: brightness(1); }
  to { filter: brightness(1.35); }
}

/* ==============================================================================
   BARRA DE NAVEGAÇÃO INFERIOR FIXA
   ============================================================================== */
.tarot-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(199, 166, 96, 0.15);
  animation: tarotFooterFade 0.4s ease-out;
}

@keyframes tarotFooterFade {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.tarot-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 99px;
  border: 1px solid rgba(199, 166, 96, 0.35);
  background: rgba(10, 15, 12, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #d6cfc3;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.tarot-nav-btn:hover {
  background: rgba(22, 28, 22, 0.95);
  border-color: var(--tarot-gold-light);
  color: #fff;
  box-shadow: 0 0 16px rgba(199, 166, 96, 0.35);
  transform: translateY(-2px);
}

.tarot-btn-back .nav-arrow {
  font-size: 15px;
  color: var(--tarot-gold);
}

.tarot-btn-toggle .nav-icon {
  font-size: 13px;
  color: var(--tarot-gold-light);
}

/* Quando o usuário alternar para o Foundry Clássico, a barra inferior flutua discretamente */
body.auth.join.show-standard-foundry .tarot-bottom-bar-fixed {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  z-index: 1000;
}

/* ==============================================================================
   RESPONSIVIDADE (Tablets e Celulares)
   ============================================================================== */
@media (max-width: 1240px) {
  .tarot-cards-grid {
    gap: 12px;
    max-width: 700px;
  }
}

@media (max-width: 640px) {
  #mestre-panda-tarot-stage {
    padding: 16px 12px 20px 12px;
  }
  .tarot-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
    max-width: 330px;
  }
  .tarot-card {
    width: 100%;
    height: 280px;
  }
  .tarot-bottom-bar {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
  .tarot-nav-btn {
    justify-content: center;
  }
}

/* ==============================================================================
   MODAL DE SENHA DO MESTRE (Autenticação Arcana)
   ============================================================================== */
.tarot-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 5, 4, 0.82);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  padding: 16px;
  box-sizing: border-box;
}

.tarot-modal-backdrop.active {
  opacity: 1;
  pointer-events: auto;
}

.tarot-modal-box {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: linear-gradient(165deg, #141814 0%, #0a0d0a 60%, #040504 100%);
  border: 1.5px solid rgba(199, 166, 96, 0.45);
  border-radius: 16px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(199, 166, 96, 0.25);
  padding: 28px 24px 24px 24px;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Cinzel', Georgia, serif;
  transform: scale(0.92) translateY(12px);
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  overflow: hidden;
}

.tarot-modal-backdrop.active .tarot-modal-box {
  transform: scale(1) translateY(0);
}

.tarot-modal-box:before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px dashed rgba(199, 166, 96, 0.22);
  border-radius: 12px;
  pointer-events: none;
}

.tarot-modal-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto 12px auto;
  border: 2px solid var(--tarot-gold-light);
  box-shadow: 0 0 20px rgba(199, 166, 96, 0.5);
  overflow: hidden;
  background: #080a08;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tarot-modal-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tarot-modal-title {
  margin: 0 0 4px 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 30%, #f7ecd2 70%, #c7a660 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tarot-modal-subtitle {
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #dcd4c5;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.tarot-modal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tarot-modal-input-wrap {
  position: relative;
  width: 100%;
}

.tarot-modal-input {
  width: 100%;
  padding: 12px 16px;
  background: rgba(8, 12, 9, 0.92);
  border: 1px solid rgba(199, 166, 96, 0.4);
  border-radius: 8px;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  letter-spacing: 0.1em;
  outline: none;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

.tarot-modal-input:focus {
  border-color: var(--tarot-gold-light);
  box-shadow: 0 0 16px rgba(199, 166, 96, 0.4);
  background: rgba(14, 20, 15, 0.98);
}

.tarot-modal-input::placeholder {
  color: #8c8272;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.tarot-modal-error {
  display: none;
  font-size: 11px;
  color: #ff6b6b;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: -4px;
  font-weight: 700;
}

.tarot-modal-error.show {
  display: block;
}

.tarot-modal-actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}

.tarot-modal-btn {
  flex: 1;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.25s ease;
}

.tarot-modal-btn-submit {
  background: linear-gradient(180deg, #c7a660 0%, #9e7f3c 100%);
  color: #000;
  border: 1px solid var(--tarot-gold-bright);
  box-shadow: 0 4px 14px rgba(199, 166, 96, 0.35);
}

.tarot-modal-btn-submit:hover:not(:disabled) {
  background: linear-gradient(180deg, #dfc07c 0%, #b8974d 100%);
  box-shadow: 0 6px 20px rgba(199, 166, 96, 0.6);
  transform: translateY(-1px);
}

.tarot-modal-btn-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}

.tarot-modal-btn-cancel {
  background: rgba(20, 26, 22, 0.8);
  color: #b5ac9d;
  border: 1px solid rgba(199, 166, 96, 0.25);
}

.tarot-modal-btn-cancel:hover {
  background: rgba(35, 45, 38, 0.9);
  color: #fff;
  border-color: rgba(199, 166, 96, 0.5);
}

/* Variação de Modal por Tema */
[data-world-theme="infernim"] .tarot-modal-box {
  border-color: rgba(255, 125, 40, 0.55);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(255, 100, 25, 0.3);
}
[data-world-theme="infernim"] .tarot-modal-avatar {
  border-color: #ff9d42;
  box-shadow: 0 0 20px rgba(255, 110, 35, 0.6);
}
[data-world-theme="infernim"] .tarot-modal-btn-submit {
  background: linear-gradient(180deg, #ff7a29 0%, #c43808 100%);
  border-color: #ffa463;
  box-shadow: 0 4px 14px rgba(255, 110, 35, 0.4);
}

[data-world-theme="gigantes"] .tarot-modal-box {
  border-color: rgba(135, 215, 255, 0.55);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(100, 200, 255, 0.3);
}
[data-world-theme="gigantes"] .tarot-modal-avatar {
  border-color: #b8edff;
  box-shadow: 0 0 20px rgba(135, 215, 255, 0.6);
}
[data-world-theme="gigantes"] .tarot-modal-btn-submit {
  background: linear-gradient(180deg, #48bceb 0%, #1f76ab 100%);
  border-color: #a8e8ff;
  box-shadow: 0 4px 14px rgba(70, 185, 240, 0.4);
}

[data-world-theme="shogun"] .tarot-modal-box {
  border-color: rgba(255, 82, 82, 0.55);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(255, 60, 45, 0.3);
}
[data-world-theme="shogun"] .tarot-modal-avatar {
  border-color: #ff7979;
  box-shadow: 0 0 20px rgba(255, 82, 82, 0.6);
}
[data-world-theme="shogun"] .tarot-modal-btn-submit {
  background: linear-gradient(180deg, #ff5252 0%, #b32d2e 100%);
  border-color: #ff8585;
  box-shadow: 0 4px 14px rgba(255, 82, 82, 0.4);
}

[data-world-theme="cronicas"] .tarot-modal-box {
  border-color: rgba(203, 213, 225, 0.55);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 40px rgba(148, 163, 184, 0.3);
}
[data-world-theme="cronicas"] .tarot-modal-avatar {
  border-color: #cbd5e1;
  box-shadow: 0 0 20px rgba(203, 213, 225, 0.5);
}
[data-world-theme="cronicas"] .tarot-modal-btn-submit {
  background: linear-gradient(180deg, #94a3b8 0%, #475569 100%);
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(148, 163, 184, 0.35);
  color: #f8fafc;
}
[data-world-theme="cronicas"] .tarot-modal-btn-submit:hover:not(:disabled) {
  background: linear-gradient(180deg, #cbd5e1 0%, #64748b 100%);
  box-shadow: 0 6px 20px rgba(203, 213, 225, 0.55);
  color: #0f172a;
}




/* ==============================================================================
   TEMA COLAPSO DOS REINOS (OS QUATRO PILARES & METEOROS CAINDO NA DIAGONAL)
   ============================================================================== */
:root {
  --colapso-gold: #ffd166;
  --colapso-fire: #ff5e36;
  --colapso-glow: rgba(255, 140, 40, 0.85);
}

#mestre-panda-tarot-stage[data-world-theme="colapso"] .tarot-eyebrow {
  color: #ffe6aa;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 18px rgba(255, 170, 50, 0.85);
}
#mestre-panda-tarot-stage[data-world-theme="colapso"] .tarot-eyebrow-line {
  background: linear-gradient(90deg, transparent, rgba(255, 190, 70, 0.9), transparent);
}
#mestre-panda-tarot-stage[data-world-theme="colapso"] .tarot-world-title {
  background: linear-gradient(180deg, #ffffff 15%, #ffe6a0 50%, #ff6633 85%, #b31d1d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.98), 0 0 38px rgba(255, 120, 40, 0.65);
}

/* HALO DOS 4 PILARES AO REDOR DO CARD */
[data-world-theme="colapso"] .tarot-card:before {
  content: "";
  position: absolute;
  inset: -16px;
  border-radius: 28px;
  background: radial-gradient(circle at 50% 50%, 
    rgba(255, 80, 30, 0.9) 0%, 
    rgba(0, 210, 255, 0.7) 35%, 
    rgba(0, 240, 130, 0.5) 60%, 
    rgba(255, 215, 0, 0.3) 78%, 
    transparent 88%);
  opacity: 0;
  filter: blur(16px);
  pointer-events: none;
  z-index: 1;
  transform: scale(0.92);
  transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease;
}

[data-world-theme="colapso"] .tarot-card:hover:before {
  opacity: 1;
  transform: scale(1.12);
  animation: colapsoPillarHalo 3.2s infinite ease-in-out;
}

@keyframes colapsoPillarHalo {
  0% {
    /* 1. Pilar do Fogo / Ruína */
    background: radial-gradient(circle at 50% 50%, rgba(255, 70, 20, 0.95) 0%, rgba(255, 140, 30, 0.75) 35%, rgba(200, 25, 10, 0.45) 65%, transparent 85%);
    transform: scale(1.12, 1.15) translateY(-3px);
    filter: blur(16px);
    box-shadow: 0 0 45px rgba(255, 75, 20, 0.65);
  }
  25% {
    /* 2. Pilar da Água / Gelo Celeste */
    background: radial-gradient(circle at 50% 50%, rgba(0, 215, 255, 0.95) 0%, rgba(0, 140, 255, 0.75) 35%, rgba(0, 70, 190, 0.45) 65%, transparent 85%);
    transform: scale(1.15, 1.18) translateY(-6px);
    filter: blur(19px);
    box-shadow: 0 0 50px rgba(0, 215, 255, 0.7);
  }
  50% {
    /* 3. Pilar da Terra / Esmeralda Vital */
    background: radial-gradient(circle at 50% 50%, rgba(0, 245, 130, 0.95) 0%, rgba(16, 185, 129, 0.75) 35%, rgba(5, 120, 80, 0.45) 65%, transparent 85%);
    transform: scale(1.11, 1.14) translateY(-3px);
    filter: blur(16px);
    box-shadow: 0 0 45px rgba(0, 245, 130, 0.65);
  }
  75% {
    /* 4. Pilar do Ar / Luz Astral Dourada */
    background: radial-gradient(circle at 50% 50%, rgba(255, 220, 40, 0.95) 0%, rgba(245, 160, 20, 0.75) 35%, rgba(180, 100, 10, 0.45) 65%, transparent 85%);
    transform: scale(1.16, 1.20) translateY(-7px);
    filter: blur(21px);
    box-shadow: 0 0 55px rgba(255, 215, 0, 0.75);
  }
  100% {
    /* Retorna suavemente ao Fogo */
    background: radial-gradient(circle at 50% 50%, rgba(255, 70, 20, 0.95) 0%, rgba(255, 140, 30, 0.75) 35%, rgba(200, 25, 10, 0.45) 65%, transparent 85%);
    transform: scale(1.12, 1.15) translateY(-3px);
    filter: blur(16px);
    box-shadow: 0 0 45px rgba(255, 75, 20, 0.65);
  }
}

[data-world-theme="colapso"] .tarot-card:hover .tarot-card-inner {
  border-color: #ffd166;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.98), 
              0 0 30px rgba(255, 140, 30, 0.85), 
              0 0 60px rgba(230, 80, 20, 0.55),
              inset 0 0 18px rgba(255, 210, 80, 0.4);
}

/* PEQUENOS METEOROS CAINDO NA DIAGONAL AO PASSAR O MOUSE */
[data-world-theme="colapso"] .tarot-card:after {
  content: "";
  position: absolute;
  inset: -15px;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='m1' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='transparent'/%3E%3Cstop offset='60%25' stop-color='%23ff6600' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline x1='80' y1='10' x2='20' y2='70' stroke='url(%23m1)' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='70' r='3.2' fill='%23ffffff' filter='drop-shadow(0 0 4px %23ffaa00)'/%3E%3Ccircle cx='20' cy='70' r='1.8' fill='%23fff8db'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='m2' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='transparent'/%3E%3Cstop offset='70%25' stop-color='%23ffd700' stop-opacity='0.7'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline x1='95' y1='15' x2='35' y2='75' stroke='url(%23m2)' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='35' cy='75' r='2.4' fill='%23ffffff' filter='drop-shadow(0 0 3px %23ffffff)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cdefs%3E%3ClinearGradient id='m3' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='transparent'/%3E%3Cstop offset='65%25' stop-color='%23ff2a2a' stop-opacity='0.7'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cline x1='110' y1='20' x2='40' y2='90' stroke='url(%23m3)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='40' cy='90' r='2.8' fill='%23ffffff' filter='drop-shadow(0 0 4px %23ff4500)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 85px 85px, 120px 120px, 150px 150px;
  background-position: 85px -85px, 120px -120px, 60px -60px;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  border-radius: 20px;
  transition: opacity 0.35s ease;
}

[data-world-theme="colapso"] .tarot-card:hover:after {
  opacity: 0.95;
  animation: colapsoMeteorsFall 2.4s linear infinite;
}

@keyframes colapsoMeteorsFall {
  0% {
    background-position: 85px -85px, 120px -120px, 60px -60px;
  }
  100% {
    background-position: -85px 85px, -120px 120px, -90px 90px;
  }
}

[data-world-theme="colapso"] .tarot-rune {
  font-size: 9.5px;
}

[data-world-theme="colapso"] .tarot-status-gem {
  background: #ff9f43;
  box-shadow: 0 0 10px #ff9f43;
}

[data-world-theme="colapso"] .tarot-modal-box {
  border-color: rgba(255, 170, 50, 0.6);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.95), 0 0 45px rgba(255, 120, 30, 0.35);
}
[data-world-theme="colapso"] .tarot-modal-avatar {
  border-color: #ffd166;
  box-shadow: 0 0 22px rgba(255, 170, 50, 0.7);
}
[data-world-theme="colapso"] .tarot-modal-btn-submit {
  background: linear-gradient(180deg, #ff7b25 0%, #b83b14 100%);
  border-color: #ffa066;
  box-shadow: 0 4px 16px rgba(255, 120, 30, 0.45);
}