/* Página "Novas Cartas!" (novas.js). Sem rolagem da página: só a faixa de cartas rola na horizontal. */
.newView{--rar:#e8c98b;--clan:#e8c98b;position:relative;height:calc(100vh - 100px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,22px);overflow:hidden;
 padding:clamp(14px,2.4vh,28px) max(clamp(16px,5vw,80px),env(safe-area-inset-right)) max(clamp(12px,2vh,24px),env(safe-area-inset-bottom)) max(clamp(16px,5vw,80px),env(safe-area-inset-left));
 background:radial-gradient(ellipse 55% 60% at 30% 45%,color-mix(in srgb,var(--clan) 16%,transparent),transparent 70%),radial-gradient(ellipse 40% 50% at 75% 30%,color-mix(in srgb,var(--rar) 10%,transparent),transparent 70%);transition:background .6s}
.newView[hidden]{display:none}
.newHead{display:flex;align-items:center;gap:18px}
.newBack{display:inline-flex;align-items:center;gap:6px;padding:9px 14px 9px 10px;border-radius:999px}
.newBack svg,.newNav svg,.newGo svg{width:18px;height:18px}
.newTitles small{display:block;font-size:12px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
.newTitles h2{margin:2px 0 0;font:700 clamp(28px,3vw,44px)/1.05 Georgia,serif;background:linear-gradient(90deg,#fff6e3,#ffd98a 45%,#fff6e3);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Palco: carta em destaque + ficha */
.newStage{min-height:0;display:grid;grid-template-columns:auto minmax(280px,520px);justify-content:center;align-items:center;gap:clamp(20px,4vw,72px)}
.newShowcase{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;perspective:1100px}
.newGlow{position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar) 45%,transparent),transparent 65%);filter:blur(30px);opacity:.75;animation:newPulse 4.5s ease-in-out infinite;pointer-events:none}
.newCard{--mx:50%;--my:30%;position:relative;height:min(100% - 44px,62vh);aspect-ratio:5/7;border-radius:18px;overflow:hidden;transform-style:preserve-3d;
 border:2px solid color-mix(in srgb,var(--rar) 75%,#fff 10%);box-shadow:0 30px 60px #000b,0 0 0 1px #0008,0 0 40px color-mix(in srgb,var(--rar) 40%,transparent);animation:newFloat 6s ease-in-out infinite}
.newArt{position:absolute;inset:0;background:#120e18 center/cover no-repeat}
.newCard::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),#ffffff2e,transparent 45%),linear-gradient(0deg,#0b0810f0 0%,#0b081000 38%);pointer-events:none}
.newShine{position:absolute;inset:-10% -40%;z-index:2;opacity:0;background:linear-gradient(105deg,transparent 35%,#ffffff55 48%,color-mix(in srgb,var(--rar) 60%,#fff) 50%,#ffffff55 52%,transparent 65%);mix-blend-mode:screen;pointer-events:none}
.newRibbon{position:absolute;z-index:3;top:14px;left:-34px;rotate:-45deg;width:130px;text-align:center;padding:4px 0;font:800 11px system-ui,sans-serif;letter-spacing:3px;color:#1b1320;background:linear-gradient(90deg,#ffe9b0,#e3b861);box-shadow:0 4px 12px #0008}
.newPlate{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:14px 16px 16px}
.newPlate b{display:block;font:700 clamp(18px,1.6vw,24px)/1.15 Georgia,serif;color:#fff;text-shadow:0 2px 8px #000}
.newPlate small{display:block;margin-top:3px;font-size:11.5px;letter-spacing:2px;color:var(--clan)}
.newCard.rar-lendaria,.newCard.rar-collector{border-width:3px}
.newCard.rar-collector{border-image:linear-gradient(135deg,#ff7ad9,#78d6ef,#ffd36b,#ff7ad9) 1;border-radius:0}
.newVariants{display:flex;gap:6px;min-height:30px}
.newVar{padding:4px 12px;border-radius:999px;font-size:13px;background:#ffffff0d;border:1px solid #ffffff22;color:#fff}
.newVar.on{background:linear-gradient(180deg,#ffe9b0,#e3b861);color:#1b1320;border-color:transparent}
/* Ficha */
.newInfo{min-height:0;max-height:100%;overflow:auto;scrollbar-width:thin;padding:clamp(16px,2.4vh,26px);border-radius:20px;background:linear-gradient(180deg,#1b1426e6,#110c18e6);border:1px solid #e8c98b2b;box-shadow:0 20px 50px #0009;backdrop-filter:blur(6px)}
.newTags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.newTags span{font:700 11.5px system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid #ffffff22;color:#fff}
.newTags .newRar{color:#1b1320;background:var(--rar);border-color:transparent;box-shadow:0 0 16px color-mix(in srgb,var(--rar) 55%,transparent)}
.newTags .newClan{display:inline-flex;align-items:center;gap:6px;color:var(--clan);border-color:color-mix(in srgb,var(--clan) 45%,transparent)}
.newTags .newClan i{width:8px;height:8px;border-radius:50%;background:var(--clan);box-shadow:0 0 8px var(--clan)}
.newInfo h3{font:700 clamp(26px,2.4vw,36px)/1.1 Georgia,serif;margin:14px 0 14px}
.newStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.newStats div{padding:10px 12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff14}
.newStats small{display:block;font-size:11px;letter-spacing:2px;color:#e9e1f0}
.newStats b{display:block;font:700 28px Georgia,serif;color:#fff6e3;line-height:1.1;margin-top:2px}
.newStats em{font-style:normal;font-size:12px;color:#9fe0c0}
.newAbility{margin-top:12px;padding:12px 14px;border-radius:14px;background:#ffffff06;border-left:3px solid var(--rar)}
.newAbility.clan{border-left-color:var(--clan)}
.newAbility small{display:block;font-size:11px;letter-spacing:2px;color:#e9e1f0}
.newAbility p{margin:4px 0 0;font-size:16px;line-height:1.45;color:#f1ecdf}
.newGo{margin-top:16px;display:inline-flex;align-items:center;gap:8px}
/* Faixa de cartas */
.newRailWrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.newNav{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%}
.newNav:disabled{opacity:.35;cursor:default}
.newRail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:8px 4px 10px;scrollbar-width:thin;scrollbar-color:#e8c98b55 transparent}
.newThumb{--rar:#b9b3c2;--clan:#e8c98b;flex:0 0 auto;width:clamp(74px,6.2vw,96px);padding:0;border-radius:12px;overflow:hidden;scroll-snap-align:center;background:#120e18;border:2px solid color-mix(in srgb,var(--rar) 55%,transparent);position:relative;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.3,1),border-color .2s,box-shadow .2s}
.newThumbArt{display:block;aspect-ratio:5/7;background:center/cover no-repeat}
.newThumbName{position:absolute;left:0;right:0;bottom:0;padding:14px 5px 5px;font-size:11px;line-height:1.15;text-align:center;color:#fff;background:linear-gradient(0deg,#0b0810f2,transparent)}
.newThumb:hover,.newThumb:focus-visible{transform:translateY(-4px);border-color:var(--rar)}
.newThumb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.newThumb.on{transform:translateY(-6px);border-color:var(--rar);box-shadow:0 10px 22px #000a,0 0 18px color-mix(in srgb,var(--rar) 55%,transparent)}
.newThumb.on::after{content:'';position:absolute;left:30%;right:30%;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--gold)}
@keyframes newFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes newPulse{0%,100%{opacity:.55;scale:.96}50%{opacity:.85;scale:1.04}}
/* Telas médias */
@media(max-width:1100px) and (min-width:761px){.newStage{grid-template-columns:auto minmax(260px,1fr)}.newAbility p{font-size:15px}}
/* Celular: carta em cima, ficha compacta rolando por dentro, faixa embaixo. */
@media(max-width:760px){
 .newView{height:calc(100vh - 80px);gap:10px;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .newHead{gap:12px}.newBack span{display:none}.newBack{padding:9px}.newTitles small{font-size:10.5px;letter-spacing:2px}
 .newStage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,46%) minmax(0,1fr);gap:10px;align-items:stretch}
 .newShowcase{gap:6px}.newCard{height:calc(100% - 36px)}.newVariants{min-height:26px}.newVar{padding:3px 10px;font-size:12px}
 .newPlate{padding:10px 12px 12px}.newPlate b{font-size:17px}.newPlate small{font-size:10px}.newRibbon{top:10px;left:-38px;font-size:10px}
 .newInfo{padding:14px;border-radius:16px}.newInfo h3{font-size:22px;margin:10px 0}.newStats b{font-size:22px}.newStats div{padding:8px}.newAbility{margin-top:8px;padding:9px 11px}.newAbility p{font-size:14.5px}
 .newNav{width:36px;height:36px}.newThumb{width:64px}.newThumbName{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.newCard,.newGlow{animation:none}.newThumb{transition:none}}
.reduced .newCard,.reduced .newGlow{animation:none}.reduced .newThumb{transition:none}


/* ---- Evoluções, números como na batalha e ficha completa (Leo, 02/10/2026) ---- */
.newCard{container-type:inline-size}
.newCard::after{background:radial-gradient(circle at var(--mx) var(--my),#ffffff2e,transparent 45%),linear-gradient(0deg,#0b0810f2 0%,#0b081000 46%)}
.newPlate{padding:0 5cqw 19cqw;text-align:center}
.newPlate b{font-size:7.4cqw}.newPlate small{font-size:3.6cqw;letter-spacing:.7cqw}
.newBar{position:absolute;z-index:4;left:4cqw;right:4cqw;bottom:4cqw;display:flex;justify-content:space-between;align-items:center;gap:2cqw}
.newBar>span{position:relative;font:800 7.5cqw/1 system-ui,sans-serif;padding:2.4cqw 3.4cqw 4.4cqw;border-radius:2.6cqw;border:1px solid #0008;box-shadow:0 2px 8px #000a}
.newBar>span small{position:absolute;left:0;right:0;bottom:.9cqw;text-align:center;font:700 2.2cqw/1 system-ui,sans-serif;letter-spacing:.3cqw;opacity:.8}
.newBar .atk{background:var(--atkBg,linear-gradient(#f2c14e,#c98a1c));color:#1b1222}
.newBar .dmg{background:var(--dmgBg,linear-gradient(#e2445c,#a3182f));color:#fff}
.newBar .st{align-self:stretch;display:flex;align-items:center;font-size:calc(34cqw / var(--n,4));padding:0 2.4cqw;background:#0b0812d9;color:#6d6077;letter-spacing:.2cqw}
.newBar .st i{font-style:normal}.newBar .st i.on{color:#ffd36b;text-shadow:0 0 2cqw #ffb52e99}
.newBar .st.max{box-shadow:0 0 0 1px #ffd36b88,0 0 3cqw #ffb52e66}
/* Botões < e > de evolução */
.newEvo{display:flex;align-items:center;gap:10px;min-height:44px}
.newEvoBtn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#2a1f38,#1a1324);border:1px solid #e8c98b55;color:var(--gold,#e8c98b);cursor:pointer;transition:transform .15s,background .15s,opacity .15s}
.newEvoBtn svg{width:22px;height:22px}
.newEvoBtn:hover:not(:disabled),.newEvoBtn:focus-visible{background:linear-gradient(180deg,#ffe9b0,#e3b861);color:#1b1320;transform:scale(1.08)}
.newEvoBtn:disabled{opacity:.3;cursor:default}
.newEvoMid{display:grid;justify-items:center;gap:2px;min-width:150px}
.newEvoStars{display:flex;gap:2px}
.newEvoStars button{font-size:22px;line-height:1;padding:0 2px;color:#5d5068;transition:transform .15s,color .15s}
.newEvoStars button.on{color:#ffd36b;text-shadow:0 0 8px #ffb52e88}
.newEvoStars button.now{transform:scale(1.3)}
.newEvoStars button:hover{transform:scale(1.35)}
.newEvoMid small{font-size:12px;letter-spacing:1.5px;color:#fff;text-transform:uppercase}
/* Ficha */
.newArrived{display:flex;align-items:center;gap:8px;margin:2px 0 10px;font-size:13.5px;color:#fff}
.newArrived svg{width:16px;height:16px;color:var(--gold,#e8c98b);flex:none}.newArrived b{font-weight:600;color:#ffe9b0}
.newAbility.locked p{opacity:.8;font-style:italic}
.newLore,.newTable{margin-top:10px;padding:11px 14px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff14}
.newLore small,.newTable small{display:block;margin-bottom:6px;font-size:11px;letter-spacing:2px;color:var(--gold,#e8c98b)}
.newLore p{margin:0 0 8px;font:italic 400 14.5px/1.5 Georgia,serif;color:#fff}.newLore p:last-of-type{margin-bottom:0}.newLore p.empty{opacity:.75}
.newLinks{margin:8px 0 0;padding:8px 0 0;list-style:none;border-top:1px dashed #ffffff22;font-size:13px;color:#fff}.newLinks li{margin:3px 0}.newLinks b{color:var(--clan);font-weight:600}
.newTable{display:grid;gap:4px}
.newRow{display:grid;grid-template-columns:minmax(70px,auto) 1fr 1fr auto;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;text-align:left;font-size:13.5px;color:#fff;background:#ffffff08;border:1px solid transparent;cursor:pointer}
.newRow span{color:#ffd36b;letter-spacing:1px}.newRow b{font-weight:700}.newRow em{font-style:normal;font-size:10.5px;letter-spacing:1px;color:#1b1320;background:var(--clan);padding:2px 7px;border-radius:999px}
.newRow:hover{background:#ffffff14}.newRow.on{border-color:var(--rar);background:color-mix(in srgb,var(--rar) 18%,transparent)}
@media(max-height:760px) and (min-width:761px){.newEvoBtn{width:36px;height:36px}.newEvoStars button{font-size:19px}.newLore p{font-size:13.5px}.newRow{padding:3px 10px}}
@media(max-width:760px){.newEvo{gap:6px;min-height:36px}.newEvoBtn{width:34px;height:34px}.newEvoMid{min-width:120px}.newEvoStars button{font-size:18px}.newLore p{font-size:13.5px}}


/* Ficha compacta para caber sem rolagem em telas de notebook (altura até 860px). */
@media(min-width:761px) and (max-height:860px){
 .newInfo{padding:12px 16px}.newInfo h3{font-size:22px;margin:6px 0 4px}.newArrived{margin:0 0 6px;font-size:12.5px}
 .newStats{gap:6px}.newStats div{padding:5px 10px;border-radius:10px}.newStats b{font-size:19px;margin-top:0}.newStats small{font-size:10px}
 .newAbility{margin-top:6px;padding:6px 10px}.newAbility p{font-size:13px;margin:2px 0 0}.newAbility small{font-size:10px}
 .newLore,.newTable{margin-top:6px;padding:6px 10px}.newLore p{font-size:12.5px;line-height:1.35}.newLore small,.newTable small{margin-bottom:3px;font-size:10px}
 .newTable{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:4px}.newTable small{grid-column:1/-1}
 .newRow{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0 6px;padding:3px 7px;font-size:12px}.newRow span{grid-column:1/-1;font-size:11px}.newRow em{display:none}
 .newInfo{position:relative}.newGo{position:absolute;top:10px;right:14px;margin:0;padding:5px 10px;font-size:12px;gap:4px}.newGo svg{width:14px;height:14px}
}


/* ---- Ficha horizontal (Leo, 02/10/2026): duas colunas lado a lado, sem rolagem vertical; títulos menores e centralizados ---- */
.newHead{position:relative;justify-content:center;text-align:center}
.newHead .newBack{position:absolute;left:0;top:50%;translate:0 -50%}
.newTitles{text-align:center}
.newTitles small{font-size:11px;letter-spacing:2.5px}
.newTitles h2{font-size:clamp(20px,2vw,28px);margin:1px 0 0}
@media(min-width:761px){
 .newStage{grid-template-columns:auto minmax(0,min(900px,100%))}
 .newInfo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(12px,1.6vw,24px);align-content:center;overflow:visible;max-height:none;padding:clamp(14px,2vh,22px) clamp(16px,1.8vw,26px)}
 .newCol{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}
 .newCol:first-child{padding-right:clamp(12px,1.6vw,24px);border-right:1px solid #ffffff14}
 .newInfo .newGo{position:static;margin-top:10px;align-self:flex-start;padding:8px 16px;font-size:13px;gap:6px}.newInfo .newGo svg{width:16px;height:16px}
 .newInfo .newTable{grid-template-columns:repeat(5,minmax(0,1fr))}
 .newInfo .newRow em{display:none}
}
@media(min-width:761px) and (max-height:860px){.newInfo .newGo{position:static;padding:6px 14px}.newLore p{font-size:13px}}
@media(max-width:760px){.newInfo{display:flex;flex-direction:column;gap:0;overflow:auto}.newCol{display:block}.newHead .newBack{position:static;translate:none}.newHead{justify-content:flex-start}.newTitles{text-align:left}}
/* Setas de evolução: botões redondos dourados, com brilho e a seta que desliza */
.newEvo{gap:14px}
.newEvoBtn{width:48px;height:48px;border:0;padding:0;border-radius:50%;color:#1b1320;background:conic-gradient(from 210deg,#fff2c8,#e3b861 30%,#a7782a 55%,#ffe9b0 80%,#fff2c8);box-shadow:0 4px 14px #000a,0 0 18px color-mix(in srgb,var(--rar) 40%,transparent);position:relative;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,filter .18s}
.newEvoBtn::before{content:'';position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#3a2b4a,#150f1e 70%);transition:background .18s}
.newEvoBtn svg{position:relative;width:24px;height:24px;stroke-width:2.6;color:#ffe9b0;transition:translate .18s,color .18s}
.newEvoBtn:hover:not(:disabled),.newEvoBtn:focus-visible{background:conic-gradient(from 210deg,#fff2c8,#e3b861 30%,#a7782a 55%,#ffe9b0 80%,#fff2c8);color:#1b1320;transform:scale(1.12);box-shadow:0 6px 18px #000b,0 0 26px #ffd98a88}
.newEvoBtn:hover:not(:disabled)::before,.newEvoBtn:focus-visible::before{background:linear-gradient(180deg,#ffe9b0,#e3b861)}
.newEvoBtn:hover:not(:disabled) svg,.newEvoBtn:focus-visible svg{color:#1b1320}
#newEvoPrev:hover:not(:disabled) svg{translate:-2px 0}#newEvoNext:hover:not(:disabled) svg{translate:2px 0}
.newEvoBtn:active:not(:disabled){transform:scale(.94)}
.newEvoBtn:disabled{opacity:.28;filter:grayscale(1);box-shadow:none}
.newEvoBtn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.newEvoMid{min-width:0}
.newEvoStars{gap:4px}.newEvoStars button{font-size:26px;padding:0 1px}
@media(max-height:760px) and (min-width:761px){.newEvoBtn{width:40px;height:40px}.newEvoBtn svg{width:20px;height:20px}.newEvoStars button{font-size:22px}}
@media(max-width:760px){.newEvoBtn{width:38px;height:38px}.newEvoBtn svg{width:20px;height:20px}.newEvoStars button{font-size:20px}}
@media(min-width:761px){.newInfo .newRow{gap:0 3px;padding:3px 5px;font-size:11.5px}.newInfo .newRow b{white-space:nowrap}.newTitles small{color:#ffe9b0}}


/* Ajustes (02/10/2026): título maior e emblema do clã no canto da carta, como no combate */
.newTitles small{font-size:13px;letter-spacing:3px}
.newTitles h2{font-size:clamp(26px,2.6vw,36px)}
.newCard .clanIcon{position:absolute;z-index:5;border-radius:50%;
 background:var(--clanImg,radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--clan,#e8c98b) 45%,#fff) 0 14%,var(--clan,#e8c98b) 48%,color-mix(in srgb,var(--clan,#e8c98b) 55%,#000) 100%)) center/contain no-repeat;
 border:var(--clanBorder,1.5px solid color-mix(in srgb,var(--clan,#e8c98b) 60%,#fff));box-shadow:var(--clanShadowOn,0 0 0 2px #fff9,0 0 12px var(--clan,#e8c98b),0 2px 6px #000a)}
.newRibbon{z-index:3}

.newBar>span{padding-bottom:2.4cqw}

/* Carrossel arrastável */
.newRail{cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none}
.newRail.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.newRail.dragging .newThumb{pointer-events:none}

/* Habilidades na própria carta (Leo, 04/10/2026), como nas cartas da coleção: habilidade da carta e do clã acima da barra de números. */
.newAbs{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:14cqw 3cqw 19.5cqw;display:flex;flex-direction:column;gap:1.6cqw;background:linear-gradient(0deg,#0b0810f2 0%,#0b0810e0 62%,#0b081000 100%);pointer-events:none}
.newAbs p{margin:0;padding:1.6cqw 2.4cqw;border-left:.8cqw solid var(--rar);background:#0b0812b3;border-radius:1cqw;font:600 3.7cqw/1.25 system-ui,sans-serif;color:#f3ead6;text-shadow:0 1px 3px #000}
.newAbs p.cl{border-left-color:var(--clan)}
.newAbs p.locked{color:#b9adc4;font-style:italic}
.newAbs i{display:block;font:800 2.5cqw/1 system-ui,sans-serif;letter-spacing:.5cqw;text-transform:uppercase;font-style:normal;color:var(--rar);margin-bottom:.8cqw}
.newAbs p.cl i{color:var(--clan)}

/* Novas Cartas: a carta e a faixa do nome com cantos retos, como no combate (Leo, 04/10/2026). */
.newCard,.newCard::after,.newCard .newArt{border-radius:0!important}

/* Data de chegada de cada carta, no canto da miniatura. */
.newThumbDate{position:absolute;top:4px;left:4px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.5;color:#1a1208;background:#e8c98bf2;pointer-events:none}

/* A carta das Novas Cartas é a carta de verdade do combate (ver paintCard em novas.js). */
.realShow{--mx:50%;--my:30%;position:relative;height:min(100% - 44px,62vh);aspect-ratio:5/7;transform-style:preserve-3d;container-type:normal}
.realShow .proFrame{--w:100%;width:100%;height:100%}
.realShow .newRibbon,.realShow .newShine{z-index:8}

/* "NOVA" como selo pequeno em cima da carta (como o selo xN do booster), não mais a faixa diagonal gigante */
.realShow .newRibbon.newRibbon{top:24px;left:7px;rotate:none;width:auto;padding:2px 9px;border-radius:999px;font:800 11px/1.5 'Alegreya Sans',system-ui,sans-serif;letter-spacing:1.5px;box-shadow:0 2px 8px #000a,0 0 10px #ffe9b088}
/* Arte da carta maior (07/10/2026): miniaturas da lista menores e menos folga vertical, para a carta ocupar mais da altura */
@media(min-width:761px){
 .newView{gap:clamp(6px,1.1vh,12px)}
 .newThumb{width:clamp(60px,5vw,78px)}
 .realShow{height:min(100% - 40px,72vh)}
}

/* Carta clicável: abre a página dela */
.realShow{cursor:pointer}

/* Balanço sem tremer nas quinas (Leo, 07/10/2026): a carta real não sobe no hover (o balanço já mexe nela) e ganha uma borda invisível de 18 px que mantém o mouse "dentro" */
.realShow .card.duel:is(:hover,:focus-visible){transform:none!important}
.realShow::before{content:'';position:absolute;inset:-18px;z-index:0}