/* ==============================================================
   PRISMA V3 · ETAPA 2 — CARTAS PREMIUM
   As cartas são vetoriais/CSS: 4 forças × 4 estados de intensidade.
   Isso mantém nitidez em qualquer tela sem adicionar peso de imagens.
   ============================================================== */
.card{
  --accent:#f1b444;--accent-deep:#b97517;--accent-soft:#fff0bd;--ink-card:#2f241e;
  position:absolute;left:0;top:0;width:var(--card-w);height:var(--card-h);border:0;background:none;padding:0;
  border-radius:16px;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  transition:transform .12s cubic-bezier(.2,.8,.2,1),filter .12s ease;z-index:1;contain:layout style;backface-visibility:hidden;
}
.card[data-suit="day"]{--accent:#f2b43c;--accent-deep:#bd7610;--accent-soft:#fff0b4}
.card[data-suit="night"]{--accent:#6678d9;--accent-deep:#313f99;--accent-soft:#dce1ff}
.card[data-suit="hot"]{--accent:#ee5b47;--accent-deep:#b62f2c;--accent-soft:#ffe0cc}
.card[data-suit="cold"]{--accent:#4fb9e3;--accent-deep:#247cae;--accent-soft:#d8f5ff}
.card[data-pile="stock"]{pointer-events:none}.card.dragging{transition:none;cursor:grabbing;will-change:transform}
.card-inner{
  position:relative;width:100%;height:100%;border-radius:16px;overflow:visible;
  box-shadow:none;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.card:hover:not(.dragging):not(.face-down) .card-inner{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.card.selected .card-inner{transform:translateY(-7px);box-shadow:0 0 0 3px #ffe18a,0 0 26px color-mix(in srgb,var(--accent) 44%,transparent)}
.card.dragging .card-inner{transform:translateZ(0);box-shadow:none;transition:none}.card.dragging .scene{transition:none!important;filter:none!important}.game-screen.drag-active .table-light{animation-play-state:paused!important}.game-screen.drag-active .card:not(.dragging) .card-inner{transition:none}

/* Face de marfim com moldura colorida e ornamentos discretos */
.card-face{
  position:absolute;inset:0;border-radius:16px;overflow:hidden;color:var(--ink-card);
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.92),transparent 28%),
    linear-gradient(165deg,#fffdf8 0%,#fbf3e7 56%,#f0e4d4 100%);
  border:1px solid rgba(69,43,27,.2);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.64),inset 0 0 0 3px color-mix(in srgb,var(--accent) 34%,transparent);
}
.card.face-down .card-face{display:none}
.force-ribbon{position:absolute;left:0;top:0;bottom:0;width:5.5%;background:linear-gradient(180deg,var(--accent-soft),var(--accent) 34%,var(--accent-deep));box-shadow:1px 0 0 rgba(255,255,255,.58);z-index:5}
.card-ornament{position:absolute;inset:4px;border-radius:12px;pointer-events:none;z-index:2;opacity:.78}
.card-ornament::before,.card-ornament::after{content:"";position:absolute;width:19%;height:15%;border-color:var(--accent);opacity:.48}
.card-ornament::before{left:3px;top:3px;border-left:1px solid;border-top:1px solid;border-radius:6px 0 0 0}
.card-ornament::after{right:3px;top:3px;border-right:1px solid;border-top:1px solid;border-radius:0 6px 0 0}

.card-head{position:absolute;left:10%;right:5%;top:5%;height:22%;display:grid;grid-template-columns:auto 21% 1fr;align-items:center;gap:4%;z-index:8}
.card-num{font-family:Georgia,"Times New Roman",serif;font-size:calc(var(--card-w)*.32);line-height:.9;font-weight:900;letter-spacing:-.055em;color:#34241d;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.force-name{font-size:calc(var(--card-w)*.095);font-weight:950;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#392b24}
.force-icon,.force-icon-large,.force-icon-footer,.nucleus-icon{display:grid;place-items:center;color:var(--accent-deep)}
.force-icon svg,.force-icon-large svg,.force-icon-footer svg,.nucleus-icon svg{width:100%;height:100%}
.force-icon{width:100%;aspect-ratio:1;color:var(--accent-deep);filter:drop-shadow(0 1px 0 rgba(255,255,255,.75))}

/* Janela de arte — quatro cenas puramente vetoriais/CSS */
.card-visual{position:absolute;left:9%;right:5%;top:29%;bottom:13%;border-radius:10px;overflow:hidden;z-index:4;border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(83,55,35,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 2px 5px rgba(67,42,28,.13)}
.scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;transition:filter .18s ease,transform .18s ease}
.scene::before,.scene::after,.scene span{content:"";position:absolute;display:block}
.card[data-tier="1"] .scene{filter:saturate(.82) brightness(1.06)}
.card[data-tier="2"] .scene{filter:saturate(.94) brightness(1.03)}
.card[data-tier="3"] .scene{filter:saturate(1.07) contrast(1.02)}
.card[data-tier="4"] .scene{filter:saturate(1.22) contrast(1.06);transform:scale(1.015)}

/* DIA */
.scene-day{background:linear-gradient(180deg,#fff4ca 0%,#f8c867 48%,#e79b32 72%,#8a612d 100%)}
.scene-day::before{left:-14%;right:-10%;bottom:17%;height:43%;background:linear-gradient(150deg,#be8a46,#6c5834);clip-path:polygon(0 100%,18% 48%,29% 71%,48% 18%,62% 67%,75% 40%,100% 100%);opacity:.82}
.scene-day::after{left:-9%;right:-8%;bottom:-5%;height:36%;background:linear-gradient(180deg,#74603b,#4f4b32);clip-path:polygon(0 68%,19% 44%,36% 67%,54% 26%,71% 55%,100% 33%,100% 100%,0 100%)}
.scene-day .scene-orb{width:34%;aspect-ratio:1;border-radius:50%;left:50%;top:12%;transform:translateX(-50%);background:radial-gradient(circle at 38% 32%,#fffbe6 0 13%,#ffe071 28%,#ffa90f 66%,#e48005 100%);box-shadow:0 0 0 6px rgba(255,196,54,.14),0 0 22px rgba(255,202,65,.72),0 0 40px rgba(255,239,157,.34)}
.scene-day .scene-orb::before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 0deg,rgba(255,200,55,.72) 0 3deg,transparent 3deg 26deg);clip-path:circle(48%);opacity:.75;z-index:-1}
.scene-day .scene-detail{left:45%;bottom:-4%;width:18%;height:43%;background:linear-gradient(180deg,rgba(255,246,196,.88),rgba(252,205,84,.12));clip-path:polygon(43% 0,63% 0,100% 100%,0 100%);filter:blur(.2px);opacity:.74}
.card[data-tier="1"] .scene-day .scene-orb{width:25%;top:18%;opacity:.78}.card[data-tier="4"] .scene-day .scene-orb{width:39%;top:8%}

/* NOITE */
.scene-night{background:radial-gradient(circle at 70% 12%,rgba(82,106,190,.6),transparent 34%),linear-gradient(180deg,#172a64 0%,#172c66 38%,#244276 67%,#101d3f 100%)}
.scene-night::before{inset:0;background-image:radial-gradient(circle at 18% 18%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 72% 29%,#dfe6ff 0 1px,transparent 1.4px),radial-gradient(circle at 40% 42%,#fff 0 .8px,transparent 1.2px),radial-gradient(circle at 87% 53%,#dfe6ff 0 .8px,transparent 1.2px);background-size:47px 41px,53px 59px,43px 51px,61px 44px;opacity:.62}
.scene-night::after{left:-12%;right:-8%;bottom:-1%;height:46%;background:linear-gradient(180deg,#263a5c,#0b1733);clip-path:polygon(0 100%,0 72%,18% 44%,32% 73%,50% 27%,68% 72%,82% 47%,100% 82%,100% 100%)}
.scene-night .scene-orb{width:33%;aspect-ratio:1;border-radius:50%;left:53%;top:13%;transform:translateX(-50%);background:#fff3c8;box-shadow:-9px 2px 0 1px #314a91 inset,0 0 18px rgba(227,232,255,.42),0 0 32px rgba(120,144,235,.28)}
.scene-night .scene-detail{left:38%;right:22%;bottom:4%;height:19%;border-radius:50%;background:linear-gradient(180deg,#5683b1,#10264b);box-shadow:0 -2px 0 rgba(212,233,255,.2) inset;opacity:.75}
.card[data-tier="1"] .scene-night::before{opacity:.28}.card[data-tier="4"] .scene-night::before{opacity:.88}.card[data-tier="4"] .scene-night .scene-orb{box-shadow:-10px 2px 0 1px #314a91 inset,0 0 22px rgba(255,246,201,.52),0 0 42px rgba(120,144,235,.48)}

/* QUENTE */
.scene-hot{background:radial-gradient(circle at 50% 44%,#ffd885 0%,#f79a45 26%,#d84a37 58%,#641d28 100%)}
.scene-hot::before{left:-8%;right:-8%;bottom:-6%;height:38%;background:linear-gradient(180deg,#6c362c,#291b1b);clip-path:polygon(0 50%,16% 36%,30% 66%,47% 38%,63% 67%,78% 32%,100% 57%,100% 100%,0 100%)}
.scene-hot::after{left:17%;right:16%;bottom:15%;height:67%;background:linear-gradient(180deg,#fff3a8 0 12%,#ffbb37 31%,#ee5b32 61%,#b72d2f 100%);clip-path:polygon(50% 0,67% 24%,65% 40%,80% 27%,91% 59%,77% 88%,57% 100%,33% 94%,13% 72%,15% 47%,32% 61%,30% 36%);filter:drop-shadow(0 0 9px rgba(255,193,55,.62))}
.scene-hot .scene-orb{left:34%;bottom:17%;width:31%;height:40%;background:linear-gradient(180deg,#fff9c8,#ffc73b 43%,#ef5b2d 92%);clip-path:polygon(52% 0,75% 34%,66% 51%,89% 41%,88% 73%,64% 100%,34% 96%,8% 75%,13% 46%,33% 58%,31% 32%);z-index:3;opacity:.9}
.scene-hot .scene-detail{inset:0;background:radial-gradient(circle at 19% 22%,rgba(255,222,111,.8) 0 1px,transparent 1.6px),radial-gradient(circle at 76% 30%,rgba(255,177,73,.78) 0 1px,transparent 1.5px),radial-gradient(circle at 61% 14%,rgba(255,236,149,.65) 0 1px,transparent 1.5px);background-size:36px 42px,43px 39px,31px 47px;opacity:.7}
.card[data-tier="1"] .scene-hot::after{transform:scale(.74);transform-origin:50% 100%;opacity:.82}.card[data-tier="4"] .scene-hot::after{transform:scale(1.08);transform-origin:50% 100%}.card[data-tier="4"] .scene-hot .scene-detail{opacity:1}

/* FRIO */
.scene-cold{background:linear-gradient(180deg,#eafcff 0%,#bce9f9 36%,#77c2e4 65%,#2c6f9d 100%)}
.scene-cold::before{left:-13%;right:-10%;bottom:9%;height:74%;background:linear-gradient(145deg,#ecfbff 0 22%,#a9d9ef 23% 46%,#5d9ec8 47% 70%,#376a9a 71%);clip-path:polygon(0 100%,16% 69%,29% 80%,45% 25%,55% 54%,67% 8%,84% 70%,100% 42%,100% 100%);filter:drop-shadow(0 5px 8px rgba(34,92,132,.2))}
.scene-cold::after{left:-5%;right:-8%;bottom:-3%;height:28%;background:linear-gradient(180deg,#c9f4ff,#69b8dc);clip-path:polygon(0 38%,18% 18%,38% 42%,59% 10%,79% 38%,100% 14%,100% 100%,0 100%)}
.scene-cold .scene-orb{inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.7) 40% 43%,transparent 45% 100%),linear-gradient(69deg,transparent 0 58%,rgba(226,250,255,.46) 60% 62%,transparent 64% 100%);opacity:.42}
.scene-cold .scene-detail{inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:19px 19px;opacity:.22}
.card[data-tier="1"] .scene-cold .scene-detail{opacity:.1}.card[data-tier="4"] .scene-cold .scene-detail{opacity:.48}.card[data-tier="4"] .scene-cold::before{filter:drop-shadow(0 6px 10px rgba(34,92,132,.28)) saturate(1.1)}

.card-footer{position:absolute;left:13%;right:7%;bottom:3.5%;height:8%;display:flex;align-items:center;justify-content:center;z-index:8;color:var(--accent-deep)}
.card-footer::before,.card-footer::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--accent));opacity:.58}
.card-footer::after{background:linear-gradient(90deg,var(--accent),transparent)}
.force-icon-footer{width:16%;max-height:100%;margin:0 7%;color:var(--accent-deep)}

/* Verso premium: verde petróleo + ouro + cristal central */
.card-back{position:absolute;inset:0;display:none;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 44%,#165158 0,#0f3d44 34%,#09292f 75%,#071d22 100%);border:1px solid rgba(245,199,88,.46);box-shadow:inset 0 0 0 2px rgba(8,31,35,.95),inset 0 0 0 4px rgba(231,178,67,.28)}
.card.face-down .card-back{display:block}
.card-back::before{content:"";position:absolute;inset:8%;border:1px solid rgba(244,200,94,.52);border-radius:10px;background:repeating-linear-gradient(45deg,rgba(244,200,94,.055) 0 1px,transparent 1px 10px),repeating-linear-gradient(-45deg,rgba(244,200,94,.045) 0 1px,transparent 1px 10px);box-shadow:inset 0 0 24px rgba(3,18,22,.56)}
.card-back::after{content:"";position:absolute;inset:15%;border:1px solid rgba(244,200,94,.18);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at center,rgba(43,123,127,.18),transparent 64%)}
.back-prism{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:.76;transform:translate(-50%,-50%);z-index:5;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}
.back-prism::before{content:"";position:absolute;inset:0;background:conic-gradient(from 205deg,#5ad6dc,#4f81e6,#9a61db,#f05a65,#f2be55,#54d3c8);clip-path:polygon(50% 0,92% 48%,50% 100%,8% 48%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.back-prism::after{content:"";position:absolute;left:50%;top:7%;bottom:9%;width:1px;background:rgba(255,255,255,.58);box-shadow:-13px 22px 0 -0.2px rgba(255,255,255,.28),13px 22px 0 -0.2px rgba(255,255,255,.28)}

/* Conexão visual — sinais pequenos, úteis e sem competir com a arte */
.card-plug,.card-socket{position:absolute;left:50%;z-index:12;pointer-events:none;display:none}.card[data-pile="tableau"]:not(.face-down) .card-plug,.card[data-pile="tableau"]:not(.face-down) .card-socket{display:block}
.card-plug{top:-4px;transform:translateX(-50%);width:24%;height:8px}.card-socket{top:calc(var(--stack-step,28px) - 5px);transform:translateX(-50%);width:27%;height:10px;opacity:.44}.card.connected-parent .card-socket{opacity:.82}.card.connection-target .card-socket{opacity:1;filter:drop-shadow(0 0 6px rgba(255,230,139,.9))}
.card-plug i,.card-socket i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:7px;height:7px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 2px rgba(255,255,255,.66)}
.card-socket i{width:11px;height:7px;background:transparent;border:1.5px solid var(--accent);border-radius:2px;box-shadow:none}
.socket-number{position:absolute;left:50%;top:-10px;transform:translateX(-50%);font-size:7px;line-height:1;font-weight:950;color:#75685f;opacity:0;transition:opacity .15s}.card.connection-target .socket-number{opacity:1}

/* Estados de interação */
.card.connection-target .card-inner{box-shadow:0 0 0 3px rgba(255,226,124,.9),0 0 28px color-mix(in srgb,var(--accent) 38%,transparent)}
.card.connection-target .card-inner::before{content:"✓";position:absolute;right:6%;top:25%;z-index:20;width:22%;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;background:#fff4c7;color:#765116;border:1px solid rgba(206,149,49,.45);font-size:calc(var(--card-w)*.12);font-weight:950;box-shadow:0 3px 8px rgba(73,49,23,.18)}
.card.prism-link .card-inner::after{content:"";position:absolute;inset:1px;border-radius:15px;border:2px solid transparent;background:linear-gradient(#0000,#0000) padding-box,conic-gradient(#ef5b52,#f3b347,#6674d8,#55bce8,#ef5b52) border-box;pointer-events:none}
.card.hint-glow .card-inner{animation:cardHint .72s ease-in-out 2}.card.shake .card-inner{animation:cardShake .32s ease}.card.smart-target .card-inner{box-shadow:0 0 0 3px rgba(126,226,179,.74)}
@keyframes cardHint{50%{box-shadow:0 0 0 4px #ffe07d,0 0 25px rgba(244,200,94,.3)}}
@keyframes cardShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.no-anim .card{transition:none!important}.hint-pulse{animation:slotHint .7s ease-in-out 2}.shake-target{animation:slotShake .3s ease}
@keyframes slotHint{50%{box-shadow:0 0 0 4px rgba(255,224,125,.42),0 0 22px rgba(255,224,125,.24)}}
@keyframes slotShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.card-inner.deal-pop{animation:dealPop .42s cubic-bezier(.2,.9,.2,1) both}@keyframes dealPop{0%{opacity:0;transform:scale(.86) translateY(-10px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.collection-complete{animation:collectionComplete .8s ease-in-out 2!important}@keyframes collectionComplete{50%{box-shadow:0 0 0 4px rgba(255,224,125,.4),0 0 30px rgba(255,224,125,.42);transform:translateY(-2px)}}

/* Mobile: identidade intacta, menos microdetalhes. O topo permanece legível nos stacks. */
@media(max-width:600px){
  .card{border-radius:11px}.card-inner,.card-face,.card-back{border-radius:11px}.card-face{box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),inset 0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
  .force-ribbon{width:6%}.card-head{left:11%;right:4%;top:5%;height:23%;grid-template-columns:auto 25%;gap:7%}.force-name{display:none}.card-num{font-size:calc(var(--card-w)*.36)}
  .card-visual{left:10%;right:5%;top:31%;bottom:12%;border-radius:7px}.card-footer{left:15%;right:8%;bottom:3%;height:7%}.force-icon-footer{width:19%;margin:0 5%}
  .card-ornament{display:none}.card-plug{top:-3px}.card-socket{top:calc(var(--stack-step,25px) - 4px)}.socket-number{display:none}
  .card.connection-target .card-inner::before{display:none}.card-back::before{inset:7%;border-radius:7px}.back-prism{width:34%}
}
@media(max-width:390px){.card-visual{top:32%;bottom:11%}.card-footer{display:none}.force-icon{width:92%}.card-head{grid-template-columns:auto 27%;gap:8%}}

/* PRISMA V3 · ETAPA 3 — sensação física das cartas */
.card.snap-land .card-inner{animation:snapLand .56s cubic-bezier(.16,.9,.25,1)}
.card.snap-follow .card-inner{animation:snapFollow .48s cubic-bezier(.2,.85,.2,1)}
.card.connection-flare .card-inner{animation:connectionFlare .62s ease-out}
.card.flip-reveal .card-inner{transform-origin:50% 50%;animation:flipReveal .68s cubic-bezier(.2,.85,.2,1)}
.foundation-slot.foundation-land{animation:foundationLand .72s cubic-bezier(.2,.85,.2,1)}
.foundation-slot.convergence-source{animation:convergenceSource .98s ease-out}
@keyframes snapLand{0%{transform:translateY(-7px) scale(1.045);filter:brightness(1.22)}42%{transform:translateY(1px) scale(.985)}68%{transform:translateY(-1px) scale(1.01)}100%{transform:none;filter:none}}
@keyframes snapFollow{0%{transform:translateY(-4px) scale(1.02)}60%{transform:translateY(1px) scale(.995)}100%{transform:none}}
@keyframes connectionFlare{0%{box-shadow:none}30%{box-shadow:0 0 0 3px rgba(255,242,189,.9),0 0 32px color-mix(in srgb,var(--accent) 72%,transparent)}100%{box-shadow:none}}
@keyframes flipReveal{0%{transform:rotateY(88deg) scale(.94);filter:brightness(1.6)}48%{transform:rotateY(-8deg) scale(1.025)}72%{transform:rotateY(3deg) scale(.995)}100%{transform:none;filter:none}}
@keyframes foundationLand{0%{transform:scale(.96)}38%{transform:scale(1.045);box-shadow:inset 0 0 0 2px rgba(255,246,196,.28),0 0 28px color-mix(in srgb,var(--nucleus) 38%,transparent)}100%{transform:none}}
@keyframes convergenceSource{0%{filter:brightness(1)}32%{filter:brightness(1.65);box-shadow:0 0 30px color-mix(in srgb,var(--nucleus) 52%,transparent)}100%{filter:brightness(1)}}
@media (prefers-reduced-motion:reduce){.card.snap-land .card-inner,.card.snap-follow .card-inner,.card.connection-flare .card-inner,.card.flip-reveal .card-inner,.foundation-slot.foundation-land,.foundation-slot.convergence-source{animation:none!important}}


/* ==============================================================
   RODADA 9 · ETAPA 2 — integração das cartas premium aprovadas
   Usa artes raster otimizadas derivadas do sistema visual aprovado,
   preservando leitura, drag leve e compatibilidade mobile.
   ============================================================== */
.card-face{
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.94),transparent 28%),
    linear-gradient(165deg,#fffdf8 0%,#fbf3e7 56%,#f0e4d4 100%);
}
.card-visual.scenic{background:#f5efe4}
.card-visual.scenic::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 10%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 26%,transparent 72%,rgba(0,0,0,.04));
  pointer-events:none;
}
.card-visual.scenic .art-gloss{
  position:absolute;inset:0;display:block;pointer-events:none;
  background:linear-gradient(118deg,transparent 0 36%,rgba(255,255,255,.16) 40% 44%,transparent 49% 100%);
  opacity:.5;
}
.card[data-suit="day"] .card-visual.scenic{box-shadow:inset 0 0 0 1px rgba(255,212,104,.45),0 2px 6px rgba(106,76,24,.15)}
.card[data-suit="hot"] .card-visual.scenic{box-shadow:inset 0 0 0 1px rgba(255,137,91,.42),0 2px 6px rgba(100,33,20,.16)}
.card[data-suit="cold"] .card-visual.scenic{box-shadow:inset 0 0 0 1px rgba(135,226,255,.42),0 2px 6px rgba(27,76,108,.15)}
.card[data-suit="night"] .card-visual.scenic{box-shadow:inset 0 0 0 1px rgba(154,166,255,.34),0 2px 6px rgba(24,25,79,.18)}
.card[data-tier="4"] .card-visual.scenic{filter:saturate(1.06) contrast(1.02)}
.card[data-tier="1"] .card-visual.scenic{filter:saturate(.95) brightness(1.02)}
.card.selected .card-visual.scenic,.card.connection-target .card-visual.scenic{filter:saturate(1.08) brightness(1.04)}
.card.dragging .card-visual.scenic{filter:none!important}
.card-back{
  background-image:url('../assets/cards/back.webp');
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
.card-back::before,.card-back::after,.back-prism{display:none}
@media(max-width:600px){
  .card-visual.scenic .art-gloss{opacity:.35}
}


/* Rodada 9 · correção de integração: imagens explícitas com fallback PNG */
.card-visual.scenic{background:#f5efe4}
.card-visual.scenic .art-img,.card-back .back-img{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none;
}
.card-visual.scenic .art-img{z-index:0}
.card-back .back-img{z-index:0;object-fit:fill}
.card-back{background:#0d2a35}
.card-back::before,.card-back::after,.back-prism{display:none}