/**
 * Tema Natal — decorações (neve, pisca-pisca, neve nos botões, gorro, bengala).
 * Carregado depois de todas as outras folhas: só sobrepõe.
 */

:root {
  --xm-red: #e3262f;
  --xm-red-deep: #9e0f19;
  --xm-green: #1f9d55;
  --xm-green-deep: #0d5c2f;
  --xm-gold: #ffd34d;
  --xm-gold-deep: #f5a300;
  --xm-ice: #bfe6ff;
  --xm-night: #050b1a;
  --xm-night-2: #0a1630;
  --xm-snow: #ffffff;

  --xm-snowcap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M4 9 Q4 1 13 1 H187 Q196 1 196 9 V11 Q192 15 185 12 Q177 20 168 13 Q160 10 150 14 Q140 21 128 13 Q118 10 107 15 Q97 21 85 13 Q75 9 63 14 Q51 21 39 13 Q29 10 21 15 Q11 20 4 12 Z' fill='%23ffffff'/%3E%3Cpath d='M10 5 H190' stroke='%23e6f4ff' stroke-width='2' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E");
  --xm-hat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 60'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ff4a4a'/%3E%3Cstop offset='1' stop-color='%23b5101b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 44 C10 22 26 6 46 8 C58 9 66 18 64 32 C60 26 54 24 50 28 C47 32 48 38 50 44 Z' fill='url(%23r)'/%3E%3Crect x='3' y='40' width='52' height='14' rx='7' fill='%23ffffff'/%3E%3Ccircle cx='63' cy='34' r='8' fill='%23ffffff'/%3E%3Cpath d='M8 47 H50' stroke='%23dfeefa' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  --xm-cane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 84'%3E%3Cpath d='M12 80 V26 A13 13 0 0 1 38 26 V33' fill='none' stroke='%23ffffff' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M12 80 V26 A13 13 0 0 1 38 26 V33' fill='none' stroke='%23e3262f' stroke-width='9' stroke-dasharray='6 7' stroke-linecap='butt'/%3E%3Cpath d='M4 66 q8 -9 16 0 q-8 9 -16 0z' fill='%231f9d55'/%3E%3Cpath d='M20 66 q8 -9 16 0 q-8 9 -16 0z' fill='%23178a48'/%3E%3Ccircle cx='20' cy='70' r='3.4' fill='%23e3262f'/%3E%3Ccircle cx='24' cy='73' r='3' fill='%23c41a24'/%3E%3C/svg%3E");
  --xm-wire: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='20'%3E%3Cpath d='M0 3 Q14 11 28 3' stroke='%230d3b1f' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
}

body {
  background: var(--xm-night);
}

/* ═══════════════════════════════════════════════════════════════
   NEVE CAINDO (todas as páginas, exceto durante a corrida)
   ═══════════════════════════════════════════════════════════════ */
.xmas-snow {
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  overflow: hidden;
}

.xmas-snow::before,
.xmas-snow::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -320px;
  bottom: 0;
  will-change: transform;
}

.xmas-snow::before {
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.95) 0 2px, transparent 3px),
    radial-gradient(circle at 42% 62%, rgba(255, 255, 255, 0.85) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 78% 30%, rgba(255, 255, 255, 0.9) 0 2.4px, transparent 3.4px),
    radial-gradient(circle at 62% 88%, rgba(255, 255, 255, 0.7) 0 1.4px, transparent 2.4px),
    radial-gradient(circle at 26% 76%, rgba(255, 255, 255, 0.8) 0 1.8px, transparent 2.8px);
  background-size: 320px 320px;
  opacity: 0.75;
  animation: xmSnowFall 14s linear infinite;
}

.xmas-snow::after {
  background-image:
    radial-gradient(circle at 20% 40%, rgba(255, 255, 255, 0.6) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 12%, rgba(255, 255, 255, 0.55) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 85% 70%, rgba(255, 255, 255, 0.6) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 92%, rgba(255, 255, 255, 0.5) 0 0.9px, transparent 1.9px);
  background-size: 160px 160px;
  opacity: 0.6;
  animation: xmSnowFallSmall 22s linear infinite;
}

@keyframes xmSnowFall {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-40px, 320px, 0); }
}

@keyframes xmSnowFallSmall {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(32px, 320px, 0); }
}

body:has(#page-jogo.active) .xmas-snow {
  display: none;
}

