/* GERADO por tools/extrair-css-carta.py a partir do CSS do jogo: carta do campo de batalha (.card.duel). Nao edite a mao. */
.duelHand{--atkInk:#2a1606;--atkEdge:#ffe7a8;--dmgInk:#fff4f2;--dmgEdge:#ff9aa8}
.card{position:relative;width:165px;flex-shrink:0;border:1px solid #6b5874;border-radius:11px;background:#19141f;padding:0;overflow:hidden;text-align:left;box-shadow:0 7px 15px #0004;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-7px);box-shadow:0 12px 25px #0007;border-color:#c8a7c8;background:#19141f!important}
.card .art{height:149px;background-size:cover;background-position:50% 23%;position:relative;transition:filter .3s}
.card:hover .art{filter:brightness(1.17)}
.cardText{padding:8px 10px 0}
.cardText>small{font-size:12px;letter-spacing:.9px;color:#c4a4cc}
.card h4{font-size:18px;line-height:1.25;margin:5px 0;min-height:35px}
.cardText p{font-size:14px;line-height:1.5;min-height:60px;color:#c2b6cb}
.cardStats{display:flex;justify-content:space-between;padding:6px 0 8px;border-top:1px solid #73596d33}
.cardStats span{font-weight:700;font-size:21px}
.cardStats small{display:block;font-size:12px;color:#a592b0;letter-spacing:.6px;margin-top:2px}
.cardStats .spellLabel{font-size:13px;color:#ccb3ea;height:30px;display:flex;align-items:center}
.card.playable{border-color:#ccae7c;box-shadow:0 0 14px #eaca7530}
.card.playable .cardAction{color:#f4d9a4;background:#5a423522}
.card.spell .art{background-position:50% 60%;filter:hue-rotate(12deg)}
.card.spell{border-style:double;border-width:3px}
.unit .cardText{padding:5px 8px 0}
.unit .cardText>small{display:none}
.unit .cardStats{padding:3px 0 5px}
.unit .cardStats small{display:none}
.unit .cardStats span{font-size:20px}
.libraryGrid .card{width:100%;cursor:default}
.libraryGrid .card:hover{transform:none}
@media(max-width:760px){
.card{width:150px}
.card .art{height:132px}
.libraryGrid .card h4{font-size:17px}
.libraryGrid .card p{min-height:72px;font-size:13px}
}
.card.luz .art{background-position:50% 22%}
.duelHand{display:flex;justify-content:center;gap:12px;padding:10px 0;flex-wrap:wrap}
.card.duel{width:158px}
.card.duel .art{height:128px}
.card.duel h4{min-height:0;font-size:17px}
.card.duel .cardText p{min-height:0;font-size:13px;line-height:1.4;margin:3px 0}
.card.duel .ability.locked{color:#8d8198}
.card.duel .clanAbility{color:#8d8198}
.card.duel .clanAbility.on{color:#9fe0c0}
.card.duel .clanName.on{color:#9fe0c0}
.cardStats .dmg{color:#f3a37a}
.cardStats .atk{color:#f5d68f}
.card.duel.zone-used{opacity:.42;filter:grayscale(.7)}
.card.duel.zone-battle{outline:2px solid #e6c07a88;outline-offset:3px}
.card.duel.selected{border-color:#ffe1a5;box-shadow:0 0 0 2px #ffe1a5,0 0 28px #f2c77a66;transform:translateY(-10px)}
.slot .card{width:128px;pointer-events:none}
.slot .card .art{height:96px}
.slot .card .cardText p, .slot .card .cardAction{display:none}
@media(max-width:760px){
.card.duel{width:calc(33% - 8px)}
.card.duel .art{height:90px}
}
.colGrid .card.duel{width:auto}
.colGrid .card.inDeck{border-color:#9fe0c0;box-shadow:0 0 0 2px #9fe0c066}
.colGrid .card.inDeck .cardAction{color:#c9f5da;background:#2f5b4533}
@media(max-width:760px){
.colGrid .card.duel .cardText p{font-size:13px}
}
@media(min-width:761px) and (max-width:1100px){
.duelHand{flex-wrap:nowrap;gap:10px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel{width:calc(20% - 8px);min-width:0}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art{height:clamp(84px,11vw,128px)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText{padding:7px 8px 0}
}
.card.duel{width:clamp(150px,min(14vw,27vh),270px);container-type:inline-size}
.card.duel .art{height:78cqw}
.card.duel .cardText{padding:4cqw 5.5cqw 0}
.card.duel .cardText>small{font-size:max(10px,4.6cqw);letter-spacing:.3px}
.card.duel h4{font-size:max(13px,8.6cqw);margin:2cqw 0}
.card.duel .cardText p{font-size:max(11px,6.2cqw);line-height:1.35}
.card.duel .cardStats span{font-size:max(15px,10cqw)}
.card.duel .cardStats small{font-size:max(9px,4.4cqw)}
.card.duel .cardAction{font-size:max(10px,4.6cqw);padding:2.6cqw 1cqw;margin:0 -5.5cqw}
.card.duel .stars{font-size:max(12px,7cqw);left:4cqw;top:4cqw}
.card.duel .state{font-size:max(10px,4.8cqw);top:4cqw;right:4cqw}
.duelHand{gap:clamp(10px,1.1vw,20px)}
.slot .card.duel{width:clamp(130px,min(11vw,22vh),220px)}
.slot .card.duel .art{height:74cqw}
@media(min-width:761px) and (max-width:1100px){
:is(.duelHand, .duelFighter, .ciCard) .card.duel{width:calc(20% - 8px)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art{height:78cqw}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText{padding:4cqw 5cqw 0}
}
@media(max-width:760px){
.card.duel{width:calc(33% - 8px)}
.card.duel .art{height:74cqw}
.slot .card.duel{width:120px}
}
.slot .card.duel.zone-used{opacity:1;filter:none}
.slot .card.duel .state{display:none}
.battle .duelHand{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--gap);padding:0;margin:0;width:100%;position:relative;z-index:2}
:is(.duelHand, .duelFighter, .ciCard) .card.duel{width:var(--cw);height:calc(var(--cw) * 1.45);border-radius:10px;margin:0;flex-shrink:0;display:block;border:1px solid #e8c98b55;box-shadow:0 14px 26px #000c,0 2px 0 #ffffff14 inset;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,filter .3s,opacity .3s;overflow:hidden}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art{position:absolute;inset:0;height:auto;background-size:cover;background-position:50% 22%}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art:after{background:linear-gradient(transparent 52%,#0b0812d0 76%,#0b0812f7)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 5.5cqw 3.5cqw;text-shadow:0 1px 3px #000,0 0 8px #000;display:flex;flex-direction:column}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText>small, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText p, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardAction{display:none}
:is(.duelHand, .duelFighter, .ciCard) .card.duel h4{font-size:max(12px,8.4cqw);line-height:1.12;margin:0 0 1.5cqw;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{border:0;margin:0;padding:0}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats span{font-size:max(14px,10cqw)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats small{font-size:max(8px,4cqw)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .stars{font-size:max(11px,6.4cqw)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible){transform:translateY(-6px) scale(1.03);z-index:5;box-shadow:0 0 0 2px #e8c98bcc,0 0 22px #e8c98b66,0 20px 34px #000d}
.enemyRow .card.duel:is(:hover,:focus-visible){transform:translateY(6px) scale(1.03)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText{background:linear-gradient(transparent,#0b0812f2 18%);padding-top:9cqw}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText>small, :is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText>small{font-size:max(9px,4.4cqw);letter-spacing:.3px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText p{font-size:max(10px,5.4cqw);line-height:1.28;margin:.6cqw 0}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{margin-top:1cqw}
.playerRow .card.duel.playable{border-color:#e8c98b99}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.selected, :is(.duelHand, .duelFighter, .ciCard) .card.duel.suggested{transform:translateY(-12px) scale(1.04)!important;z-index:6;border-color:#8ee8ff;box-shadow:0 0 0 3px #8ee8ff,0 0 32px #5fd4f5bb,0 22px 36px #000d;animation:pickFrame 1.1s ease-in-out infinite}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.selected .state{display:block;background:#8ee8ff;color:#06222b;font-weight:800;border-color:#e6fbff}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.chosen{z-index:4;opacity:1!important;filter:none!important;border-color:#ffd77a;box-shadow:0 0 0 3px #ffd77a,0 0 30px #f5c05acc,0 16px 28px #000d}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.chosen .state{display:block;background:#ffd77a;color:#1b1724;font-weight:800;border-color:#fff3c9}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.zone-used:not(.chosen){opacity:.42;filter:grayscale(.85) brightness(.75)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.zone-used:not(.chosen):hover{opacity:.8}
.enemyRow .card.duel.ponder{transform:translateY(8px) scale(1.04);box-shadow:0 0 0 3px #ff9fb4,0 0 26px #e0405f99,0 16px 28px #000d;z-index:5}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.won{box-shadow:0 0 0 3px #ffd77a,0 0 44px #f5c05a,0 16px 28px #000d}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.defeated{filter:grayscale(.9) brightness(.55)!important;box-shadow:0 0 0 3px #e0405f,0 0 26px #e0405f88!important;border-color:#e0405f}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.tie{box-shadow:0 0 0 3px #8fe7fa,0 0 26px #5fd4f588}
@media(max-width:760px){
:is(.duelHand, .duelFighter, .ciCard) .card.duel{border-radius:6px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel h4{font-size:9.5px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats span{font-size:11px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats small, :is(.duelHand, .duelFighter, .ciCard) .card.duel .stars{display:none}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .state{font-size:7px;padding:1px 2px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText>small, :is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText p{display:none}
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastWin .state{background:#3b2f14;color:#ffd77a;border-color:#ffd77a88}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastLoss .state{background:#5b1428;color:#ffd0d7;border-color:#ff8fa3}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastLoss{filter:grayscale(1) brightness(.55)!important}
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastTie .state{background:#16323d;color:#bfefff;border-color:#8fe7fa88}
:is(.duelHand, .duelFighter, .ciCard) .card.duel{height:calc(var(--cw) * 1.4)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art:after{background:linear-gradient(transparent 80%,#0b0812e6 94%)}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText{padding:0 4cqw 2.4cqw}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText{flex-direction:column}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{position:absolute;left:4cqw;right:4cqw;bottom:2.4cqw;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats small{display:none!important}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats span{font-size:max(13px,8.6cqw);line-height:1}
:is(.duelHand, .duelFighter, .ciCard) .card.duel h4{font-size:max(11px,6.6cqw);margin:0 14cqw;text-align:center;-webkit-line-clamp:1;line-height:1.1;padding-bottom:.4cqw}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText>small, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText p{text-align:left}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText{padding-top:7cqw;padding-bottom:12cqw}
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(:hover,:focus-visible,.selected) h4{text-align:left;margin:0 0 1cqw}
@media(max-width:760px){
:is(.duelHand, .duelFighter, .ciCard) .card.duel h4{display:none}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats span{font-size:11px}
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel h4{margin:0 17cqw}
.duelFighter{display:flex;flex-direction:column;align-items:center;gap:14px;--cw:min(24vw,calc((100dvh - 330px) / 1.4),340px)}
.duelFighter .card.duel.duelCard{cursor:default}
.duelFighter .card.duel.duelCard.won{box-shadow:0 0 0 4px #ffd77a,0 0 60px #f5c05a}
.duelFighter .card.duel.duelCard.lost{filter:grayscale(.85) brightness(.55)}
.duelFighter .card.duel.fury{box-shadow:0 0 0 3px #ff6a2b,0 0 40px #ff6a2bbb;animation:furyPulse 1.2s ease-in-out infinite}
.duelFighter .card.duel.fury.lost{animation:none}
@media(max-width:760px){
.duelFighter{flex-direction:row;gap:8px;--cw:min(36vw,calc((100dvh - 200px) / 2.9))}
}
@media(prefers-reduced-motion:reduce){
.duelFighter .card.duel.fury{animation:none}
}
.reduced .duelFighter .card.duel.fury{animation:none}
.duelFighter{--cw:inherit}
.card{
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --light-x: 50%;
  --light-y: 20%;
  --card-lift: -8px;
  background: linear-gradient(140deg, #27212c, #17131d 60%);
  border-color: #b3a09185;
  box-shadow:
    0 1px 0 #e9d4b448,
    1px 3px 0 #685246,
    2px 5px 0 #1d161a,
    0 10px 18px #0007;
  transform-origin: center center;
  transition: transform .22s ease-out, box-shadow .22s ease-out, border-color .22s ease-out;
}
.card::before{
  content: '';
  position: absolute;
  z-index: 4;
  inset: 2px;
  pointer-events: none;
  border: 1px solid #f4d5a72a;
  border-radius: 8px;
  box-shadow: inset 1px 1px 0 #fff1d91e, inset -1px -1px 0 #05050ba8;
}
.card::after{
  content: '';
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at var(--light-x) var(--light-y), #fff2cd19, transparent 54%),
    linear-gradient(125deg, #fff8df0a, transparent 35%, transparent 62%, #03040922);
  opacity: .45;
  transition: opacity .25s ease-out;
}
.card:hover::after, .card:focus-visible::after{ opacity: 1; }
.card.depth-active:not(.selected):not(.summon):not(.drawCard):not(.combat-moving):not(.deathGhost):not(.impact){
  transform: perspective(950px) translateY(var(--card-lift)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  border-color: #dbc7aa;
  box-shadow: 0 1px 0 #ffe7c565, 1px 4px 0 #80644e, 2px 6px 0 #23191e, 0 18px 30px #0008;
}
.card.unit{ --card-lift: -5px; }
.card .art{ box-shadow: inset 0 1px 0 #e7d4ba14; }
.card .cardText{ position: relative; background: linear-gradient(180deg, #211b2680, #17131d); }
.card h4{ color: #f6ead6; text-shadow: 0 1px 3px #0009; }
.card .cost{ box-shadow: inset 0 1px 1px #b7f5ff5c, 0 2px 0 #10151d, 0 4px 9px #0009; }
.card .type, .card .state{ box-shadow: 0 2px 5px #0006; }
.card .cardStats{ text-shadow: 0 2px 4px #0008; }
.card.playable::before{ border-color: #edc98c57; }
.card.ready::before{ border-color: #aee7b05c; }
.card.selected::before{ border-color: #ffe1a582; }
.card.target::before{ border-color: #f9a4a98a; }
.card.combat-moving{ transition: none; will-change: transform; z-index: 50; }
.card.combat-moving::after{ opacity: .65; }
@media (max-width: 760px){
.card{ --card-lift: -5px; }
}
@media (hover: none), (pointer: coarse){
.card.depth-active:not(.selected):not(.summon):not(.drawCard):not(.combat-moving):not(.deathGhost):not(.impact){ transform: none; }
.card::after{ opacity: .35; }
}
.flat .card{ box-shadow: 0 7px 15px #0004; }
.flat .card::before{ box-shadow: none; border-color: #f4d5a714; }
.flat .card::after{ display: none; }
.flat .card.depth-active:not(.selected):not(.summon):not(.drawCard):not(.combat-moving):not(.deathGhost):not(.impact){
  transform: translateY(-5px);
  box-shadow: 0 12px 25px #0007;
}
.reduced .card.depth-active:not(.selected):not(.summon):not(.drawCard):not(.combat-moving):not(.deathGhost):not(.impact){ transform: none; }
@media (prefers-reduced-motion: reduce){
.card.depth-active:not(.selected):not(.summon):not(.drawCard):not(.combat-moving):not(.deathGhost):not(.impact){ transform: none; }
}
.slot.won .card{ box-shadow: 0 0 0 2px #e9c77d, 0 0 28px #e9c77d77; }
.slot.lost .card{ filter: grayscale(.65) brightness(.72); transition: filter .5s; }
.slot.tie .card{ box-shadow: 0 0 0 2px #8fe7fa99; }
.duelHand .card.ponder{ translate: 0 6px; box-shadow: 0 0 0 2px #b798f2, 0 0 22px #b798f288; transition: translate .15s, box-shadow .15s; }
.cxItem.in .card.duel{ border-color: var(--c-gold); box-shadow: 0 0 0 2px var(--c-gold), 0 0 26px #e8c98b44, 0 14px 28px #000c; }
.cxItem.locked .card.duel{ filter: grayscale(.85) brightness(.55); border-color: #ffffff1a; box-shadow: 0 10px 22px #0009; }
.cxItem.locked:hover .card.duel{ filter: grayscale(.4) brightness(.75); }
.cxItem.full .card.duel{ filter: saturate(.55) brightness(.78); }
.cxItem.full .card.duel:hover{ filter: none; }
.cxItem.locked .card.duel{ opacity: .55; }
.card.duel.rar-incomum, .card.duel.rar-rara, .card.duel.rar-lendaria, .card.duel.rar-collector{ border-color: color-mix(in srgb, var(--r) 70%, transparent); }
.card.duel.rar-lendaria, .card.duel.rar-collector{ box-shadow: 0 0 0 1px color-mix(in srgb, var(--r) 45%, transparent), 0 0 18px color-mix(in srgb, var(--r) 25%, transparent); }
.colGrid .card.duel.rar-rara{ box-shadow: 0 0 0 2px color-mix(in srgb, var(--r) 70%, transparent), 0 0 22px color-mix(in srgb, var(--r) 30%, transparent); }
.colGrid .card.duel.rar-lendaria{ box-shadow: 0 0 0 2px var(--r), 0 0 30px color-mix(in srgb, var(--r) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--r) 20%, transparent); }
.card.duel.rar-collector{ border: 2px solid transparent; background: linear-gradient(#19141f, #19141f) padding-box, conic-gradient(from var(--holo, 0deg), #ff7ad9, #7a3cff, #5fd6cf, #ffd36b, #ff7ad9) border-box; animation: holoSpin 4s linear infinite; }
.colGrid .card.duel.rar-collector{ box-shadow: 0 0 0 2px #ff7ad9aa, 0 0 34px #ff7ad966, 0 0 60px #7a3cff44; }
.colGrid .card.duel.locked{ box-shadow: none; }
.card.duel{ --fx: var(--mx, var(--light-x, 50%)); --fy: var(--my, var(--light-y, 30%)); }
.card.duel .art{ position: relative; overflow: hidden; }
.card.duel .art::before, .card.duel .art::after{ content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: -100%; right: -100%; pointer-events: none; }
.card.duel .art::before{ opacity: calc(var(--o1, .3) * .5); animation: foilDrift 9s ease-in-out infinite alternate; }
.card.duel .art::after{ opacity: calc(var(--o2, 1) * .6); animation: foilSweep 6s ease-in-out infinite; }
.card.duel:is(:hover, .depth-active, :focus-visible) .art::before{ animation: none; mix-blend-mode: var(--b1, normal); opacity: var(--o1, .3); transform: translateX(calc((50% - var(--fx)) / 3)); transition: transform .12s linear, opacity .2s; }
.card.duel:is(:hover, .depth-active, :focus-visible) .art::after{ animation: none; mix-blend-mode: var(--b2, normal); opacity: var(--o2, 1); transform: translateX(calc((var(--fx) - 50%) / 3)); transition: transform .08s linear, opacity .2s; }
.card.duel.rar-comum{ --b1: overlay; --o1: .55; --b2: soft-light; --o2: 1; }
.card.duel.rar-comum .art::before{ left: 0; right: 0; animation: none;
  background: repeating-linear-gradient(45deg, #ffffff1c 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, #00000026 0 1px, transparent 1px 5px), radial-gradient(circle at 30% 20%, #ffffff14, transparent 60%); }
.card.duel.rar-comum .art::after{ left: 0; right: 0; animation: none; opacity: 0; background: radial-gradient(circle at var(--fx) var(--fy), #ffffff40, transparent 45%); }
.card.duel.rar-comum:is(:hover, .depth-active, :focus-visible) .art::before, .card.duel.rar-comum:is(:hover, .depth-active, :focus-visible) .art::after{ transform: none; }
.card.duel.rar-incomum{ --b2: screen; --o2: .7; }
.card.duel.rar-incomum .art::before{ display: none; }
.card.duel.rar-incomum .art::after{ background: linear-gradient(105deg, transparent 39%, #e9fff01c 45%, #ffffff78 50%, #e9fff01c 55%, transparent 61%); }
.card.duel.rar-rara{ --b1: color-dodge; --o1: .16; --b2: overlay; --o2: 1; }
.card.duel.rar-rara .art::before{ background: repeating-linear-gradient(115deg, #ff3ca0 0, #ffd23c 2.2%, #3cffa0 4.4%, #3cc8ff 6.6%, #a03cff 8.8%, #ff3ca0 11%);
  -webkit-mask: linear-gradient(115deg, transparent 20%, #000 40%, #000 60%, transparent 80%); mask: linear-gradient(115deg, transparent 20%, #000 40%, #000 60%, transparent 80%); }
.card.duel.rar-rara .art::after{ background: linear-gradient(110deg, transparent 38%, #cfe9ff33 46%, #ffffffaa 50%, #cfe9ff33 54%, transparent 62%); }
.card.duel.rar-lendaria{ --b1: color-dodge; --o1: .24; --b2: overlay; --o2: 1; }
.card.duel.rar-lendaria .art::before{ background: repeating-conic-gradient(from 10deg at 50% 50%, #ffffff40 0 3deg, transparent 3deg 11deg), linear-gradient(115deg, #ff4d6d, #ffb84d 12%, #f6ff4d 22%, #4dff9a 34%, #4dd2ff 46%, #9a4dff 58%, #ff4dd8 70%, #ff4d6d 82%, #ffb84d 94%); }
.card.duel.rar-lendaria .art::after{ background: linear-gradient(110deg, transparent 36%, #fff3c433 45%, #ffffffcc 50%, #fff3c433 55%, transparent 64%); }
.card.duel.rar-collector{ --b1: color-dodge; --o1: .36; --b2: overlay; --o2: 1; }
.card.duel.rar-collector .art::before{ animation-duration: 5s;
  background: radial-gradient(circle, #ffffffd0 0 .6px, transparent 1.4px) 0 0 / 13px 13px, radial-gradient(circle, #ffe9fa 0 .5px, transparent 1.2px) 6px 7px / 19px 19px,
    linear-gradient(125deg, #ff7ad9, #7a3cff 14%, #5fd6cf 28%, #ffd36b 42%, #ff7ad9 56%, #7a3cff 70%, #5fd6cf 84%, #ffd36b); }
.card.duel.rar-collector .art::after{ animation-duration: 3.6s;
  background: linear-gradient(110deg, transparent 30%, #ff7ad944 42%, #ffffffdd 48%, #5fd6cf66 52%, #ffd36b44 56%, transparent 68%), linear-gradient(110deg, transparent 70%, #ffffff55 74%, transparent 78%); }
.card.duel.rar-collector .cardText{ background: linear-gradient(120deg, #ff7ad914, #7a3cff12 35%, #5fd6cf12 65%, #ffd36b14), linear-gradient(180deg, #211b2680, #17131d); }
.arena .card.duel .art::before, .arena .card.duel .art::after{ animation: none; }
.arena .card.duel:not(:hover):not(.depth-active) .art::after{ opacity: 0; }
.arena .card.duel.zone-used .art::before, .arena .card.duel.zone-used .art::after{ display: none; }
.colGrid .card.duel.locked .art::before, .colGrid .card.duel.locked .art::after{ display: none; }
@media (prefers-reduced-motion: reduce){
.card.duel.rar-collector, .card.duel .art::before, .card.duel .art::after{ animation: none !important; }
.card.duel .art::after{ opacity: 0; }
}
.reduced .card.duel.rar-collector, .reduced .card.duel .art::before, .reduced .card.duel .art::after{ animation: none !important; }
.reduced .card.duel .art::after{ opacity: 0; }
.card.duel .art{ isolation: isolate; contain: paint; }
.card.duel.rar-rara .art::before, .card.duel.rar-rara .art::after{ backface-visibility: hidden; }
.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)}
.card .cardStats{gap:6px}
.card .cardStats .atk, .card .cardStats .dmg{border-radius:9px;padding:4px 9px 5px;line-height:1.05;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff59,0 2px 6px #0008}
.card .cardStats .atk{background:var(--atkBg);color:var(--atkInk);border:1px solid var(--atkEdge)}
.card .cardStats .dmg{background:var(--dmgBg);color:var(--dmgInk);border:1px solid var(--dmgEdge)}
.card .cardStats .atk small{color:#4a2b0c;opacity:.85}
.card .cardStats .dmg small{color:#ffd9de;opacity:.9}
.card .cardStats .dmg{text-align:right}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats .atk, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats .dmg{padding:1.4cqw 3cqw 1.6cqw;border-radius:2.6cqw}
.card.duel .art h4.cardName{display:block;position:absolute;z-index:2;top:0;left:0;right:0;margin:0;min-height:0;padding:3cqw 6cqw 7cqw;text-align:center;
 font:700 max(12px,7.6cqw)/1.15 Georgia,serif;color:#fff6e3;text-shadow:0 1px 3px #000,0 0 10px #000;background:linear-gradient(180deg,#0b0810e6 0%,#0b0810a6 55%,transparent);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.card.duel .art .state{top:13cqw;right:4cqw}
@media(max-width:760px){
.card.duel .art .state{top:calc(13px + 4cqw)}
}
.card .cardStats{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a s d";align-items:center;column-gap:2cqw}
.card .cardStats :is(.atk,.dmg){white-space:nowrap}
.card .cardStats .ico{font-style:normal}
.card .cardStats .atk{grid-area:a;justify-self:start}
.card .cardStats .dmg{grid-area:d;justify-self:end}
.card.duel .cardStats :is(.atk,.dmg){font-size:clamp(12px,9cqw,26px);padding:1.2cqw 2.6cqw 1.4cqw;border-radius:2.6cqw}
.card.duel .cardStats .stars{grid-area:s;justify-self:center;min-width:0;display:flex;flex-direction:column;align-items:center;position:static;line-height:1;letter-spacing:0;
 padding:1.2cqw 1.6cqw;border-radius:2.4cqw;background:#15101ed9;border:1px solid #e8c98b40;text-shadow:none;font-size:min(6.6cqw,calc(26cqw / var(--n,5)))!important}
.card.duel .cardStats .stars b{display:flex;gap:.04em;font-weight:400;white-space:nowrap}
.card.duel .cardStats .stars small{display:none}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{left:3cqw;right:3cqw;display:grid;align-items:center}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats .stars{font-size:min(8cqw,calc(33cqw / var(--n,5)))!important}
@container (max-width:110px){
.card.duel .cardStats, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{grid-template-columns:auto 1fr auto;grid-template-areas:"s s s" "a . d";row-gap:2px;align-items:end}
.card.duel .cardStats .stars, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats .stars{font-size:min(12px,calc(72cqw / var(--n,5)))!important;padding:1px 3px;max-width:100%;overflow:hidden}
.card.duel .cardStats .ico{display:none}
}
@media(max-width:760px){
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats{left:2px;right:2px}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardStats :is(.atk,.dmg){font-size:12px;padding:1px 4px 2px;border-radius:5px}
.card.duel .art h4.cardName{font-size:max(10px,7.6cqw);padding:2cqw 3cqw 5cqw}
}
@container (min-width:200px){
.card.duel .art h4.cardName{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.card.duel .art .state{top:22cqw}
}
@container (max-width:170px){
.card.duel .cardStats :is(.atk,.dmg) small{display:none}
}
.card.duel .art h4.cardName{position:absolute!important;top:0!important;bottom:auto!important;margin:0!important;padding-top:2.5cqw!important;transform:none!important;align-self:flex-start}
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText{background:linear-gradient(transparent,#0b0812e0 22%,#0b0812f5);padding-top:8cqw;padding-bottom:20cqw}
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText>small, :is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:is(.duelHand,.duelFighter,.ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText{padding-top:8cqw;padding-bottom:20cqw}
@media(max-width:760px){
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText>small, :is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText p+p{display:none}
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText p{-webkit-line-clamp:1}
}
:is(.duelHand,.duelFighter,.ciCard) .card.duel.zone-used, :is(.duelHand,.duelFighter,.ciCard) .card.duel.zone-used:not(.chosen){opacity:1;filter:grayscale(.8) brightness(.62) saturate(.8)}
:is(.duelHand,.duelFighter,.ciCard) .card.duel.zone-used:not(.chosen):hover{opacity:1;filter:grayscale(.45) brightness(.9)}
:is(.duelHand,.duelFighter,.ciCard) .card.duel.pastLoss{filter:grayscale(1) brightness(.5)!important}
:is(.duelHand,.duelFighter,.ciCard) .card.duel.zone-used{background-color:#0b0812}
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act{
  color: #fff3c4; font-weight: 700; padding: 1px 5px 1px 6px; margin-left: -2px; border-radius: 4px; border-left: 3px solid var(--actc, #ffd36b);
  background: linear-gradient(90deg, color-mix(in srgb, var(--actc, #ffd36b) 38%, transparent), color-mix(in srgb, var(--actc, #ffd36b) 8%, transparent) 75%, transparent);
  text-shadow: 0 0 8px color-mix(in srgb, var(--actc, #ffd36b) 80%, transparent), 0 1px 3px #000;
  box-shadow: 0 0 14px color-mix(in srgb, var(--actc, #ffd36b) 35%, transparent); animation: actPulse 2.4s ease-in-out infinite;
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .clanAbility.act{ --actc: var(--clan, #ffd36b); }
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act::before{
  content: 'ATIVA'; display: inline-block; margin-right: 5px; padding: 1px 5px 0; border-radius: 3px; vertical-align: .1em; font: 800 .74em/1.4 system-ui, sans-serif; letter-spacing: .08em;
  color: #2a1608; background: var(--actc, #ffd36b); text-shadow: none;
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).off{ color: #8f849a; opacity: .75; font-style: italic; }
.reduced .card.duel :is(.ability, .clanAbility).act{ animation: none; }
@media (prefers-reduced-motion: reduce){
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act{ animation: none; }
}
:is(.duelHand,.duelFighter,.ciCard) .card.duel .clanAbility.none{color:#8f849a;font-style:italic;opacity:.8}
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability.off, .ability.locked, .clanAbility.none, .clanAbility.off){ color: #ece6f3 !important; opacity: 1 !important; font-style: italic; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .clanName{ color: #fff; }
.card.clan-corte{ --clan: #e2607d; }
.card.clan-horizonte{ --clan: #6fb6f0; }
.card.clan-oficina{ --clan: #e9b35a; }
.card.clan-orquestra{ --clan: #c79af5; }
.card.clan-bosque{ --clan: #7fd68f; }
.card.clan-expedicao{ --clan: #5fd6cf; }
.card.duel .clanIcon{ display: none; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .clanIcon{
  display: block; position: absolute; z-index: 3;
  border-radius: 50%; pointer-events: auto;
  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(--clanShadow, 0 2px 6px #000a, inset 0 -2px 3px #0006);
  filter: grayscale(.55) brightness(.8);
  transition: filter .25s, box-shadow .25s, transform .25s;
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .clanIcon.on{
  filter: none; box-shadow: var(--clanShadowOn, 0 0 0 2px #fff9, 0 0 12px var(--clan, #e8c98b), 0 2px 6px #000a);
}
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText > small.clanName{ display: none !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art .state{ top: 13cqw; right: 2.6cqw; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art h4.cardName{ padding-inline: max(11cqw, calc(8.4cqw * var(--clanK, 1) + 2cqw)); }
@media (prefers-reduced-motion: reduce){
:is(.duelHand, .duelFighter, .ciCard) .card.duel .clanIcon{ transition: none; }
}
.dealFront>.card.duel{width:100%!important;height:100%!important;margin:0!important}
.card.duel .cardText{ display: flex; flex-direction: column; gap: 1.6cqw; }
.card.duel .cardText p.ability, .card.duel .cardText p.clanAbility{ display: block !important; margin: 0 !important; padding: 1.1cqw 2.2cqw 1.1cqw 2.8cqw !important; border-left: 2px solid #e8c98b; border-radius: 2px; background: linear-gradient(90deg, #e8c98b1c, #ffffff05); -webkit-line-clamp: unset !important; overflow: visible !important; }
.card.duel .cardText p.clanAbility{ border-left-color: var(--clan, #78d6ef); background: linear-gradient(90deg, color-mix(in srgb, var(--clan, #78d6ef) 22%, transparent), #ffffff05); }
.card.duel .cardText .abK{ display: none; font: 700 3.1cqw/1 var(--e-body, sans-serif); font-style: normal; letter-spacing: .18em; text-transform: uppercase; color: #e8c98b; margin-bottom: .8cqw; }
.card.duel .cardText p.clanAbility .abK{ color: var(--clan, #78d6ef); }
.card.duel .cardText .abT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@container (min-width: 150px){
.card.duel .cardText .abK{ display: block; }
}
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText p.ability, :is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText p.clanAbility{ font-size: max(9px, 5cqw) !important; line-height: 1.2 !important; -webkit-line-clamp: 2; }
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText .abK{ font-size: max(6px, 3.3cqw); margin-bottom: .3cqw; }
:is(.duelHand,.duelFighter,.ciCard) .card.duel .cardText, :is(.duelHand,.duelFighter,.ciCard) .card.duel:is(:hover,:focus-visible,.selected) .cardText{ padding-bottom: 15cqw; }
.inspHead .clanIcon{ display: block; flex: none; width: 46px; height: 46px; 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, 2px solid color-mix(in srgb, var(--clan, #e8c98b) 60%, #fff)); box-shadow: var(--clanShadowOn, 0 0 0 2px #fff6, 0 0 16px var(--clan, #e8c98b), 0 2px 6px #000a); }
.card.duel[class*="rar-"] .art h4.cardName, .ciCard .card[class*="rar-"] .art h4.cardName{
  background: linear-gradient(180deg, color-mix(in srgb, var(--r2, #6f6878) 88%, #000) 0%, color-mix(in srgb, var(--r2, #6f6878) 62%, #000) 100%) !important;
  border-bottom: max(1.5px, .6cqw) solid var(--r, #b9b3c2); border-radius: 0 0 5cqw 5cqw;
  box-shadow: 0 .8cqw 2.4cqw #000c, inset 0 1px 0 #ffffff40, inset 0 -1px 0 #0006 !important;
  padding-bottom: 2cqw !important;
}
.card.duel.rar-comum .art h4.cardName{ background: linear-gradient(180deg, #5a5566 0%, #3a3644 100%) !important; border-bottom-color: #b9b3c2; color: #f1ecf7; }
.card.duel.rar-incomum .art h4.cardName{ background: linear-gradient(180deg, #2f8a4f 0%, #14502e 100%) !important; border-bottom-color: #7fd68f; color: #eafff0; }
.card.duel.rar-rara .art h4.cardName{ background: linear-gradient(180deg, #2f6fb8 0%, #173a73 100%) !important; border-bottom-color: #8fcbff; color: #eaf5ff; box-shadow: 0 .8cqw 2.4cqw #000c, inset 0 1px 0 #cfe8ff99, inset 0 0 0 1px #8fcbff33 !important; }
.card.duel.rar-lendaria .art h4.cardName{ background: linear-gradient(180deg, #e0a73a 0%, #8a5412 100%) !important; border-bottom: max(2px, .8cqw) solid #ffe08f; color: #fff8e0; text-shadow: 0 1px 2px #3a1f00, 0 0 8px #3a1f00 !important; box-shadow: 0 .8cqw 2.4cqw #000c, 0 0 3cqw #ffd36b66, inset 0 1px 0 #fff3c7, inset 0 0 0 1px #ffe08f88, inset 0 0 0 .8cqw #8a541233 !important; }
.card.duel.rar-collector .art h4.cardName{ background: linear-gradient(105deg, #ff7ad9 0%, #7a3cff 34%, #4fd6cf 66%, #ffd36b 100%) !important; background-size: 200% 100% !important; border-bottom: max(2px, .8cqw) solid #fff; color: #fff; text-shadow: 0 1px 3px #2a0a4a, 0 0 8px #2a0a4a !important; box-shadow: 0 .8cqw 2.4cqw #000c, 0 0 3cqw #ff7ad999, inset 0 1px 0 #ffffffcc !important; }
.card.duel.rar-collector:hover .art h4.cardName{ animation: nomeHolo 2.4s linear infinite; }
@media (prefers-reduced-motion: reduce){
.card.duel.rar-collector:hover .art h4.cardName{ animation: none; }
}
.reduced .card.duel.rar-collector:hover .art h4.cardName{ animation: none; }
.ciCard .card.duel.rar-comum .art h4.cardName{ background: linear-gradient(180deg, #5a5566 0%, #3a3644 100%) !important; }
.ciCard .card.duel.rar-incomum .art h4.cardName{ background: linear-gradient(180deg, #2f8a4f 0%, #14502e 100%) !important; }
.ciCard .card.duel.rar-rara .art h4.cardName{ background: linear-gradient(180deg, #2f6fb8 0%, #173a73 100%) !important; }
.ciCard .card.duel.rar-lendaria .art h4.cardName{ background: linear-gradient(180deg, #e0a73a 0%, #8a5412 100%) !important; }
.ciCard .card.duel.rar-collector .art h4.cardName{ background: linear-gradient(105deg, #ff7ad9 0%, #7a3cff 34%, #4fd6cf 66%, #ffd36b 100%) !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art h4.cardName{ font-size: max(9px, 5.4cqw) !important; line-height: 1.08 !important; padding: 1.1cqw 11cqw 1.3cqw !important; border-radius: 0 0 3.5cqw 3.5cqw; min-height: 0 !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art{ left: -1px; right: -1px; width: auto; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel{ background-clip: padding-box; }
.card.duel::before{ box-shadow: inset 1px 1px 0 #fff1d91e !important; border-color: #f4d5a22a; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel{ border: 0 !important; background-clip: border-box; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .art{ left: 0; right: 0; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel::before{ inset: 0; border: 1px solid color-mix(in srgb, var(--r, #e8c98b) 62%, transparent); border-radius: inherit; box-shadow: none !important; z-index: 6; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act::before{ display: block; width: max-content; margin: 0 auto 1px; vertical-align: baseline; }
.card .cardStats :is(.atk, .dmg){ line-height: .94 !important; padding-top: .8cqw !important; padding-bottom: .95cqw !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .state{ background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; top: auto !important; right: auto !important; left: 50% !important; bottom: auto; transform: translateX(-50%); }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .state{ top: 11cqw !important; display: flex; flex-direction: column; align-items: center; gap: .6cqw; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastLoss{ filter: none !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel.pastLoss .art{ background-color: #777; background-blend-mode: luminosity; box-shadow: inset 0 0 0 100vmax #0000008c; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act{ position: relative; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act::before{ position: absolute; display: block; left: 50%; top: 0; width: max-content; margin: 0 !important; transform: translate(-50%, -62%); z-index: 3; box-shadow: 0 1px 4px #000a; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability, .clanAbility).act::before{ content: none !important; display: none !important; }
.newCard .clanIcon{ z-index: 6; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .art .state{ top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; z-index: 5; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .trophy svg{ width: 30cqw; height: 30cqw; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .trophy .trMana{ font-size: max(13px, 9cqw); }
:is(.duelHand, .duelFighter, .ciCard) .card.duel:is(.pastWin, .pastLoss) .trophy .trImg{ width: 34cqw; height: 31cqw; }
.duelFighter .card.duel.fury::after{
  content: ''; position: absolute; inset: -17% -11% -2%; z-index: -1; pointer-events: none; transform-origin: 50% 100%;
  background:
    radial-gradient(ellipse 8% 88% at 3% 100%, #ffd36b 0, #ff7a2b 30%, #e8341a 55%, transparent 74%),
    radial-gradient(ellipse 9% 96% at 14% 100%, #fff1a6 0, #ff8a2b 30%, #e02a12 56%, transparent 76%),
    radial-gradient(ellipse 10% 84% at 28% 100%, #ffd36b 0, #ff7a2b 32%, #e8341a 58%, transparent 76%),
    radial-gradient(ellipse 10% 92% at 43% 100%, #fff1a6 0, #ff8a2b 32%, #e02a12 58%, transparent 76%),
    radial-gradient(ellipse 10% 86% at 58% 100%, #ffd36b 0, #ff7a2b 32%, #e8341a 58%, transparent 76%),
    radial-gradient(ellipse 10% 94% at 73% 100%, #fff1a6 0, #ff8a2b 32%, #e02a12 58%, transparent 76%),
    radial-gradient(ellipse 9% 90% at 86% 100%, #ffd36b 0, #ff7a2b 30%, #e8341a 56%, transparent 74%),
    radial-gradient(ellipse 8% 82% at 97% 100%, #fff1a6 0, #ff9a2b 30%, #e8341a 55%, transparent 74%);
  filter: blur(1.2px) saturate(1.2); mix-blend-mode: screen;
  animation: furyFlame .42s ease-in-out infinite alternate, furyFlameB .67s ease-in-out infinite alternate;
}
.duelFighter .card.duel.fury{
  animation: furyShake .13s linear infinite, furyGlow .5s ease-in-out infinite alternate !important;
  box-shadow: 0 0 0 2px #ff6a2b, 0 0 26px #ff6a2bcc, 0 -10px 50px #ff3d1f99 !important;
}
@media (prefers-reduced-motion: reduce){
.duelFighter .card.duel.fury{ animation: none !important; }
.duelFighter .card.duel.fury::after{ animation: none; }
}
.reduced .duelFighter .card.duel.fury{ animation: none !important; }
.reduced .duelFighter .card.duel.fury::after{ animation: none; }
.duelFighter .card.duel.fury{ overflow: visible !important; }
.ciCard > .card.duel.ciReal{ position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; transform: none !important; pointer-events: none; }
.ciCard .card.duel{ overflow: hidden !important; }
.ciCard .card.duel .art{ position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
.ciCard .card.duel .cardText{ position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; height: auto !important; }
:is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText p.ability, :is(.duelHand, .duelFighter, .ciCard) .card.duel .cardText p.ability .abT, :is(.duelHand, .duelFighter, .ciCard) .card.duel :is(.ability.off, .ability.locked, .clanAbility.none, .clanAbility.off){ color: #fff !important; opacity: 1 !important; }
.card.duel .art h4.cardName, .ciCard .card .art h4.cardName{ border-radius: 0 !important; }
.card.duel :is(.clanAbility, .clanAbility.on, .clanAbility.none, .clanAbility.off, .ability.locked, .ability.off, .clanName, .clanName.on){ color: #fff !important; }
.card.duel .clanIcon{; }
.card.duel, .card.duel::before, .card.duel::after, .card.duel .art, .card.duel .art::before, .card.duel .art::after, .card.duel .art h4.cardName, .card.duel .art h4.cardName::before, .card.duel .art h4.cardName::after, .ciCard .card{ border-radius: 0 !important; }
.card.duel .cardStats{ translate: 0 .7cqw; }
:is(.duelHand,.duelFighter) .card.duel.selected{border-color:#d9f8ff!important;
 box-shadow:0 0 0 3px #8ee8ff,0 0 0 8px #8ee8ff3d,0 0 36px 8px #5fd3ffcc,0 0 90px 22px #3aa6ff66,0 24px 38px #000d!important;animation:selPulse 1.4s ease-in-out infinite}
:is(.duelHand,.duelFighter) .card.duel.chosen{border-color:#fff0bf!important;
 box-shadow:0 0 0 3px #ffd77a,0 0 0 8px #ffd77a3d,0 0 36px 8px #f5c05add,0 0 90px 22px #ff9f3a66,0 24px 38px #000d!important}
.duelHand:has(.card.duel.selected) .card.duel:not(.selected):not(.chosen):not(.zone-used){filter:brightness(.72) saturate(.85)}
.reduced .card.duel.selected{animation:none!important}
@media(prefers-reduced-motion:reduce){
:is(.duelHand,.duelFighter) .card.duel.selected{animation:none!important}
}
.card .furyAura{ position: absolute; z-index: 8; pointer-events: none; mix-blend-mode: screen; }
.card.furyGL{ overflow: visible !important; }
.duelFighter .card.duel.fury.furyGL::after{ display: none; }
.duelFighter .card.duel.fury.furyGL{
  animation: furyShake .16s linear infinite, furyGlow .5s ease-in-out infinite alternate !important;
  box-shadow: 0 0 0 2px #ffb347, 0 0 18px #ff6a2bcc, 0 0 60px #ff3d1f88 !important;
}
.duelFighter .card.duel.fury.furyGL.lost{ animation: none !important; box-shadow: 0 0 0 1px #ff6a2b66 !important; }
@media (prefers-reduced-motion: reduce){
.duelFighter .card.duel.fury.furyGL{ animation: none !important; }
}
.reduced .duelFighter .card.duel.fury.furyGL{ animation: none !important; }
:root:root .card.duel.clan-leader .art h4.cardName, :root:root .card.duel.clan-isleader .art h4.cardName{background:linear-gradient(180deg,#d8222f 0%,#6e0a14 100%)!important;border-bottom:max(2px,.8cqw) solid #ff8a8f!important;color:#fff0f0!important;box-shadow:0 .8cqw 2.4cqw #0008,0 0 2cqw #ff2a3a66!important;animation:none!important}
@keyframes pickFrame{50%{box-shadow:0 0 0 5px #8ee8ff,0 0 44px #5fd4f5ee,0 22px 36px #000d}}
@keyframes furyPulse{50%{box-shadow:0 0 0 3px #ffb347,0 0 60px #ff6a2b}}
@keyframes foilSweep{ 0%, 55% { transform: translateX(-34%); opacity: 0; } 60%, 95% { opacity: calc(var(--o2, 1) * .6); } 100% { transform: translateX(34%); opacity: 0; } }
@keyframes foilDrift{ from { transform: translateX(-12%); } to { transform: translateX(12%); } }
@keyframes holoSpin{ to { --holo: 360deg; } }
@keyframes actPulse{ 0%, 100% { box-shadow: 0 0 8px color-mix(in srgb, var(--actc, #ffd36b) 22%, transparent); } 50% { box-shadow: 0 0 18px color-mix(in srgb, var(--actc, #ffd36b) 55%, transparent); } }
@keyframes nomeHolo{ to { background-position: 200% 0; } }
@keyframes furyFlame{ from { transform: scale(1, .94) skewX(-2deg); opacity: .85; } to { transform: scale(1.03, 1.12) skewX(2deg); opacity: 1; } }
@keyframes furyFlameB{ from { translate: -1.2% 0; } to { translate: 1.2% -2%; } }
@keyframes furyShake{
  0% { translate: 0 0; rotate: 0deg; } 20% { translate: -1.5px 1px; rotate: -.5deg; } 40% { translate: 1.5px -1px; rotate: .5deg; }
  60% { translate: -1px -1.5px; rotate: -.3deg; } 80% { translate: 1px 1.5px; rotate: .4deg; } 100% { translate: 0 0; rotate: 0deg; }
}
@keyframes furyGlow{ from { filter: brightness(1) saturate(1.05); } to { filter: brightness(1.12) saturate(1.3) drop-shadow(0 0 10px #ff6a2b); } }
@keyframes selPulse{50%{box-shadow:0 0 0 3px #e9fbff,0 0 0 12px #8ee8ff55,0 0 52px 14px #8ee8ffee,0 0 130px 34px #3aa6ff88,0 24px 38px #000d}}