/* Corrida: neve e tom de noite de inverno por cima do mapa (sem bloquear toques) */
body:has(#page-jogo.active) .xmas-snow--game {
  display: block;
  position: absolute;
  z-index: 3;
}

.xmas-game-tint {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.xmas-game-tint::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 85% 80% at 50% 50%, transparent 62%, rgba(215, 236, 255, 0.28) 88%, rgba(235, 246, 255, 0.5) 100%);
}

@media (prefers-reduced-motion: reduce) {
  .xmas-snow::before,
  .xmas-snow::after {
    animation: none;
  }
}

/* ═══════════════════════════════════════════════════════════════
   PISCA-PISCA (cabeçalhos)
   ═══════════════════════════════════════════════════════════════ */
.subway-home > .lnd-nav::after,
#page-painel.active .pnl-root.tower-copa .pnl-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  height: 20px;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse 4px 6px at 14px 12px, #ff3b3b 0 3.4px, rgba(255, 59, 59, 0.45) 4.6px, transparent 8px),
    radial-gradient(ellipse 4px 6px at 14px 12px, #2bd96b 0 3.4px, rgba(43, 217, 107, 0.45) 4.6px, transparent 8px),
    radial-gradient(ellipse 4px 6px at 14px 12px, #ffd34d 0 3.4px, rgba(255, 211, 77, 0.45) 4.6px, transparent 8px),
    radial-gradient(ellipse 4px 6px at 14px 12px, #4fb3ff 0 3.4px, rgba(79, 179, 255, 0.45) 4.6px, transparent 8px),
    var(--xm-wire);
  background-size: 112px 20px, 112px 20px, 112px 20px, 112px 20px, 28px 20px;
  background-position: 0 0, 28px 0, 56px 0, 84px 0, 0 0;
  background-repeat: repeat-x;
  filter: drop-shadow(0 0 4px rgba(255, 220, 140, 0.55));
  animation: xmLightsChase 2.4s steps(1) infinite;
  z-index: 3;
}

@keyframes xmLightsChase {
  0%   { background-position: 0 0, 28px 0, 56px 0, 84px 0, 0 0; }
  25%  { background-position: 28px 0, 56px 0, 84px 0, 112px 0, 0 0; }
  50%  { background-position: 56px 0, 84px 0, 112px 0, 140px 0, 0 0; }
  75%  { background-position: 84px 0, 112px 0, 140px 0, 168px 0, 0 0; }
  100% { background-position: 0 0, 28px 0, 56px 0, 84px 0, 0 0; }
}

/* Faixa de neve no topo dos cabeçalhos */
.subway-home > .lnd-nav::before,
#page-painel.active .pnl-root.tower-copa .pnl-header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 7px;
  pointer-events: none;
  background:
    radial-gradient(circle at 8px 0, #fff 0 6px, transparent 6.5px) 0 0 / 22px 7px repeat-x,
    linear-gradient(#fff, #e8f4ff) 0 0 / 100% 2px no-repeat;
  opacity: 0.92;
  z-index: 3;
}

.subway-home > .lnd-nav {
  height: 64px;
  background: linear-gradient(180deg, rgba(5, 11, 26, 0.96), rgba(8, 18, 40, 0.9));
  border-bottom: 1px solid rgba(227, 38, 47, 0.45);
  overflow: visible;
}

.subway-home .lnd-nav-brand .brand-logo-img {
  height: 50px;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}

.subway-home .lnd-footer.sh-below .brand-logo-img {
  height: 60px;
  max-width: 200px;
}

/* ═══════════════════════════════════════════════════════════════
   NEVE EM CIMA DOS BOTÕES PRINCIPAIS
   ═══════════════════════════════════════════════════════════════ */
.tower-copa-landing .lnd-cta-btn,
.tower-copa-landing .lnd-cta-sm,
#page-painel.active .pnl-root.tower-copa .pnl-play-btn,
.auth-btn,
.lgn-btn,
.reg-btn {
  position: relative;
  overflow: visible;
}

.tower-copa-landing .lnd-cta-btn::before,
.tower-copa-landing .lnd-cta-sm::before,
#page-painel.active .pnl-root.tower-copa .pnl-play-btn::before,
.auth-btn::before,
.lgn-btn::before,
.reg-btn::before {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: -8px;
  height: 17px;
  background: var(--xm-snowcap) center top / 100% 100% no-repeat;
  filter: drop-shadow(0 2px 2px rgba(10, 30, 70, 0.35));
  pointer-events: none;
  z-index: 2;
}

.tower-copa-landing .lnd-cta-sm::before {
  top: -6px;
  height: 11px;
  left: 3px;
  right: 3px;
}

/* Gorrinho no botão Cadastrar */
.subway-home .lnd-cta-sm::after {
  content: "";
  position: absolute;
  right: -8px;
  top: -9px;
  width: 26px;
  height: 22px;
  background: var(--xm-hat) center / contain no-repeat;
  transform: rotate(18deg);
  pointer-events: none;
  z-index: 3;
}

/* ═══════════════════════════════════════════════════════════════
   LANDING — HERO (mockup natalino)
   ═══════════════════════════════════════════════════════════════ */
#page-landing.active .tower-copa-landing .lnd-hero {
  background:
    linear-gradient(
      180deg,
      rgba(3, 8, 22, 0.55) 0%,
      rgba(3, 8, 22, 0.25) 36%,
      rgba(3, 8, 22, 0.05) 60%,
      rgba(3, 8, 22, 0.4) 100%
    ),
    url("../images/natal/fundocelular.webp") center bottom / cover no-repeat;
  background-color: var(--xm-night);
}

@media (min-width: 900px) {
  #page-landing.active .tower-copa-landing .lnd-hero {
    background:
      linear-gradient(
        180deg,
        rgba(3, 8, 22, 0.55) 0%,
        rgba(3, 8, 22, 0.2) 42%,
        rgba(3, 8, 22, 0.08) 62%,
        rgba(3, 8, 22, 0.45) 100%
      ),
      url("../images/natal/fundo.webp") center center / cover no-repeat;
    background-color: var(--xm-night);
  }
}

.subway-home .lnd-copa-confetti {
  opacity: 0.35;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.55) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 90% 30%, rgba(255, 211, 77, 0.45) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 30% 80%, rgba(255, 255, 255, 0.4) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 70% 60%, rgba(227, 38, 47, 0.4) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 50% 50%, rgba(191, 230, 255, 0.4) 0 1px, transparent 2px);
}

.subway-home .lnd-orbs {
  opacity: 0.25;
}

.subway-home .lnd-hero-inner {
  padding-top: 18px;
}

/* Selo "DESAFIO SUBWAY SURF" */
.subway-home .lnd-live-badge {
  margin: 4px auto 22px;
  padding: 9px 20px;
  background: rgba(8, 6, 14, 0.82);
  border: 2px solid var(--xm-red);
  box-shadow: 0 0 18px rgba(227, 38, 47, 0.45), inset 0 0 12px rgba(227, 38, 47, 0.15);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.subway-home .lnd-live-dot {
  background: #22d66b;
  box-shadow: 0 0 0 3px rgba(34, 214, 107, 0.25);
}

.subway-home .lnd-live-dot::after {
  border-color: #22d66b;
}

/* Título */
.subway-home .lnd-title-copa {
  margin-bottom: 18px;
  overflow: visible;
}

.subway-home .lnd-title-line {
  position: relative;
}

.subway-home .lnd-t-w {
  position: relative;
  display: inline-block;
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: clamp(20px, 5.4vw, 32px);
  color: #fff;
  text-shadow: 0 3px 0 rgba(10, 20, 50, 0.85), 0 6px 18px rgba(0, 0, 0, 0.5);
  padding-left: 6px;
}

.subway-home .lnd-t-w::before {
  content: "";
  position: absolute;
  left: -42px;
  top: -26px;
  width: 54px;
  height: 46px;
  background: var(--xm-hat) center / contain no-repeat;
  transform: rotate(-22deg);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.45));
  pointer-events: none;
}

.subway-home .lnd-t-g,
.subway-home .lnd-t-gn {
  display: inline-block;
  font-family: "Anton", "Bebas Neue", system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.02;
  font-size: clamp(44px, 12vw, 84px);
  padding: 0 0.06em;
}

.subway-home .lnd-t-g {
  background: linear-gradient(180deg, #ffffff 0%, #e4f4ff 38%, #8fcbff 70%, #3f86e6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #dff1ff;
  -webkit-text-stroke: 1.5px rgba(8, 26, 70, 0.9);
  text-shadow: none;
  filter: drop-shadow(0 4px 0 #0b1f4d) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.55));
}

.subway-home .lnd-t-gn {
  transform: skewX(-8deg);
  background: linear-gradient(180deg, #fff3a0 0%, #ffd23f 35%, #ffa21a 68%, #ff6a00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffc23a;
  -webkit-text-stroke: 1.5px rgba(110, 20, 10, 0.85);
  filter: drop-shadow(0 4px 0 #6b1208) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.55));
}

.subway-home .lnd-sub {
  color: #fff;
  font-weight: 600;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
  max-width: 460px;
}

.subway-home .lnd-sub strong {
  color: var(--xm-gold);
  font-weight: 800;
}

/* Botão principal */
.subway-home .lnd-hero .lnd-cta-btn {
  min-width: min(380px, 100%);
  justify-content: center;
  padding: 20px 44px;
  border-radius: 18px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.06em;
  background: linear-gradient(180deg, #ffb13b 0%, #ff8a12 45%, #f06400 100%);
  color: #1b0a00;
  border: 2px solid rgba(255, 220, 160, 0.55);
  box-shadow: 0 10px 30px rgba(255, 120, 20, 0.45), inset 0 2px 0 rgba(255, 255, 255, 0.35);
}

.subway-home .lnd-hero .lnd-cta-btn::after {
  content: "";
  position: absolute;
  right: -16px;
  top: -30px;
  width: 40px;
  height: 76px;
  background: var(--xm-cane) center / contain no-repeat;
  transform: rotate(12deg);
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.45));
  pointer-events: none;
  z-index: 3;
}

.subway-home .lnd-ghost-btn {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

.subway-home .lnd-ghost-btn:hover {
  color: var(--xm-gold);
}

/* Pílulas de confiança */
.subway-home .lnd-trust-item {
  background: rgba(10, 6, 14, 0.82);
  border: 1.5px solid rgba(227, 38, 47, 0.85);
  color: #ffe9a8;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 9px 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.subway-home .lnd-trust-item svg {
  stroke: var(--xm-gold);
}

/* ═══════════════════════════════════════════════════════════════
   LANDING — SEÇÕES ABAIXO DO HERO
   ═══════════════════════════════════════════════════════════════ */
.subway-home .sh-eyebrow {
  color: var(--xm-gold);
}

.subway-home .sh-eyebrow::before,
.subway-home .sh-eyebrow::after {
  content: "❄";
  margin: 0 8px;
  color: var(--xm-ice);
  font-size: 0.95em;
}

.subway-home .sh-stats-inner {
  border: 1px solid rgba(255, 211, 77, 0.28);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(227, 38, 47, 0.18);
}

.subway-home .sh-stats-inner .lnd-stat {
  background: linear-gradient(165deg, rgba(12, 26, 56, 0.96), rgba(5, 11, 26, 0.98));
}

.subway-home .sh-stats-inner .lnd-stat-val {
  background: linear-gradient(180deg, #fff 10%, var(--xm-gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.subway-home .lnd-how.sh-below {
  background:
    radial-gradient(ellipse 60% 45% at 8% 0%, rgba(227, 38, 47, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 95% 100%, rgba(31, 157, 85, 0.14), transparent 55%),
    linear-gradient(180deg, #050b1a 0%, #0a1630 100%);
}

.subway-home .lnd-test.sh-below {
  background:
    radial-gradient(ellipse 60% 40% at 90% 20%, rgba(255, 211, 77, 0.08), transparent 50%),
    radial-gradient(ellipse 50% 40% at 5% 90%, rgba(227, 38, 47, 0.1), transparent 55%),
    linear-gradient(180deg, #0a1630 0%, #050b1a 100%);
}

.subway-home .sh-how-rail .lnd-how-num {
  background: linear-gradient(135deg, var(--xm-red), var(--xm-gold));
  -webkit-background-clip: text;
  background-clip: text;
}

.subway-home .sh-how-rail .lnd-how-icon {
  color: var(--xm-gold);
  background: rgba(227, 38, 47, 0.12);
  border-color: rgba(227, 38, 47, 0.35);
}

.subway-home .sh-how-rail .lnd-how-card,
.subway-home .lnd-test.sh-below .lnd-test-card {
  background: linear-gradient(160deg, rgba(14, 30, 62, 0.75), rgba(6, 13, 30, 0.8));
  border-color: rgba(191, 230, 255, 0.12);
}

.subway-home .sh-how-rail .lnd-how-card:hover,
.subway-home .lnd-test.sh-below .lnd-test-card:hover {
  border-color: rgba(255, 211, 77, 0.45);
}

.subway-home .lnd-test.sh-below .lnd-test-stars {
  color: var(--xm-gold);
}

/* Faixa de bengala doce no topo do CTA e do rodapé */
.subway-home .lnd-cta-sec.sh-below,
.subway-home .lnd-footer.sh-below {
  border-top: 0;
}

.subway-home .lnd-cta-sec.sh-below::before,
.subway-home .lnd-footer.sh-below::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 6px;
  background: repeating-linear-gradient(-45deg, var(--xm-red) 0 10px, #fff 10px 20px);
  opacity: 0.9;
  z-index: 2;
}

.subway-home .lnd-cta-sec.sh-below {
  background:
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(255, 138, 18, 0.2), transparent 60%),
    radial-gradient(ellipse 40% 40% at 85% 15%, rgba(227, 38, 47, 0.22), transparent 55%),
    radial-gradient(ellipse 40% 40% at 12% 20%, rgba(31, 157, 85, 0.18), transparent 55%),
    linear-gradient(145deg, #0a1630 0%, #0e1d40 50%, #091228 100%);
}

.subway-home .lnd-cta-sec.sh-below h2::before {
  content: "🎄 ";
}

.subway-home .lnd-footer.sh-below {
  position: relative;
  background: #040814;
}

.subway-home .lnd-footer.sh-below .lnd-footer-links a:hover {
  color: var(--xm-gold);
}

/* ═══════════════════════════════════════════════════════════════
   LOGIN / CADASTRO
   ═══════════════════════════════════════════════════════════════ */
.auth-shell {
  border-color: rgba(255, 211, 77, 0.22);
  box-shadow:
    0 40px 100px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(227, 38, 47, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.auth-shell::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 16px;
  background: var(--xm-snowcap) center top / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 5;
}

.auth-logo {
  justify-content: center;
}

.auth-logo img,
.auth-logo .brand-logo-img {
  height: 64px;
}

.auth-title::after {
  content: " 🎄";
}

/* ═══════════════════════════════════════════════════════════════
   PAINEL
   ═══════════════════════════════════════════════════════════════ */
#page-painel.active .pnl-root.tower-copa .pnl-header {
  position: sticky;
  background: linear-gradient(180deg, rgba(5, 11, 26, 0.96), rgba(8, 18, 40, 0.92));
  border-bottom: 1px solid rgba(227, 38, 47, 0.45);
}

#page-painel.active .pnl-root.tower-copa .pnl-logo .brand-logo-img {
  height: 46px;
  width: auto;
}

#page-painel.active .pnl-root.tower-copa .pnl-hero-kicker {
  color: var(--xm-gold);
}

#page-painel.active .pnl-root.tower-copa .pnl-hero {
  border: 1px solid rgba(255, 211, 77, 0.22);
  background:
    radial-gradient(ellipse 60% 70% at 100% 0%, rgba(227, 38, 47, 0.25), transparent 60%),
    radial-gradient(ellipse 50% 60% at 0% 100%, rgba(31, 157, 85, 0.2), transparent 60%),
    linear-gradient(135deg, rgba(10, 22, 48, 0.85) 0%, rgba(6, 13, 30, 0.8) 100%);
}

#page-painel.active .pnl-root.tower-copa .pnl-game-copa-bar {
  height: 7px;
  background: repeating-linear-gradient(-45deg, var(--xm-red) 0 10px, #fff 10px 20px);
  animation: xmCaneSlide 1.6s linear infinite;
  background-size: 28.28px 28.28px;
}

@keyframes xmCaneSlide {
  from { background-position: 0 0; }
  to { background-position: 28.28px 0; }
}

#page-painel.active .pnl-root.tower-copa .pnl-game-card {
  border-color: rgba(255, 211, 77, 0.3);
}

#page-painel.active .pnl-root.tower-copa .pnl-avatar,
#page-painel.active .pnl-root.tower-copa .ppd-avatar {
  background: linear-gradient(135deg, var(--xm-red), var(--xm-red-deep));
}

#page-painel.active .pnl-root.tower-copa .pnl-bottom-nav {
  border-top: 1px solid rgba(227, 38, 47, 0.4);
}

/* ═══════════════════════════════════════════════════════════════
   MODAIS / RESULTADO DO JOGO
   ═══════════════════════════════════════════════════════════════ */
.hw-modal {
  border-color: rgba(255, 211, 77, 0.3) !important;
}