@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Outfit:wght@300;400;600;800&display=swap";.deckbuilder-card-grid.deckbuilder-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;display:grid;gap:1rem;padding:1rem}.deckbuilder-card-catalog.deckbuilder-card-catalog{flex:1 1 auto;min-height:0;width:100%;padding-bottom:60px}.deckbuilder-card-scroll.deckbuilder-card-scroll{height:auto;flex:1 1 auto;min-height:0}.deckbuilder-panel-handle.deckbuilder-panel-handle{display:none}.card-item{width:var(--card-base-width);max-width:100%;aspect-ratio:260 / 400;height:auto;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(.65rem,2vmin,.8rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease;background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);border:3px solid rgba(0,0,0,.85);border-radius:12px;padding:clamp(8px,2vmin,12px);box-shadow:0 0 0 1px #000000e6,0 8px 32px #000000d9,0 2px 8px #000000e6,inset 0 0 20px #0009}.card-item.w-full.h-full{aspect-ratio:auto}@keyframes card-shimmer{0%{left:-75%}to{left:125%}}.card-item:before{content:"";position:absolute;top:-.5rem;left:-.5rem;width:4rem;height:4rem;background:radial-gradient(ellipse 85% 75% at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.06) 72%,transparent 100%);border-radius:50%;z-index:14;pointer-events:none}.card-item:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:skew(-15deg);pointer-events:none;z-index:30;border-radius:12px}.card-item:hover:after{animation:card-shimmer 1.8s cubic-bezier(.4,0,.6,1) infinite alternate}.card-item:hover{transform:scale(1.13) translateY(-10px);z-index:100;box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #49c7fa66,0 0 80px #49c7fa2e,0 0 140px #49c7fa14,inset 0 0 30px #49c7fa1f;border-color:#49c7fa8c}.card-item:hover:after{left:125%;transition:left .65s cubic-bezier(.25,.46,.45,.94)}.card-item.wizard:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #49c7fa8c,0 0 80px #49c7fa40,0 0 140px #49c7fa1a,inset 0 0 30px #49c7fa26;border-color:#49c7facc}.card-item.human:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #a8b8c873,0 0 80px #a8b8c833,0 0 140px #a8b8c814,inset 0 0 30px #a8b8c81f;border-color:#a8b8c8bf}.card-item.dwarf:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #c47b3a8c,0 0 80px #c47b3a40,0 0 140px #c47b3a1a,inset 0 0 30px #c47b3a26;border-color:#c47b3acc}.card-item.elf:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #d4a83a80,0 0 80px #d4a83a38,0 0 140px #d4a83a17,inset 0 0 30px #d4a83a21;border-color:#d4a83acc}.card-item.goblin:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #4dc44a80,0 0 80px #4dc44a38,0 0 140px #4dc44a17,inset 0 0 30px #4dc44a21;border-color:#4dc44acc}.card-item.undead:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #c23a3a80,0 0 80px #c23a3a38,0 0 140px #c23a3a17,inset 0 0 30px #c23a3a21;border-color:#c23a3acc}.card-item.seer:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #9b5cf680,0 0 80px #9b5cf638,0 0 140px #9b5cf617,inset 0 0 30px #9b5cf621;border-color:#9b5cf6cc}.card-item.neutral:hover{box-shadow:0 0 0 1px #000000f2,0 30px 70px #000000f2,0 10px 25px #000000e6,0 0 40px #8e95b073,0 0 80px #8e95b033,0 0 140px #8e95b014,inset 0 0 30px #8e95b01f;border-color:#8e95b0b3}.card-item--detail{width:100%;height:100%}.card-item--detail:hover,.card-item--detail.wizard:hover,.card-item--detail.human:hover,.card-item--detail.dwarf:hover,.card-item--detail.elf:hover,.card-item--detail.goblin:hover,.card-item--detail.undead:hover,.card-item--detail.seer:hover,.card-item--detail.neutral:hover{transform:none;z-index:unset;box-shadow:none;border-color:inherit}.card-item--detail .card-body,.card-item--detail .card-stat-attack,.card-item--detail .card-stat-health,.card-item--detail .card-cost-badge,.card-item--detail .card-jewel,.card-item--detail .card-jewel-symbol{display:none}.card-jewel{position:absolute;top:10px;left:10px;width:18px;height:18px;transform:rotate(45deg);border-radius:10%;border:1.5px solid rgba(209,230,237,.5);z-index:15;box-shadow:0 0 8px currentColor}.card-item.wizard{border-color:#49c7fa59}.card-item.wizard .card-jewel{color:var(--color-wizard);background-color:var(--color-wizard)}.card-item.human{border-color:#a8b8c84d}.card-item.human .card-jewel{color:var(--color-human);background-color:var(--color-human)}.card-item.dwarf{border-color:#c47b3a66}.card-item.dwarf .card-jewel{color:var(--color-dwarf);background-color:var(--color-dwarf)}.card-item.elf{border-color:#d4a83a66}.card-item.elf .card-jewel{color:var(--color-elf);background-color:var(--color-elf)}.card-item.goblin{border-color:#4dc44a59}.card-item.goblin .card-jewel{color:var(--color-goblin);background-color:var(--color-goblin)}.card-item.undead{border-color:#c23a3a59}.card-item.undead .card-jewel{color:var(--color-undead);background-color:var(--color-undead)}.card-item.seer{border-color:#9b5cf659}.card-item.seer .card-jewel{color:var(--color-seer);background-color:var(--color-seer)}.card-item.neutral{border-color:#8fa3b04d}.card-item.neutral .card-jewel{color:var(--color-neutral);background-color:var(--color-neutral)}.card-body{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:flex-start;padding-top:3rem;padding-bottom:clamp(6px,2vmin,12px);pointer-events:none;width:100%;position:relative;z-index:1}.card-title{font-family:Cinzel,serif;font-weight:700;font-size:1.3rem;color:var(--silver-light);margin:0;line-height:1.25;text-shadow:2px 2px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black;order:1;flex-shrink:0;position:relative;width:100%;padding:0 clamp(4px,1vmin,8px)}.card-item.wizard .card-title,.card-item.wizard .card-subtype{color:var(--color-wizard);text-shadow:-2px -2px 0 var(--text-border-color-wizard),2px -2px 0 var(--text-border-color-wizard),-2px 2px 0 var(--text-border-color-wizard),2px 2px 0 var(--text-border-color-wizard),-2px 0 0 var(--text-border-color-wizard),2px 0 0 var(--text-border-color-wizard),0 -2px 0 var(--text-border-color-wizard),0 2px 0 var(--text-border-color-wizard),0 0 10px rgba(73,199,250,.7)}.card-item.human .card-title,.card-item.human .card-subtype{color:var(--color-human);text-shadow:-2px -2px 0 var(--text-border-color-human),2px -2px 0 var(--text-border-color-human),-2px 2px 0 var(--text-border-color-human),2px 2px 0 var(--text-border-color-human),-2px 0 0 var(--text-border-color-human),2px 0 0 var(--text-border-color-human),0 -2px 0 var(--text-border-color-human),0 2px 0 var(--text-border-color-human),0 2px 6px rgba(0,0,0,.9)}.card-item.dwarf .card-title,.card-item.dwarf .card-subtype{color:var(--color-dwarf);text-shadow:-2px -2px 0 var(--text-border-color-dwarf),2px -2px 0 var(--text-border-color-dwarf),-2px 2px 0 var(--text-border-color-dwarf),2px 2px 0 var(--text-border-color-dwarf),-2px 0 0 var(--text-border-color-dwarf),2px 0 0 var(--text-border-color-dwarf),0 -2px 0 var(--text-border-color-dwarf),0 2px 0 var(--text-border-color-dwarf),0 0 12px rgba(196,123,58,.65)}.card-item.elf .card-title,.card-item.elf .card-subtype{color:var(--color-elf);text-shadow:-2px -2px 0 var(--text-border-color-elf),2px -2px 0 var(--text-border-color-elf),-2px 2px 0 var(--text-border-color-elf),2px 2px 0 var(--text-border-color-elf),-2px 0 0 var(--text-border-color-elf),2px 0 0 var(--text-border-color-elf),0 -2px 0 var(--text-border-color-elf),0 2px 0 var(--text-border-color-elf),0 0 14px rgba(212,168,58,.75),0 0 28px rgba(212,168,58,.3)}.card-item.goblin .card-title,.card-item.goblin .card-subtype{color:var(--color-goblin);text-shadow:-2px -2px 0 var(--text-border-color-goblin),2px -2px 0 var(--text-border-color-goblin),-2px 2px 0 var(--text-border-color-goblin),2px 2px 0 var(--text-border-color-goblin),-2px 0 0 var(--text-border-color-goblin),2px 0 0 var(--text-border-color-goblin),0 -2px 0 var(--text-border-color-goblin),0 2px 0 var(--text-border-color-goblin),0 0 10px rgba(77,196,74,.65)}.card-item.undead .card-title,.card-item.undead .card-subtype{color:var(--color-undead);text-shadow:-2px -2px 0 var(--text-border-color-undead),2px -2px 0 var(--text-border-color-undead),-2px 2px 0 var(--text-border-color-undead),2px 2px 0 var(--text-border-color-undead),-2px 0 0 var(--text-border-color-undead),2px 0 0 var(--text-border-color-undead),0 -2px 0 var(--text-border-color-undead),0 2px 0 var(--text-border-color-undead),0 0 12px rgba(194,58,58,.8),0 0 24px rgba(194,58,58,.35)}.card-item.seer .card-title,.card-item.seer .card-subtype{color:var(--color-seer);text-shadow:-2px -2px 0 var(--text-border-color-seer),2px -2px 0 var(--text-border-color-seer),-2px 2px 0 var(--text-border-color-seer),2px 2px 0 var(--text-border-color-seer),-2px 0 0 var(--text-border-color-seer),2px 0 0 var(--text-border-color-seer),0 -2px 0 var(--text-border-color-seer),0 2px 0 var(--text-border-color-seer),0 0 14px rgba(155,92,246,.8),0 0 30px rgba(155,92,246,.4)}.card-item.djinn .card-title,.card-item.djinn .card-subtype{color:var(--color-djinn);text-shadow:-2px -2px 0 var(--text-border-color-djinn),2px -2px 0 var(--text-border-color-djinn),-2px 2px 0 var(--text-border-color-djinn),2px 2px 0 var(--text-border-color-djinn),-2px 0 0 var(--text-border-color-djinn),2px 0 0 var(--text-border-color-djinn),0 -2px 0 var(--text-border-color-djinn),0 2px 0 var(--text-border-color-djinn),0 0 14px rgba(255,176,32,.8),0 0 30px rgba(255,176,32,.4)}.card-item.neutral .card-title,.card-item.neutral .card-subtype{color:var(--color-neutral);text-shadow:-2px -2px 0 var(--text-border-color-neutral),2px -2px 0 var(--text-border-color-neutral),-2px 2px 0 var(--text-border-color-neutral),2px 2px 0 var(--text-border-color-neutral),-2px 0 0 var(--text-border-color-neutral),2px 0 0 var(--text-border-color-neutral),0 -2px 0 var(--text-border-color-neutral),0 2px 0 var(--text-border-color-neutral),0 2px 8px rgba(0,0,0,.95)}.card-subtype{text-transform:uppercase;font-weight:700;font-size:.7rem;letter-spacing:.05em;text-align:center;order:3;flex-shrink:0;width:fit-content;align-self:center;position:relative}.card-subtype:before{content:"";position:absolute;top:-5px;right:-8px;bottom:-5px;left:-8px;background:radial-gradient(ellipse 85% 75% at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.06) 72%,transparent 100%);border-radius:50%;z-index:-1;pointer-events:none}.card-description{color:#ddd;line-height:1.4;font-size:.9rem!important;order:2;font-weight:700;margin-top:auto;overflow:hidden;padding-bottom:1rem;text-shadow:2px 2px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black,0 0 10px rgba(239,68,68,.25);position:relative;border-radius:6px;width:100%}.card-description:before{content:"";position:absolute;top:-8px;right:-10px;bottom:-8px;left:-10px;background:radial-gradient(ellipse 85% 75% at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.06) 72%,transparent 100%);border-radius:50%;z-index:-1;pointer-events:none}.card-description::-webkit-scrollbar{width:4px}.card-description::-webkit-scrollbar-track{background:transparent}.card-description::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.card-description::-webkit-scrollbar-thumb:hover{background:#ffffff73}.card-cost-badge{position:absolute;top:clamp(2px,1vmin,4px);right:clamp(4px,1.5vmin,8px);color:var(--color-stat-mana);font-size:1.5rem;text-shadow:2px 2px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black,0 0 10px rgba(200,222,255,.5);display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;z-index:15}.card-stat-attack{position:absolute;bottom:clamp(2px,1vmin,4px);left:clamp(4px,1.5vmin,8px);text-shadow:2px 2px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black,0 0 10px rgba(240,224,32,.5);color:var(--color-stat-attack);display:flex;font-size:1.5rem;align-items:center;justify-content:center;border-radius:50%;font-weight:700;z-index:15}.card-stat-health{position:absolute;bottom:clamp(2px,1vmin,4px);right:clamp(4px,1.5vmin,8px);text-shadow:2px 2px 2px black,-1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black,0 0 10px rgba(255,51,85,.45);color:var(--color-stat-health);display:flex;font-size:1.5rem;align-items:center;justify-content:center;border-radius:50%;font-weight:700;z-index:15}.card-back{width:var(--card-back-width);height:var(--card-back-height);background:linear-gradient(135deg,#020b14,#082842);border:2px solid var(--blue-mid);box-shadow:0 4px 10px #0009,inset 0 0 10px #49c7fa59;border-radius:8px;position:relative;overflow:hidden;transition:transform .2s ease}.card-back.custom-back{border:1.5px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #000000a6,inset 0 0 15px #00000080;background-size:cover;background-position:center}.card-back:not(.custom-back):after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px dashed rgba(73,199,250,.3);border-radius:6px}.card-back:not(.custom-back):before{content:"AA";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:1.2rem;font-weight:800;color:#49c7fa73;text-shadow:0 0 8px rgba(73,199,250,.55)}.card-item.selected-card{outline:3px solid var(--blue-glow);outline-offset:2px;box-shadow:0 0 20px #49c7fa99,0 5px 15px #00000080}.card-item.affordable-card{border-color:var(--blue-glow)!important;box-shadow:0 0 18px #49c7fabf,0 5px 15px #00000080}.card-item.attacker-ready{box-shadow:0 0 12px #49c7fa99,0 5px 15px #00000080;cursor:pointer}.card-item.deck-card-hoverable:hover{box-shadow:0 0 15px #49c7fa80,0 8px 25px #000000b3}@keyframes card-summon{0%{transform:scale(.3) translateY(80px);opacity:0}40%{transform:scale(1.15) translateY(-15px);opacity:1}60%{transform:scale(.95) translateY(5px)}80%{transform:scale(1.05) translateY(-3px)}to{transform:scale(1) translateY(0)}}.card-summon-animate{animation:card-summon .6s cubic-bezier(.34,1.56,.64,1) forwards}.keyword-ability{color:#2ecfba;font-weight:800}.keyword-tooltip{display:none}.card-item:hover .keyword-tooltip{display:inline}.keyword-tooltip-popup{min-width:180px;max-width:320px;background:#0c0e16f2;border:1px solid rgba(251,191,36,.35);border-radius:8px;padding:10px 12px;box-shadow:0 8px 24px #0009,0 0 12px #fbbf2426;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8rem;line-height:1.35;color:#e2e8f0}.keyword-tooltip-row{display:flex;flex-wrap:wrap;gap:4px;padding:3px 0}.keyword-tooltip-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.keyword-tooltip-term{color:#fbbf24;font-weight:800;text-shadow:0 0 6px rgba(251,191,36,.35);white-space:nowrap}.keyword-tooltip-sep{color:#fbbf24b3;margin-right:2px}.keyword-tooltip-def{color:#cbd5e1;flex:1 1 0%}.keyword-tooltip-flavor{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-style:italic;color:#94a3b8;font-size:.75rem;line-height:1.4}.slot-board .card-item{padding:clamp(4px,1.2vmin,8px) clamp(6px,1.5vmin,8px)}.slot-board .card-body{padding:clamp(16px,5vmin,22px) clamp(2px,1vmin,4px) clamp(4px,1.5vmin,6px)}.slot-board .card-title{font-size:1rem;line-height:1.15;position:relative}.slot-board .card-subtype{font-size:.5rem}.slot-board .card-description{line-height:1.2;font-size:.7rem!important;overflow:hidden}.slot-board .card-description::-webkit-scrollbar{display:none}.slot-board .card-cost-badge,.slot-board .card-stat-attack,.slot-board .card-stat-health{font-size:1rem}.slot-board .card-stat-attack{bottom:clamp(2px,.8vmin,4px);left:clamp(4px,1.5vmin,6px)}.slot-board .card-stat-health{bottom:clamp(2px,.8vmin,4px);right:clamp(4px,1.5vmin,6px)}.slot-board .card-cost-badge{top:clamp(2px,.8vmin,4px);right:clamp(4px,1.5vmin,6px)}.slot-board .card-jewel{top:clamp(4px,1.5vmin,6px);left:clamp(4px,1.5vmin,6px);width:clamp(8px,2.5vmin,12px);height:clamp(8px,2.5vmin,12px)}.slot-board .card-item{transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s ease,z-index .2s ease}.slot-board .card-item:hover{transform:translateY(-40px) scale(1.65)!important;z-index:150!important;box-shadow:0 20px 40px #000000f2,0 0 30px #49c7fabf!important}@media (hover: none),(pointer: coarse){.slot-board .card-item{transition:transform .15s ease-out;will-change:transform}.slot-board .card-item:hover{box-shadow:0 12px 24px #000000e6!important}.slot-board .card-item:hover:after{animation:none!important;transition:none!important}}.card-history-right-panel .card-body{padding:24px 4px!important}.card-history-right-panel .card-description{font-size:.7rem!important}.card-history-right-panel .card-jewel-symbol{width:2.5rem!important;height:2.5rem!important}.card-history-right-panel .card-title{font-size:.975rem!important;position:relative!important;line-clamp:2}.card-history-right-panel .card-subtype{font-size:.55rem!important}.card-jewel-symbol{position:absolute;top:0;left:0;width:3rem;height:3rem;z-index:15;object-fit:contain}.player-hand-container .card-jewel-symbol,.slot-board .card-jewel-symbol{width:2rem;height:2rem}.player-hand-container .card-body{padding-top:1rem!important}.dragging-card-clone{padding:clamp(4px,1.2vmin,6px) clamp(6px,1.5vmin,8px)!important}.dragging-card-clone .card-body{padding:clamp(12px,4vmin,16px) clamp(2px,1vmin,4px) clamp(4px,1.5vmin,6px)!important}.dragging-card-clone .card-title{line-height:1.15!important;position:relative!important}.dragging-card-clone .card-description{line-height:1.2!important;overflow:hidden!important}.dragging-card-clone .card-cost-badge,.dragging-card-clone .card-stat-attack,.dragging-card-clone .card-stat-health{font-size:clamp(.85rem,.7rem + .8vw,1.15rem)!important}.dragging-card-clone .card-stat-attack{bottom:clamp(2px,.8vmin,4px)!important;left:clamp(4px,1.5vmin,6px)!important}.dragging-card-clone .card-stat-health{bottom:clamp(2px,.8vmin,4px)!important;right:clamp(4px,1.5vmin,6px)!important}.dragging-card-clone .card-cost-badge{top:clamp(2px,.8vmin,4px)!important;right:clamp(4px,1.5vmin,6px)!important}.dragging-card-clone .card-jewel-symbol{top:clamp(3px,1vmin,4px)!important;left:clamp(3px,1vmin,4px)!important;width:clamp(20px,5vmin,28px)!important;height:clamp(20px,5vmin,28px)!important}@media (hover: none),(pointer: coarse){.deckbuilder-card-grid .card-item{transition:none!important}.deckbuilder-card-grid .card-item:hover{transform:none!important;z-index:auto!important;box-shadow:0 0 0 1px #000000e6,0 8px 32px #000000d9,0 2px 8px #000000e6,inset 0 0 20px #0009!important;border-color:#000000d9!important}.deckbuilder-card-grid .card-item:hover:after{animation:none!important;transition:none!important;left:-75%!important}}@media (hover: none),(pointer: coarse){.deckbuilder-card-grid .card-item{content-visibility:auto;contain-intrinsic-size:auto 260px auto 400px}.deckbuilder-card-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}}.hero-portrait{width:16rem;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border-radius:1rem;text-align:center;transition:all .25s ease;position:relative;z-index:1;overflow:hidden;background:linear-gradient(145deg,#0576ba40,#03335a8c);border:2px solid rgba(209,230,237,.1);box-shadow:0 10px 30px #00000080,inset 0 1px 1px #d1e6ed14}.hero-portrait:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:.75rem;border:1px solid rgba(209,230,237,.14);pointer-events:none;z-index:2}.hero-portrait:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:.75rem;pointer-events:none;z-index:2;background:linear-gradient(to right,currentColor 2px,transparent 2px) top left,linear-gradient(to bottom,currentColor 2px,transparent 2px) top left,linear-gradient(to left,currentColor 2px,transparent 2px) top right,linear-gradient(to bottom,currentColor 2px,transparent 2px) top right,linear-gradient(to right,currentColor 2px,transparent 2px) bottom left,linear-gradient(to top,currentColor 2px,transparent 2px) bottom left,linear-gradient(to left,currentColor 2px,transparent 2px) bottom right,linear-gradient(to top,currentColor 2px,transparent 2px) bottom right;background-size:22px 22px;background-repeat:no-repeat;opacity:.7}.hero-portrait-player{color:#49c7fad9;border-color:#49c7fa66;box-shadow:0 0 25px #49c7fa26,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed14}.hero-portrait-player:hover{border-color:#49c7fab3;box-shadow:0 0 35px #49c7fa47,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed1a;transform:translateY(-2px) scale(1.01)}.hero-portrait-opponent{color:#d1e6edbf;border-color:#8fa3b066;box-shadow:0 0 25px #8fa3b01f,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed14}.hero-portrait-opponent:hover{border-color:#d1e6eda6;box-shadow:0 0 35px #8fa3b038,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed1a}.hero-portrait.hero-targetable{border-color:var(--blue-glow);animation:pulse-glow-red 1.4s infinite alternate}@keyframes pulse-glow-red{0%{box-shadow:0 0 15px #49c7fa40}to{box-shadow:0 0 35px #49c7faa6,0 0 15px #49c7fa4d}}.hero-portrait.hero-ability-ready{border-color:#49c7fa8c;box-shadow:0 0 25px #49c7fa38,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed14}.hero-portrait.hero-ability-ready:hover{border-color:#49c7fad9;box-shadow:0 0 40px #49c7fa66,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed1a}.hero-portrait.hero-ability-ready:active{cursor:grabbing}.hero-name{position:absolute;top:.85rem;left:.85rem;right:3rem;text-align:left;font-family:supernatural_knight,Cinzel,serif;font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem 0 0;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:0;transition:opacity .25s cubic-bezier(.25,.8,.25,1)}.hero-portrait:hover .hero-name{opacity:1}.hero-name-player{color:var(--blue-glow)}.hero-name-opponent{color:var(--silver-light)}.hero-hp{position:absolute;bottom:.75rem;left:.75rem;right:auto;top:auto;display:flex;align-items:center;justify-content:flex-start;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:#3a4b568c;border:1px solid rgba(209,230,237,.35);font-family:supernatural_knight,Cinzel,serif;font-size:1.1rem;font-weight:400;color:var(--silver-light);text-shadow:0 2px 8px rgba(209,230,237,.35);box-shadow:0 0 12px #d1e6ed1f,inset 0 1px 1px #d1e6ed0f;z-index:10}.hero-hp svg{width:18px;height:18px;filter:drop-shadow(0 2px 4px rgba(209,230,237,.3))}.hero-mana{position:absolute;bottom:.75rem;right:.75rem;left:auto;top:auto;display:flex;align-items:center;justify-content:flex-end;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:#0576ba4d;border:1px solid rgba(73,199,250,.4);font-family:supernatural_knight,Cinzel,serif;font-size:1rem;font-weight:400;color:var(--blue-glow);text-shadow:0 2px 8px rgba(73,199,250,.4);box-shadow:0 0 12px #49c7fa2e,inset 0 1px 1px #d1e6ed0f;z-index:10}.hero-mana svg{width:16px;height:16px;filter:drop-shadow(0 2px 4px rgba(73,199,250,.35))}.hero-art-bg{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:.75rem;opacity:.72;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.hero-halo-active{border-color:#22d3eee6;box-shadow:0 0 0 4px #22d3ee33,0 0 30px #22d3ee99,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed33;animation:hero-halo-pulse 1s ease-in-out infinite}@keyframes hero-halo-pulse{0%,to{box-shadow:0 0 0 4px #22d3ee26,0 0 20px #22d3ee66,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed33}50%{box-shadow:0 0 0 8px #22d3ee4d,0 0 45px #22d3eecc,0 10px 30px #00000080,inset 0 1px 1px #d1e6ed40}}.battlefield-arena{position:absolute;top:-20px;right:-96px;bottom:-20px;left:-96px;border-radius:24px;background:var(--bg-noise),radial-gradient(ellipse at center,rgba(209,230,237,.1) 0%,transparent 65%),linear-gradient(135deg,#0b1625,#040a12);border:1px solid rgba(209,230,237,.08);box-shadow:0 20px 60px #00000080,inset 0 0 80px #d1e6ed14;z-index:0;pointer-events:none}.battlefield-arena:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:18px;border:1px dashed rgba(209,230,237,.12);pointer-events:none}.slot-board{height:230px;width:160px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;background:var(--bg-noise),radial-gradient(ellipse at center,rgba(209,230,237,.05) 0%,transparent 70%),var(--bg-panel);border:2px solid rgba(209,230,237,.12);box-shadow:inset 0 0 20px #d1e6ed0f,0 4px 15px #0000004d}.slot-board:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:10px;border:1px dashed rgba(209,230,237,.14);pointer-events:none}.slot-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,rgba(209,230,237,.08) 0%,transparent 40%,transparent 60%,rgba(209,230,237,.04) 100%);pointer-events:none}.slot-board.active-hover{background:#0576ba2e;border-color:#49c7fa99;box-shadow:0 0 25px #49c7fa59,inset 0 0 20px #49c7fa26}.slot-board.can-attack-hover{background:#0576ba38;border-color:#49c7fab3;box-shadow:0 0 25px #49c7fa73;cursor:pointer}.slot-board.defense-blocking{border-color:#fbbf24f2;box-shadow:0 0 26px #fbbf2499,inset 0 0 16px #fbbf2447;animation:defense-block-pulse 1.1s ease-in-out infinite}.slot-board.super-defense-blocking{border-color:#f87171;box-shadow:0 0 32px #f87171b3,0 0 14px #fbbf2499,inset 0 0 18px #f8717152;animation:super-defense-block-pulse .9s ease-in-out infinite}@keyframes defense-block-pulse{0%,to{box-shadow:0 0 20px #fbbf2473,inset 0 0 12px #fbbf2433}50%{box-shadow:0 0 34px #fbbf24cc,inset 0 0 20px #fbbf2466}}@keyframes super-defense-block-pulse{0%,to{box-shadow:0 0 24px #f8717180,inset 0 0 14px #f8717138}50%{box-shadow:0 0 40px #f87171e6,0 0 18px #fbbf24b3,inset 0 0 22px #f8717173}}.card-back.opponent-hover-highlight{outline:2px solid rgba(73,199,250,.9);box-shadow:0 0 16px #49c7fab3;transform:translateY(-8px);transition:transform .15s ease,box-shadow .15s ease;z-index:5}.slot-board.drag-hover-valid{background:#0576ba40;border-color:#49c7fad9;box-shadow:0 0 30px #49c7fa8c,inset 0 0 20px #49c7fa33;border-style:solid}.slot-board.drag-hover-invalid{background:#3a4b5659;border-color:#8fa3b08c;box-shadow:0 0 20px #8fa3b04d;border-style:solid}.slots-row-tilt{transform:perspective(1000px) rotateX(10deg);transform-style:preserve-3d}.player-hand-container{position:fixed;bottom:-60px;left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:30;padding:20px 40px 60px}.opponent-hand-container{position:fixed;top:-45%;left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:30;padding:15px 40px}.battlefield-board{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:10;width:auto;transform-origin:center center;transition:transform .2s ease}@media (max-width: 1540px){.battlefield-board{transform:translate(-50%,-50%) scale(.9)}}@media (max-width: 1380px){.battlefield-board{transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 1220px){.battlefield-board{transform:translate(-50%,-50%) scale(.7)}}@media (max-width: 1040px){.battlefield-board{transform:translate(-50%,-50%) scale(.6)}}.slot-ritual-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:25}.alchemy-oval{position:absolute;top:50%;left:50%;width:70%;height:45%;transform:translate(-50%,-50%);border-radius:50%;animation:alchemy-pulse 2.5s ease-in-out infinite alternate;pointer-events:none}.alchemy-circle{position:absolute;top:0;right:0;bottom:0;left:0;width:80%;max-height:80%;aspect-ratio:1 / 1;margin:auto;border-radius:50%;border:2px dashed rgba(73,199,250,.75);box-shadow:0 0 22px #49c7fa8c,inset 0 0 22px #49c7fa59;animation:alchemy-spin 5s linear infinite}.alchemy-circle:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(209,230,237,.45);animation:alchemy-spin-reverse 7s linear infinite}@keyframes alchemy-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.75}to{transform:translate(-50%,-50%) scale(1.25);opacity:1}}.slot-ritual-image{width:90px;height:90px;object-fit:contain;opacity:.8;animation:ritual-spin 8s linear infinite;filter:drop-shadow(0 0 12px rgba(73,199,250,.6))}.slot-ritual-label-stack{position:absolute;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:2px}.slot-ritual-label{font-family:supernatural_knight,Cinzel,serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--blue-glow);text-shadow:0 0 8px rgba(73,199,250,.9);line-height:1}@keyframes ritual-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes alchemy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes alchemy-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.relic-slot{position:absolute;bottom:-10%}.card-summon-burst{animation:summon-burst .6s ease-out forwards}@keyframes summon-burst{0%{box-shadow:0 0 30px #49c7facc,inset 0 0 20px #49c7fa66}to{box-shadow:none}}.battlefield-hover-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:80;width:260px;background:var(--bg-noise),#3a4b56eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(209,230,237,.4);border-radius:12px;padding:16px;box-shadow:0 10px 30px #000000b3,0 0 20px #d1e6ed33;pointer-events:none}.battlefield-hover-panel h4{font-family:supernatural_knight,Cinzel,serif;font-weight:400;font-size:1rem;color:var(--silver-light);margin-bottom:8px}.battlefield-hover-panel .hover-ability-text{font-size:.8rem;color:var(--silver-mid);line-height:1.6;border-top:1px solid rgba(209,230,237,.1);padding-top:8px}.deck-stack-container{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;width:110px;height:auto;margin-left:6px}.deck-stack-inner-container{position:relative;width:4.5vw;height:12vh}.deck-stack-count{font-family:Cinzel,serif;font-weight:800;font-size:1rem;color:#fff;padding:2px 8px;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 6px #0006;margin-top:4px;z-index:30}.btn-mulligan{position:fixed!important;bottom:1rem;right:1rem;z-index:100}@font-face{font-family:supernatural_knight;src:url(/assets/Supernatural_Knight-B5HifijA.woff2) format("woff2"),url(/assets/Supernatural_Knight-DMSk_KZ6.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.font-fantasy{font-family:supernatural_knight,Cinzel,serif;letter-spacing:.04em}.combat-pop{font-family:supernatural_knight,Cinzel,serif;letter-spacing:.08em;-webkit-text-stroke:1.5px rgba(10,4,2,.9);paint-order:stroke fill;pointer-events:none;white-space:nowrap}.combat-pop-damage{color:#e31b1b;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(255,45,25,.55))}.combat-pop-heal{color:#2fd06b;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(60,255,140,.45))}@supports ((-webkit-background-clip: text) or (background-clip: text)){.combat-pop-damage{background:linear-gradient(180deg,#ffb199,#ff5a3c 30%,#e31b1b,#8f0707 80%,#4a0202);-webkit-background-clip:text;background-clip:text;color:transparent}.combat-pop-heal{background:linear-gradient(180deg,#eaffd0,#8dff9e,#2fd06b 60%,#0d7a38 85%,#063d1d);-webkit-background-clip:text;background-clip:text;color:transparent}}.login-modal,.reset-password-modal{width:20%}.difficulty-selector{display:flex;gap:8px;align-items:center}.difficulty-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:6px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-muted);font-size:clamp(.7rem,2vmin,.8rem);font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;font-family:supernatural_knight,Cinzel,serif}.difficulty-btn:hover{border-color:#49c7fa66;background:#49c7fa14;color:var(--text-main)}.difficulty-btn.active{border-color:#49c7fa99;background:#49c7fa26;color:var(--blue-glow);box-shadow:0 0 12px #49c7fa40}.difficulty-btn.normal.active{border-color:#eab30880;background:#eab3081a;color:#facc15;box-shadow:0 0 12px #eab30833}.difficulty-btn.hard.active{border-color:#ef444480;background:#ef44441a;color:#f87171;box-shadow:0 0 12px #ef444433}.turn-timer-critical{animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.game-log-left-panel{position:fixed;left:1vw;top:48%;transform:translateY(-50%);width:12vw;height:50vh;background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(209,230,237,.2);border-radius:12px;padding:2px;box-shadow:0 10px 25px #00000080;z-index:20;display:flex;flex-direction:column;gap:12px}.game-log-left-panel h3{font-family:Cinzel,serif;font-size:.85rem;font-weight:800;color:var(--silver-light);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;margin:0;text-transform:uppercase;letter-spacing:.05em}.game-log-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.game-log-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;font-size:.72rem;font-family:monospace;color:var(--blue-glow);padding-right:4px;scroll-behavior:smooth}.game-log-item{line-height:1.4;word-break:break-word}.log-card-name{color:#fbbf24;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:#fbbf2480;transition:color .15s ease,text-shadow .15s ease}.log-card-name:hover{color:#fde68a;text-shadow:0 0 8px rgba(251,191,36,.5)}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.victory-text{background:linear-gradient(to right,#facc15,#fb923c,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.defeat-text{background:linear-gradient(to right,#dc2626,#fb7185,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-history-right-panel{position:fixed;right:44px;top:35%;transform:translateY(-50%);width:220px;height:auto;max-height:90vh;padding:14px;z-index:20;display:flex;flex-direction:column;gap:10px}.card-display-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.card-display-empty{font-size:.75rem;color:var(--silver-mid);font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.earthquake-shake{animation:earthquake-anim .5s cubic-bezier(.36,.07,.19,.97) both;transform:translate(-50%,-50%);backface-visibility:hidden;perspective:1000px}@keyframes earthquake-anim{10%,90%{transform:translate(calc(-50% - 2px),calc(-50% + 2px)) rotate(.5deg)}20%,80%{transform:translate(calc(-50% + 4px),calc(-50% - 4px)) rotate(-.5deg)}30%,50%,70%{transform:translate(calc(-50% - 8px),calc(-50% + 6px)) rotate(1deg)}40%,60%{transform:translate(calc(-50% + 8px),calc(-50% - 6px)) rotate(-1deg)}}.debug-card-list-panel{position:fixed;left:280px;top:50%;transform:translateY(-50%);width:280px;height:600px;background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(209,230,237,.2);border-radius:12px;padding:2px;box-shadow:0 10px 30px #0009;z-index:30;display:flex;flex-direction:column;gap:12px}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.debug-panel-header h3{font-family:Cinzel,serif;font-size:.85rem;font-weight:800;color:#fbbf24;margin:0;text-transform:uppercase;letter-spacing:.05em}.debug-panel-header .close-btn{background:transparent;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;padding:0 4px}.debug-panel-header .close-btn:hover{color:#ef4444}.debug-card-search-container{width:100%}.debug-search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;font-size:.75rem;outline:none}.debug-search-input:focus{border-color:#f59e0b80;background:#ffffff14}.debug-card-rows{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.debug-card-rows::-webkit-scrollbar{width:4px}.debug-card-rows::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.debug-card-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 10px;cursor:grab;-webkit-user-select:none;user-select:none;font-size:.75rem;transition:all .15s ease}.debug-card-row:hover{background:#f59e0b0f;border-color:#f59e0b33;transform:translate(2px)}.debug-card-row:active{cursor:grabbing}.debug-card-row.creature{border-left:3px solid #10b981}.debug-card-row.spell{border-left:3px solid #3b82f6}.debug-row-name{color:var(--silver-light);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.debug-row-type{font-size:.65rem;color:#8e95b0;text-transform:capitalize}.debug-row-cost{font-family:monospace;color:#fbbf24;font-weight:600}.debug-panel-tabs{display:flex;gap:4px}.debug-panel-tab{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px 6px 0 0;color:#ffffff73;font-size:.72rem;font-family:Cinzel,serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:all .15s ease}.debug-panel-tab:hover{color:#ffffffbf;border-color:#ffffff26}.debug-panel-tab.active{color:#fbbf24;border-color:#f59e0b66;background:#f59e0b0f}.debug-anim-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:#ffffff05;border:none;border-left:3px solid transparent;border-radius:4px;padding:6px 8px;cursor:pointer;color:#ffffffb3;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;transition:background .15s}.debug-anim-group-header:hover{background:#ffffff0d}.debug-anim-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;border-radius:4px;padding:5px 8px;cursor:grab;-webkit-user-select:none;user-select:none;font-size:.68rem;margin-bottom:2px;transition:background .12s,transform .1s}.debug-anim-row:hover{background:#ffffff0d;transform:translate(2px)}.debug-anim-row:active{cursor:grabbing}.debug-anim-name{color:#cbd5e1;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.debug-anim-drag-hint{color:#fff3;font-size:.8rem;flex-shrink:0}.debug-anim-clear-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#0f172ad9;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#f87171;font-size:.75rem;line-height:1;cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center;z-index:1002;transition:background .15s}.debug-anim-clear-btn:hover{background:#ef4444;color:#fff}.earthquake-shake-long{animation:earthquake-anim .5s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count:8;transform:translate(-50%,-50%);backface-visibility:hidden;perspective:1000px}.board-aura-glow{outline:2px solid rgba(251,191,36,.7);outline-offset:8px;box-shadow:0 20px 60px #00000080,inset 0 0 80px #d1e6ed14,0 0 12px 2px #fbbf2440,0 0 32px 4px #fbbf241a;animation:board-aura-pulse 2.5s ease-in-out infinite}@keyframes board-aura-pulse{0%,to{outline-color:#fbbf24b3;box-shadow:0 20px 60px #00000080,inset 0 0 80px #d1e6ed14,0 0 12px 2px #fbbf2440,0 0 32px 4px #fbbf241a}50%{outline-color:#fde047;box-shadow:0 20px 60px #00000080,inset 0 0 80px #d1e6ed14,0 0 20px 4px #fde04766,0 0 48px 8px #fbbf242e}}.board-aura-panel{display:none}@keyframes aura-handle-pulse{0%,to{box-shadow:0 0 8px 1px #fbbf2440}50%{box-shadow:0 0 16px 3px #fde0478c}}#crystals{position:fixed;top:0;left:20%;width:80vh;height:100vh;background:transparent;pointer-events:none;z-index:-1}.crystal_01,.crystal_02,.crystal_03{position:absolute;width:100%;height:100%;background-repeat:repeat-y;background-size:70% 100%}.crystal_01{background-image:url(/images/MISC/tealcrystal_01.webp);animation:crystalScroll1 45s linear infinite}.crystal_02{background-image:url(/images/MISC/tealcrystal_02.webp);animation:crystalScroll2 22.5s linear infinite}.crystal_03{left:50%;margin-left:-30%;background-image:url(/images/MISC/tealcrystal_03.webp);animation:crystalScroll3 20s linear infinite}@keyframes crystalScroll1{0%{background-position:0 0}to{background-position:0 -900px}}@keyframes crystalScroll2{0%{background-position:0 0}to{background-position:0 -900px}}@keyframes crystalScroll3{0%{background-position:0 0}to{background-position:0 -1200px}}@media (hover: none),(pointer: coarse){:root{--bg-noise: none}.game-log-left-panel,.board-aura-panel,.battlefield-hover-panel,.card-history-right-panel,.glass-panel,.keyword-tooltip-popup,.game-over-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.board-aura-glow,.slot-board.defense-blocking,.slot-board.super-defense-blocking{animation:none!important}}.Firework1Animated{height:40%;width:25%;top:3%;left:14%;z-index:2000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework1Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite;-moz-animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite;-webkit-animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite}.Firework2Animated{height:44%;width:25%;top:3%;left:59%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework2Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite;-moz-animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite;-webkit-animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite}.Firework3Animated{height:51%;width:25%;top:47%;left:47%;z-index:100;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework3Animation.webp) 0 0 no-repeat;background-size:3400%;animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite;-moz-animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite;-webkit-animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite}.Firework4Animated{height:44%;width:25%;top:47%;left:14%;z-index:2000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework4Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite;-moz-animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite;-webkit-animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite}.PathofLightTimelineAnimated{height:100vh;top:-300%;width:211%;left:-80%;z-index:2000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/PathofLightAnimation.webp) 0 0 no-repeat;background-size:1600%;animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite;-moz-animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite;-webkit-animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite}.Explosion1Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion1Animation.webp) 0 0 no-repeat;background-size:4000%;animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite;-moz-animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite;-webkit-animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite}.Explosion2Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion2Animation.webp) 0 0 no-repeat;background-size:5000%;animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite;-moz-animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite;-webkit-animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite}.Explosion3Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion3Animation.webp) 0 0 no-repeat;background-size:3600%;animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite;-moz-animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite;-webkit-animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite}.Explosion4Animated{height:100%;width:130%;left:-25%;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion4Animation.webp) 0 0 no-repeat;background-size:3900%;animation:Explosion4Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite;-moz-animation:Explosion3Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite;-webkit-animation:Explosion3Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite}.ReplaceAnimated{height:85%;width:160%;left:-27%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/ReplaceAnimation.webp) 0 0 no-repeat;background-size:500%;animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite;-moz-animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite;-webkit-animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite}.ReturnAnimated{height:89%;width:160%;left:-27%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/PurpleOozeAnimation.webp) 60% 60% no-repeat;background-size:300%;animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite;-moz-animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite;-webkit-animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite}.ChosenAnimated{height:126%;width:220%;left:-52%;top:-17%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/ChosenStarFieldAnimation.webp) 0 0 no-repeat;background-size:800%;animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite;-moz-animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite;-webkit-animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite}.CreatureReturnBurstAnimated{height:133%;width:160%;left:-5%;top:-26%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/CreatureReturnBurstAnimation.webp) 0 0 no-repeat;background-size:3300%;animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite;-moz-animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite;-webkit-animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite}.BanishAnimated{height:100%;width:100%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/BanishAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite;-moz-animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite;-webkit-animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite}.sacrificeBodyAnimated{height:60%;width:56%;left:20%;top:10%;z-index:1000;pointer-events:none;position:fixed;background:transparent url(/images/animations/ability/sacrificeBodyAnimation.webp) 0 0 no-repeat;background-size:500%;animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite;-moz-animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite;-webkit-animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite}.HealAnimation{height:180%;width:230%;left:-44%;top:-81%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/HealAnimation.webp) 0 0 no-repeat;background-size:100%;animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite;-moz-animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite;-webkit-animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite}.EruptionAnimation{height:100%;width:100%;left:0%;top:0%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/EruptionExplosionAnimation.webp) 0 0 no-repeat;background-size:1600%;animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite;-moz-animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite;-webkit-animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite}.HeroTimerTimelineAnimation{height:49%;width:29%;left:36%;top:-1%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/TimerAnimation.webp) 0 0 no-repeat;background-size:800%;animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite;-moz-animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite;-webkit-animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite}.TimerTimelineAnimation{height:25%;width:13%;left:45%;top:35%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/TimerAnimation.webp) 0 0 no-repeat;background-size:800%;animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite;-moz-animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite;-webkit-animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite}.slotLockAnimation{height:126%;width:122%;top:-28%;left:-30%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/SlotLockAnimation.webp) 0 0 no-repeat;background-size:4400%;animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite;-moz-animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite;-webkit-animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite}.SmokeAnimation{height:90%;width:160%;left:-24%;top:5%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/SmokeAnimation.webp) 0 0 no-repeat;background-size:100%;animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite;-moz-animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite;-webkit-animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite}.NewSwitchAnimated{height:95%;width:147%;left:-27%;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/NewSwitchAnimation.webp) 0 0 no-repeat;background-size:400%;animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite;-moz-animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite;-webkit-animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite}.SilenceAnimated{height:129%;width:225%;left:-61%;top:-27%;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/SilenceAnimation.webp) 0 0 no-repeat;background-size:800%;animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite;-moz-animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite;-webkit-animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite}.AttackDamageAnimation{height:110%;width:172%;left:-47%;top:-21%;z-index:10000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/AttackDamageStarTimelineAnimation.webp) 0 0 no-repeat;background-size:800%;animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite;-moz-animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite;-webkit-animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite}.CreatureCastAnimation{width:26%;height:40%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/CreatureCastAnimation.webp) 0 0 no-repeat;background-size:1700%;animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite;-moz-animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite;-webkit-animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite}.blueLandingAnimation{width:100%;height:10%;bottom:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/blueLanding.webp) 0 0 no-repeat;background-size:100%;animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite;-moz-animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite;-webkit-animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite}.redLandingAnimation{width:26%;height:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/redLanding.webp) 0 0 no-repeat;background-size:100%;animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite;-moz-animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite;-webkit-animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite}.greenLandingAnimation{width:26%;height:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/greenLanding.webp) 0 0 no-repeat;background-size:100%;animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite;-moz-animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite;-webkit-animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite}.LifebloodAnimation{height:100%;width:100%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/LifebloodAnimation.webp) 0 0 no-repeat;background-size:600%;animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite;-moz-animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite;-webkit-animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite}.ConsumeAnimation{height:100%;width:130%;margin-left:-10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/consumeAnimated.webp) 0 0 no-repeat;background-size:300%;animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite;-moz-animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite;-webkit-animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite}.SelfDamageAnimated{top:0;left:-10%;height:67%;width:125%;position:absolute;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/SelfDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite;-moz-animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite;-webkit-animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite}.HeroGemBurstAnimation{height:193%;width:150%;left:-27%;position:absolute;z-index:1000;top:-69%;pointer-events:none;background:transparent url(/images/animations/entrance/HeroGemBurstAnimation.webp) 0 0 no-repeat;background-size:3400%;animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards;-moz-animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards;-webkit-animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards}.abilityAppendSpriteAnimation{height:13%;width:20%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/appendAbilityAnimationtest.webp);background-size:160%;background-repeat:no-repeat;animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite;-moz-animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite;-webkit-animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite}.RevengePlayAnimated{height:100%;width:100%;left:10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/RevengePlayAnimation.webp) 0 0 no-repeat;background-size:200%;animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite;-moz-animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite;-webkit-animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite}.RewardCardAnimated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/RewardCardAnimation.webp) 0 0 no-repeat;background-size:5900%;animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite;-moz-animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite;-webkit-animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite}.BloodvelopeAnimated{height:100%;width:100%;top:-5%;z-index:1000;position:absolute;pointer-events:none;transform:rotate(180deg);background:transparent url(/images/animations/ability/BloodvelopeAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite;-moz-animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite;-webkit-animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite}.LightningDamageAnimated{height:100%;width:300%;left:-100%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/LightningShowDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite;-moz-animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite;-webkit-animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite}.RevengeDeathAnimated{height:100%;width:100%;left:10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/RevengeDeathAnimation.webp) 0 0 no-repeat;background-size:300%;animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite;-moz-animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite;-webkit-animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite}.FireAbilityDamageAnimated{height:100%;width:152%;left:-29%;position:absolute;top:10%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/FireAbilityDamageAnimated.webp) 0 0 no-repeat;background-size:800%;animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite;-moz-animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite;-webkit-animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite}.AttackBoostAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/attackBoostAnimation.webp) 0 0 no-repeat;background-size:200%;animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite;-moz-animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite;-webkit-animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite}.HealthBoostAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/healthBoostAnimation.webp) 0 0 no-repeat;background-size:200%;animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite;-moz-animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite;-webkit-animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite}.StatDropAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/statDropAnimation.webp) 0 0 no-repeat;background-size:200%;animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite;-moz-animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite;-webkit-animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite}.SorkulEntranceAnimated{height:27%;width:13%;position:fixed;left:3%;top:0;pointer-events:none;background:transparent url(/images/animations/ability/SorkulEntranceAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite;-moz-animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite;-webkit-animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite}.BijoveEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-40%;background:transparent url(/images/animations/entrance/BijoveEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite;-moz-animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite;-webkit-animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite}.HarendulEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-15%;background:transparent url(/images/animations/entrance/AzrealEntrancePortal.webp) 0 0 no-repeat;background-size:3500%;animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-moz-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-webkit-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite}.GarshaEntrancePortal{height:200%;width:300%;left:-100%;position:absolute;pointer-events:none;z-index:1000;top:-50%;background:transparent url(/images/animations/entrance/GarshaEntranceAnimation.webp) 0 0 no-repeat;background-size:800%;animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite;-moz-animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite;-webkit-animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite}.DescartEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/DescartEntrancePortal.webp) 0 0 no-repeat;background-size:3400%;animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite;-moz-animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite;-webkit-animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite}.AzrealEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-15%;background:transparent url(/images/animations/entrance/AzrealEntrancePortal.webp) 0 0 no-repeat;background-size:3500%;animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-moz-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-webkit-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite}.JuwanEntrancePortal{height:140%;width:170%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/JuwanEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite;-moz-animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite;-webkit-animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite}.KingtolEntrancePortal{height:140%;width:140%;left:-5%;position:absolute;pointer-events:none;z-index:1000;top:-40%;background:transparent url(/images/animations/entrance/KingtolEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite;-moz-animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite;-webkit-animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite}.MoyEntrancePortal{height:250%;width:400%;left:-128%;position:absolute;pointer-events:none;z-index:1000;top:-144%;background:transparent url(/images/animations/entrance/MoyEntrancePortal.webp) 0 0 no-repeat;background-size:3000%;animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite;-moz-animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite;-webkit-animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite}.SumeraEntrancePortal{height:230%;width:170%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-100%;background:transparent url(/images/animations/entrance/SumeraEntrancePortal.webp) 0 0 no-repeat;background-size:4500%;animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite;-moz-animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite;-webkit-animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite}.SorkulEntrancePortal{height:140%;width:200%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-25%;background:transparent url(/images/animations/entrance/SorkulEntrancePortal.webp) 0 0 no-repeat;background-size:2700%;animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite;-moz-animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite;-webkit-animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite}.SylveonEntrancePortal{height:140%;width:210%;left:-47%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/SylveonEntrancePortal.webp) 0 0 no-repeat;background-size:4900%;animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite;-moz-animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite;-webkit-animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite}.SoakerEntrancePortal{height:95%;width:115%;left:-10%;position:absolute;pointer-events:none;z-index:1000;top:0;background:transparent url(/images/animations/entrance/SoakerEntrancePortal.webp) 0 0 no-repeat;background-size:6000%;animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite;-moz-animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite;-webkit-animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite}.BandaraEntrancePortal{height:140%;width:330%;left:-110%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/BandaraEntrancePortal.webp) 0 0 no-repeat;background-size:1700%;animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite;-moz-animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite;-webkit-animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite}.KaderEntrancePortal{height:140%;width:140%;left:-20%;top:-20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/KaderEntrancePortal.webp) 0 0 no-repeat;background-size:600%;animation:KaderEntrancePortalh .75s steps(6) infinite,KaderEntrancePortalv 3s steps(4) infinite}.QueenAzeliaEntrancePortal{height:120%;width:130%;left:-10%;top:-10%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/QueenAzeliaEntrancePortal.webp) 0 0 no-repeat;background-size:570%;animation:QueenAzeliaEntrancePortalh .75s steps(6) infinite,QueenAzeliaEntrancePortalv 3s steps(4) infinite}.DefenseDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;left:0;top:0;z-index:1000;background:transparent url(/images/animations/damage/DefenseDamageAnimation.webp) 0 0 no-repeat;background-size:1000%;animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite;-moz-animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite;-webkit-animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite}.DjinnDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;left:0;top:0;z-index:1000;background:transparent url(/images/symbols/djinn_symbol.webp) center center no-repeat;background-size:contain;filter:drop-shadow(0 0 14px rgba(217,70,239,.95)) drop-shadow(0 0 26px rgba(147,51,234,.7));animation:DjinnDamageSpin 1s ease-out forwards;-webkit-animation:DjinnDamageSpin 1s ease-out forwards}.FireBombDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/AtlasFireBombAnimation.webp) 0 0 no-repeat;background-size:800%;animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite;-moz-animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite;-webkit-animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite}.BlueLazerAnimation{height:100%;width:100%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/BlueLazerAnimation.webp) 0 0 no-repeat;animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite;-moz-animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite;-webkit-animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite}.BloodDamageAnimation{height:90%;width:155%;left:-20%;top:0;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/BloodDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite;-moz-animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite;-webkit-animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite}.AcidBombDamageAnimation{position:absolute;top:-155%;height:300%;width:300%;pointer-events:none;left:-150%;z-index:1000;background:transparent url(/images/animations/damage/AcidBombAnimation.webp) 0 0 no-repeat;background-size:650%;animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite;-moz-animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite;-webkit-animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite}.AcidDamageAnimation{position:absolute;height:83%;width:125%;left:-12%;pointer-events:none;top:11%;z-index:1000;background:transparent url(/images/animations/damage/AcidDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite;-moz-animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite;-webkit-animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite}.DestructionDamageAnimation{height:65%;width:100%;left:0;top:20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/DestructionDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite;-moz-animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite;-webkit-animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite}.DarkDamageImpactAnimation{height:115%;width:110%;top:-20%;position:absolute;z-index:1000;pointer-events:none;border-radius:20%;background:transparent url(/images/animations/damage/DarkDamageImpactAnimation.webp) 0 0 no-repeat;background-size:100%;animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite;-moz-animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite;-webkit-animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite}.LightDamageImpactAnimation{height:85%;width:150%;top:5%;border-radius:20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageImpactAnimation.webp) 0 0 no-repeat;background-size:500%;animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite;-moz-animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite;-webkit-animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite}.AnimatedFireAnimation{height:71%;width:146%;top:25%;left:-22%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/NewFireAnimated.webp) 0 0 no-repeat;background-size:100%;animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite;-moz-animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite;-webkit-animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite}.SweepDamageAnimation{height:64%;width:70%;top:10%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/SweepDamageAnimation.webp) 0 0 no-repeat;background-size:100%;animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite;-moz-animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite;-webkit-animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite}.FireballAnimation{height:26%;width:15%;top:0;right:0;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireballAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite;-moz-animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite;-webkit-animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite}.FireCometAnimation{height:100%;width:100%;top:0;right:0;position:fixed;pointer-events:none;transform:rotate(-18deg);z-index:1000;background:transparent url(/images/animations/damage/FireCometAnimation.webp) 0 0 no-repeat;background-size:400%;animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite;-moz-animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite;-webkit-animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite}.FireSprayAnimation{height:144%;width:263%;top:-143%;right:-78%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireSprayAnimation.webp) 0 0 no-repeat;background-size:400%;animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite;-moz-animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite;-webkit-animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite}.FireImpactAnimation{height:100%;width:100%;top:0%;left:0%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireImpactAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite;-moz-animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite;-webkit-animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite}.FireSplashAnimation{height:100%;width:150%;top:10%;left:-18%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireSplashAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite;-moz-animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite;-webkit-animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite}.FireShockwaveAnimation{height:100%;width:160%;top:10%;left:-18%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireShockWaveAnimation.webp) 0 0 no-repeat;background-size:300%;animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite;-moz-animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite;-webkit-animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite}.FireSweepAnimation{height:100%;width:150%;top:0%;left:-33%;position:absolute;pointer-events:none;transform:rotate(-50deg);z-index:1000;background:transparent url(/images/animations/damage/FireSweepAnimation.webp) 0 0 no-repeat;background-size:300%;animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite;-moz-animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite;-webkit-animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite}.SoakerAbilityDamageAnimation{height:25%;width:8%;transform:rotate(45deg);border-top-left-radius:100%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/soakerabilitydamageanimation.webp) 0 0 no-repeat;background-size:800%;animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite;-moz-animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite;-webkit-animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite}.HarendulAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/HarendulAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite;-moz-animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite;-webkit-animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite}.SoveliaAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/SoveliaAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite;-moz-animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite;-webkit-animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite}.SorkulAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/SorkulAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite;-moz-animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite;-webkit-animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite}.JuwanAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/JuwanAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite;-moz-animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite;-webkit-animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite}.BijoveAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/BijoveAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite;-moz-animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite;-webkit-animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite}.MoyAttackAnimation{height:42%;width:20%;top:-25%;right:-14%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/MoyAttackAnimation.webp) 0 0 no-repeat;background-repeat:no-repeat;background-size:cover;transform:rotate(50deg)}.NistAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/NistAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite;-moz-animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite;-webkit-animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite}.LucidAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/LucidAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite;-moz-animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite;-webkit-animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite}.PicuousAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/PicuousAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite;-moz-animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite;-webkit-animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite}.MassDamageHollowAnimation{height:22%;width:10%;top:42%;right:45%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/MassDamageHollowAnimation.webp) 0 0 no-repeat;background-size:800%;animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite;-moz-animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite;-webkit-animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite}.LightDamageBurstAnimation{height:120%;width:142%;left:-19%;top:-12%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageBurstAnimation.webp) 0 0 no-repeat;background-size:3900%;animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite;-moz-animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite;-webkit-animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite}.LightDamageTimelineAnimation{height:202%;width:283%;left:-106%;top:-44%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite;-moz-animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite;-webkit-animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite}.pack-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;background:var(--flash-gradient)}.pack-title{letter-spacing:.05em}.pack-header-spacer{width:80px}.pack-stage{display:flex;flex-direction:column;align-items:center;gap:28px}.pack-cardback{--card-base-width: 208px;cursor:default;-webkit-user-select:none;user-select:none;width:247px;height:403px;background-size:cover;background-position:center;border-radius:14px;box-shadow:0 24px 70px #000000d9,0 0 50px #49c7fa1f;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.pack-cardback.idle{cursor:pointer}.pack-cardback-label{background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:10px 20px;border:1px solid rgba(255,255,255,.1);text-align:center}.pack-cardback-name{color:#ffffff8c;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:3px}.pack-cardback-count{color:#ffffff47;font-size:9px}.pack-hint-text{color:#ffffff4d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pack-reveal-stage{display:flex;flex-direction:column;align-items:center;gap:36px}.pack-cards-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.pack-card-slot{--card-base-width: 208px;perspective:1000px;cursor:pointer}.pack-card-slot.flipped{cursor:default}.pack-rarity-label{text-align:center;margin-bottom:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;min-height:14px;color:var(--rarity-color, transparent);text-shadow:var(--rarity-text-shadow, none);transition:color .4s,text-shadow .4s}.pack-card-flip{width:260px;height:400px;position:relative;transform-style:preserve-3d;transform:rotateY(0);transition:transform .65s cubic-bezier(.4,0,.2,1)}.pack-card-flip.is-flipped{transform:rotateY(180deg)}.pack-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #000000bf;transition:box-shadow .2s}.pack-card-back.hovered{box-shadow:0 0 0 2px var(--rarity-border),var(--rarity-shadow)}.pack-cardback-img{width:100%;height:100%;object-fit:cover;display:block}.pack-reveal-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#49c7fa14;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.pack-card-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #000000bf;border:1px solid rgba(255,255,255,.08);transition:box-shadow .25s,border-color .25s}.pack-card-front.hovered{box-shadow:var(--rarity-shadow);border-color:var(--rarity-border)}.pack-card-item{width:100%;height:100%;aspect-ratio:auto}.pack-controls{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.card-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:none;padding:16px}.card-detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.card-detail-content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:40px;max-height:92vh;max-width:95vw;overflow-y:auto}.card-detail-card-col{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.card-detail-hint{color:#ffffff47;font-size:11px;text-align:center}.card-detail-3d-wrapper{perspective:1400px;cursor:grab;width:17vw;height:50vh}.card-detail-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);position:relative;will-change:transform}.card-detail-edge-lr{position:absolute;top:0;width:10px;height:100%;backface-visibility:hidden}.card-detail-edge-left{left:0;background:linear-gradient(to right,#0d0905,#2a1c0b);transform:translate(-5px) rotateY(-90deg)}.card-detail-edge-right{right:0;background:linear-gradient(to left,#0d0905,#2a1c0b);transform:translate(5px) rotateY(90deg)}.card-detail-edge-tb{position:absolute;left:0;width:100%;height:10px;backface-visibility:hidden}.card-detail-edge-top{top:0;background:linear-gradient(to bottom,#0d0905,#2a1c0b);transform:translateY(-5px) rotateX(90deg)}.card-detail-edge-bottom{bottom:0;background:linear-gradient(to top,#0d0905,#2a1c0b);transform:translateY(5px) rotateX(-90deg)}.card-detail-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden}.card-detail-face-front{display:flex;align-items:center;justify-content:center;transform:translateZ(5px)}.card-detail-face-back{transform:rotateY(180deg) translateZ(5px);border-radius:12px}.card-detail-cardback-img{width:100%;height:100%;object-fit:cover;display:block}.card-detail-panel{width:20vw;max-width:100%;flex-shrink:0;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}.card-detail-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:#fff6;cursor:pointer}.card-detail-heading{font-family:Cinzel,serif;font-weight:800;font-size:1.1rem;margin:0;line-height:1.3}.card-detail-subtype{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.card-detail-stats-row{display:flex;gap:20px}.card-detail-stat{display:flex;flex-direction:column;align-items:center}.card-detail-stat-label{font-size:10px;text-transform:uppercase;color:#ffffff59;letter-spacing:.1em}.card-detail-stat-value{font-weight:800;font-size:1.3rem}.card-detail-stat-value--cost{color:var(--blue-glow)}.card-detail-stat-value--attack{color:#f4b0b0}.card-detail-stat-value--health{color:#baf2cd}.card-detail-divider{border-top:1px solid rgba(255,255,255,.1)}.card-detail-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:6px}.card-detail-description{color:#fff;font-size:.85rem;line-height:1.6;margin:0}.card-detail-flavor{color:#ffffff61;font-size:.75rem;font-style:italic;line-height:1.6;margin:0}.card-detail-audio-row{display:flex;flex-wrap:wrap;gap:8px}.card-detail-cta-wrap{margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.card-detail-cta-btn{width:100%}:root{font-family:supernatural_knight,Cinzel,serif;line-height:1.5;font-weight:400;color-scheme:dark;--blue-glow: #49C7FA;--blue-mid: #0576BA;--blue-deep: #03335A;--silver-light: #D1E6ED;--silver-mid: #8FA3B0;--silver-dark: #3A4B56;--bg-dark: var(--blue-deep);--bg-deep: #022a49;--bg-panel: rgba(58, 75, 86, .45);--bg-glass: rgba(58, 75, 86, .25);--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");--border-glass: rgba(209, 230, 237, .12);--border-glow: rgba(73, 199, 250, .45);--text-main: var(--silver-light);--text-muted: var(--silver-mid);--color-keyword: #2ECFBA;--color-stat-health: #FF3355;--color-stat-attack: #F0E020;--color-stat-mana: #C8DEFF;--color-wizard: #49C7FA;--color-human: #A8B8C8;--color-dwarf: #C47B3A;--color-elf: #D4A83A;--color-goblin: #4DC44A;--color-undead: #C23A3A;--color-seer: #9B5CF6;--color-djinn: #FFB020;--color-neutral: #8FA3B0;--text-border-color-wizard: #030D18;--text-border-color-human: #080C10;--text-border-color-dwarf: #140600;--text-border-color-elf: #120C00;--text-border-color-goblin: #030F03;--text-border-color-undead: #140202;--text-border-color-seer: #080010;--text-border-color-djinn: #1A0E00;--text-border-color-neutral: #080A0C;--card-base-width: clamp(140px, 35vmin, 260px);--card-base-height: clamp(210px, 54vmin, 400px);--card-hand-width: clamp(90px, 22vmin, 160px);--card-hand-height: clamp(135px, 34vmin, 240px);--card-slot-width: clamp(80px, 14vmin, 160px);--card-slot-height: clamp(115px, 20vmin, 230px);--card-back-width: clamp(60px, 10vmin, 100px);--card-back-height: clamp(84px, 14vmin, 140px);--hero-portrait-width: clamp(120px, 18vmin, 256px);--board-gap: clamp(12px, 2vmin, 24px);--hand-overlap: clamp(-70px, -8vmin, -50px);--touch-target-min: 44px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(at 0% 0%,rgba(73,199,250,.18) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(5,118,186,.22) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(73,199,250,.12) 0px,transparent 60%);background-blend-mode:normal,normal,normal,overlay;color:var(--text-main);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (orientation: portrait){body.force-landscape-lock #root,body.force-landscape-lock .card-detail-overlay{position:fixed;top:0;left:0;width:100vh;width:100dvh;height:100vw;height:100dvw;transform:rotate(90deg);transform-origin:top left;margin-top:0;margin-left:100vw;margin-left:100dvw;overflow:hidden}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#d1e6ed26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1e6ed4d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-col-reverse{flex-direction:column-reverse}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.h-\[50vh\]{height:50vh}.max-h-\[50vh\]{max-height:50vh}.max-w-\[65\%\]{max-width:65%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.safe-p-4{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:block{display:block}.sm\:hidden{display:none}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:h-\[75vh\]{height:75vh}.lg\:max-h-\[60vh\]{max-height:60vh}.lg\:flex-row{flex-direction:row}.lg\:block{display:block}.lg\:hidden{display:none}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:block{display:block}.xl\:hidden{display:none}}@media (min-width: 1536px){.xxl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xxl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xxl\:block{display:block}.xxl\:hidden{display:none}}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1_5{padding-top:.375rem;padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.p-responsive{padding:clamp(.75rem,3vmin,1.5rem)}.px-responsive{padding-left:clamp(.75rem,3vmin,1.5rem);padding-right:clamp(.75rem,3vmin,1.5rem)}.py-responsive{padding-top:clamp(.75rem,3vmin,1.5rem);padding-bottom:clamp(.75rem,3vmin,1.5rem)}.gap-responsive{gap:clamp(1rem,4vmin,3rem)}.logo-responsive{width:clamp(180px,55vmin,500px);height:auto;max-width:100%}.min-h-screen{min-height:100vh;min-height:100dvh}.w-full{width:100%}.h-full{height:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}.max-w-sixfive{max-width:65%}.h-20{height:5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.h-24{height:6rem}.w-8{width:2rem}.h-8{height:2rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-2_5{width:.625rem}.h-2_5{height:.625rem}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-1{top:.25rem}.right-1{right:.25rem}.top-4{top:1rem}.left-4{left:1rem}.bottom-4{bottom:1rem}.right-4{right:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-neg1{z-index:-1}.z-\[-2\]{z-index:-2}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.z-\[250\]{z-index:250}.z-\[99998\]{z-index:99998}.z-\[99999\]{z-index:99999}.z-\[100000\]{z-index:100000}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border-b{border-bottom:1px solid}.border-y{border-top:1px solid;border-bottom:1px solid}.border-t-2{border-top-width:2px}.border-white-5{border-color:#ffffff0d}.border-white-10{border-color:#ffffff1a}.border-white-20{border-color:#fff3}.border-blue-glow{border-color:var(--blue-glow)}.text-blue-glow{color:var(--blue-glow)}.text-silver-light{color:var(--silver-light)}.bg-blue-glow-20{background-color:#49c7fa33}.bg-blue-deep-10{background-color:#03335a1a}.bg-blue-mid-10{background-color:#0576ba1a}.bg-blue-deep-40{background-color:#03335a66}.bg-blue-deep-20{background-color:#03335a33}.bg-blue-mid{background-color:var(--blue-mid)}.bg-blue-deep{background-color:var(--blue-deep)}.shadow-glow-blue{box-shadow:0 0 15px #49c7fa4d}.shadow-glow-blue-strong{box-shadow:0 0 20px #49c7fa59}.bg-glow-gradient{background:linear-gradient(to right,#49c7fa4d,#d1e6ed4d)}.border-silver-light{border-color:var(--silver-light)}.border-blue-glow-50{border-color:#49c7fa80}.border-silver-light-50{border-color:#d1e6ed80}.hover-bg-blue-glow-50:hover{background-color:#49c7fa80}.hover-glow-blue:hover{border-color:#49c7fa80;box-shadow:0 0 25px #49c7fa26}.hover-glow-silver:hover{border-color:#d1e6ed80;box-shadow:0 0 25px #d1e6ed26}.bg-transparent{background-color:transparent}.bg-white-5{background-color:#ffffff0d}.bg-white-10{background-color:#ffffff1a}.opacity-30{opacity:.3}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.text-center{text-align:center}.text-left{text-align:left}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-cyan-400{color:var(--blue-glow)}.text-cyan-300{color:#93e7fd}.text-purple-400{color:var(--silver-light)}.text-amber-500{color:#f59e0b}.text-red-500{color:#ef4444}.text-emerald-400{color:#34d399}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-red-400{color:#f87171}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input,select{font-family:inherit;transition:border-color .2s}input:focus,select:focus{border-color:var(--blue-glow)}.glass-panel{background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(209,230,237,.06);border-top-color:#d1e6ed24;border-bottom-color:#00000073;border-radius:16px;box-shadow:0 12px 40px #0000008c,inset 0 1px #d1e6ed0f,inset 0 0 20px #00000073}.glass-card{background:var(--bg-noise),linear-gradient(135deg,#8fa3b040,#3a4b568c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(209,230,237,.05);border-top-color:#d1e6ed1a;border-radius:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 6px 16px #00000059,inset 0 1px #d1e6ed0d}.glass-card:hover{border-color:#d1e6ed2e;border-top-color:#d1e6ed47;transform:translateY(-4px);box-shadow:0 16px 32px #0009,inset 0 1px #d1e6ed1a,0 0 15px #d1e6ed2e}.title-fantasy{font-family:supernatural_knight,Cinzel,serif;letter-spacing:.04em;text-shadow:0 0 12px rgba(73,199,250,.25)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px #49c7fa40}50%{box-shadow:0 0 25px #49c7fa8c}to{box-shadow:0 0 15px #49c7fa40}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.floating-crystal{animation:float 6s ease-in-out infinite}.glowing-box{animation:pulse-glow 3s infinite alternate}.btn-premium{position:relative;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E"),linear-gradient(135deg,#03335a,#02233d);border:1.5px solid var(--silver-mid);color:var(--silver-light);text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(73,199,250,.45);padding:12px 24px;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #00000080,inset 0 1px 2px #d1e6ed1f,0 0 8px #49c7fa40;font-family:supernatural_knight,Cinzel,serif;letter-spacing:.05em}.btn-premium:hover{border-color:var(--silver-light);color:#fff;box-shadow:0 6px 20px #000000a6,0 0 20px #49c7fa80,inset 0 1px 2px #d1e6ed33;transform:translateY(-2px) scale(1.02)}.btn-premium:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 10px #0009}.btn-simple{position:relative;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#0576ba40,#03335a73);border:1px solid rgba(209,230,237,.14);color:var(--text-main);padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .25s ease;font-family:supernatural_knight,Cinzel,serif;box-shadow:0 2px 8px #00000059,inset 0 1px #d1e6ed0d}.btn-simple:hover{border-color:#49c7faa6;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#0576ba66,#03335a99);box-shadow:0 4px 12px #00000080,0 0 8px #49c7fa59}.btn-simple:active{transform:scale(.97)}.game-log-tab{flex:1 1 0%;padding:4px 6px;font-size:9px;letter-spacing:.08em;border-radius:5px}.game-log-tab.active{border-color:#49c7faa6;color:#7fd8ff;box-shadow:0 2px 8px #00000059,0 0 8px #49c7fa66,inset 0 1px #d1e6ed0d}.dropdown-simple{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#0576ba40,#03335a73);border:1px solid rgba(209,230,237,.14);color:var(--text-main);padding:8px 16px;font-size:.9rem;font-weight:500;border-radius:6px;cursor:pointer;outline:none;transition:all .2s ease;font-family:supernatural_knight,Cinzel,serif;box-shadow:0 2px 8px #00000059}.dropdown-simple:hover,.dropdown-simple:focus{border-color:#49c7faa6;box-shadow:0 0 10px #49c7fa4d}.dropdown-simple option{background-color:var(--blue-deep);color:var(--text-main)}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.h-screen{height:100vh}.filter{filter:var(--tw-filter, none)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.dropdown-option{padding:8px 12px;cursor:pointer;font-size:.9rem;color:var(--text-main);transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.dropdown-option:hover{background-color:#49c7fa2e;color:var(--blue-glow)}.dropdown-option.active{background-color:#0576ba73;color:var(--silver-light);font-weight:700}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hub-logo{width:20rem;height:auto;max-width:90%}.hub-panel{padding:clamp(.5rem,2.5vmin,1.25rem);border-radius:clamp(8px,1.5vmin,16px)}.hub-title{font-size:clamp(1rem,4vmin,1.5rem)}.hub-body{font-size:clamp(.7rem,2.2vmin,.875rem)}.hub-label{font-size:clamp(.55rem,1.5vmin,.625rem)}.hub-btn{padding:clamp(6px,1.5vmin,12px) clamp(12px,3vmin,24px);font-size:clamp(.8rem,2.5vmin,1.1rem)}.hub-difficulty-btn{padding:clamp(3px,1vmin,8px) clamp(6px,2vmin,14px);font-size:clamp(.65rem,2vmin,.85rem)}.hub-dropdown{padding:clamp(4px,1.2vmin,8px) clamp(8px,2vmin,16px);font-size:clamp(.7rem,2vmin,.9rem)}.hub-gap{gap:clamp(.5rem,2vmin,1.5rem)}.hub-inner-gap{gap:clamp(.25rem,1.2vmin,.75rem)}@media (max-height: 520px) and (orientation: landscape){html{font-size:10px}.logo-responsive{width:clamp(100px,22vmin,180px)}.p-responsive{padding:.5rem}.px-responsive{padding-left:.5rem;padding-right:.5rem}.py-responsive{padding-top:.5rem;padding-bottom:.5rem}.gap-responsive{gap:.5rem}}@media (max-width: 380px) and (orientation: portrait){html{font-size:11px}.logo-responsive{width:clamp(160px,60vmin,280px)}}@media (min-width: 640px) and (max-width: 1023px){html{font-size:13px}}@media (max-width: 639px) and (orientation: portrait){html{font-size:11px}}@-webkit-keyframes pulse{to{box-shadow:0 0 0 45px #e84c3d00}}@-moz-keyframes pulse{to{box-shadow:0 0 0 45px #e84c3d00}}@-ms-keyframes pulse{to{box-shadow:0 0 0 45px #e84c3d00}}@keyframes pulse{to{box-shadow:0 0 0 45px #e84c3d00}}@keyframes shake{10%,90%{transform:translate3d(-4px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-12px,0,0)}40%,60%{transform:translate3d(12px,0,0)}}.emptyplayerDeckVideo{border-radius:100%;height:50%;width:12%;left:80%;top:50%;position:fixed;-webkit-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-moz-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-o-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-ms-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);transform:rotateX(34deg) rotateY(10deg) rotate(-6deg)}.emptyopponentDeckVideo{border-radius:100%;height:50%;width:12%;left:82%;top:-107%;position:fixed;-webkit-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-moz-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-o-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);-ms-transform:rotateX(34deg) rotateY(10deg) rotateZ(-6deg);transform:rotateX(34deg) rotateY(10deg) rotate(-6deg)}.Firework1Animated{height:40%;width:25%;top:3%;left:14%;z-index:2000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework1Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite;-moz-animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite;-webkit-animation:Firework1Animatedv 3s steps(1) infinite,Firework1Animatedh 3s steps(26) infinite}@keyframes Firework1Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-moz-keyframes Firework1Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-webkit-keyframes Firework1Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@keyframes Firework1Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-moz-keyframes Firework1Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-webkit-keyframes Firework1Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}.Firework2Animated{height:44%;width:25%;top:3%;left:59%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework2Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite;-moz-animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite;-webkit-animation:Firework2Animatedv 3s steps(1) infinite,Firework2Animatedh 3s steps(26) infinite}@keyframes Firework2Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-moz-keyframes Firework2Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-webkit-keyframes Firework2Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@keyframes Firework2Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-moz-keyframes Firework2Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-webkit-keyframes Firework2Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}.Firework3Animated{height:51%;width:25%;top:47%;left:47%;z-index:100;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework3Animation.webp) 0 0 no-repeat;background-size:3400%;animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite;-moz-animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite;-webkit-animation:Firework3Animatedv 3s steps(1) infinite,Firework3Animatedh 3s steps(35) infinite}@keyframes Firework3Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-moz-keyframes Firework3Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-webkit-keyframes Firework3Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@keyframes Firework3Animatedh{0%{background-position-x:0px}to{background-position-x:106%}}@-moz-keyframes Firework3Animatedh{0%{background-position-x:0px}to{background-position-x:106%}}@-webkit-keyframes Firework3Animatedh{0%{background-position-x:0px}to{background-position-x:106%}}.Firework4Animated{height:44%;width:25%;top:47%;left:14%;z-index:2000;position:fixed;pointer-events:none;background:transparent url(/images/animations/game/Firework4Animation.webp) 0 0 no-repeat;background-size:2600%;animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite;-moz-animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite;-webkit-animation:Firework4Animatedv 3s steps(1) infinite,Firework4Animatedh 3s steps(26) infinite}@keyframes Firework4Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-moz-keyframes Firework4Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@-webkit-keyframes Firework4Animatedv{0%{background-position-y:0px}to{background-position-y:134%}}@keyframes Firework4Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-moz-keyframes Firework4Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}@-webkit-keyframes Firework4Animatedh{0%{background-position-x:0px}to{background-position-x:104%}}.PathofLightTimelineAnimated{height:100vh;top:-300%;width:211%;left:-80%;z-index:2000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/PathofLightAnimation.webp) 0 0 no-repeat;background-size:1600%;animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite;-moz-animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite;-webkit-animation:PathofLightTimelineAnimatedv 1.2s steps(2) infinite,PathofLightTimelineAnimatedh .6s steps(16) infinite}@keyframes PathofLightTimelineAnimatedv{0%{background-position-y:0px}to{background-position-y:162%}}@-moz-keyframes PathofLightTimelineAnimatedv{0%{background-position-y:0px}to{background-position-y:162%}}@-webkit-keyframes PathofLightTimelineAnimatedv{0%{background-position-y:0px}to{background-position-y:162%}}@keyframes PathofLightTimelineAnimatedh{0%{background-position-x:0px}to{background-position-x:106.7%}}@-moz-keyframes PathofLightTimelineAnimatedh{0%{background-position-x:0px}to{background-position-x:106.7%}}@-webkit-keyframes PathofLightTimelineAnimatedh{0%{background-position-x:0px}to{background-position-x:106.7%}}.Explosion1Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion1Animation.webp) 0 0 no-repeat;background-size:4000%;animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite;-moz-animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite;-webkit-animation:Explosion1Animationv 2s steps(1) infinite,Explosion1Animationh 2s steps(40) infinite}@keyframes Explosion1Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-moz-keyframes Explosion1Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-webkit-keyframes Explosion1Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@keyframes Explosion1Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-moz-keyframes Explosion1Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-webkit-keyframes Explosion1Animationh{0%{background-position-x:0px}to{background-position-x:103%}}.Explosion2Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion2Animation.webp) 0 0 no-repeat;background-size:5000%;animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite;-moz-animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite;-webkit-animation:Explosion2Animationv 2s steps(1) infinite,Explosion2Animationh 2s steps(40) infinite}@keyframes Explosion2Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-moz-keyframes Explosion2Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-webkit-keyframes Explosion2Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@keyframes Explosion2Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-moz-keyframes Explosion2Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-webkit-keyframes Explosion2Animationh{0%{background-position-x:0px}to{background-position-x:103%}}.Explosion3Animated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion3Animation.webp) 0 0 no-repeat;background-size:3600%;animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite;-moz-animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite;-webkit-animation:Explosion3Animationv 2s steps(1) infinite,Explosion3Animationh 2s steps(36) infinite}@keyframes Explosion3Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-moz-keyframes Explosion3Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-webkit-keyframes Explosion3Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@keyframes Explosion3Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-moz-keyframes Explosion3Animationh{0%{background-position-x:0px}to{background-position-x:103%}}@-webkit-keyframes Explosion3Animationh{0%{background-position-x:0px}to{background-position-x:103%}}.Explosion4Animated{height:100%;width:130%;left:-25%;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/Explosion4Animation.webp) 0 0 no-repeat;background-size:3900%;animation:Explosion4Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite;-moz-animation:Explosion3Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite;-webkit-animation:Explosion3Animationv 2s steps(1) infinite,Explosion4Animationh 2s steps(39) infinite}@keyframes Explosion4Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-moz-keyframes Explosion4Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@-webkit-keyframes Explosion4Animationv{0%{background-position-y:0px}to{background-position-y:115%}}@keyframes Explosion4Animationh{0%{background-position-x:0px}to{background-position-x:108%}}@-moz-keyframes Explosion4Animationh{0%{background-position-x:0px}to{background-position-x:108%}}@-webkit-keyframes Explosion4Animationh{0%{background-position-x:0px}to{background-position-x:108%}}.ReplaceAnimated{height:85%;width:160%;left:-27%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/ReplaceAnimation.webp) 0 0 no-repeat;background-size:500%;animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite;-moz-animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite;-webkit-animation:ReplaceAnimationv 3s steps(4) infinite,ReplaceAnimationh .6s steps(5) infinite}@keyframes ReplaceAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes ReplaceAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes ReplaceAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes ReplaceAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes ReplaceAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes ReplaceAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.ReturnAnimated{height:89%;width:160%;left:-27%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/PurpleOozeAnimation.webp) 60% 60% no-repeat;background-size:300%;animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite;-moz-animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite;-webkit-animation:ReturnAnimatedv 2s steps(4) infinite,ReturnAnimatedh .5s steps(3) infinite}@keyframes ReturnAnimatedv{0%{background-position-y:0px}to{background-position-y:141%}}@-moz-keyframes ReturnAnimatedv{0%{background-position-y:0px}to{background-position-y:141%}}@-webkit-keyframes ReturnAnimatedv{0%{background-position-y:0px}to{background-position-y:141%}}@keyframes ReturnAnimatedh{0%{background-position-x:0px}to{background-position-x:150%}}@-moz-keyframes ReturnAnimatedh{0%{background-position-x:0px}to{background-position-x:150%}}@-webkit-keyframes ReturnAnimatedh{0%{background-position-x:0px}to{background-position-x:150%}}.ChosenAnimated{height:126%;width:220%;left:-52%;top:-17%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/ChosenStarFieldAnimation.webp) 0 0 no-repeat;background-size:800%;animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite;-moz-animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite;-webkit-animation:ChosenAnimatedv 2s steps(4) infinite,ChosenAnimatedh .5s steps(8) infinite}@keyframes ChosenAnimatedv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes ChosenAnimatedv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes ChosenAnimatedv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes ChosenAnimatedh{0%{background-position-x:0px}to{background-position-x:120%}}@-moz-keyframes ChosenAnimatedh{0%{background-position-x:0px}to{background-position-x:120%}}@-webkit-keyframes ChosenAnimatedh{0%{background-position-x:0px}to{background-position-x:120%}}.CreatureReturnBurstAnimated{height:133%;width:160%;left:-5%;top:-26%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/CreatureReturnBurstAnimation.webp) 0 0 no-repeat;background-size:3300%;animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite;-moz-animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite;-webkit-animation:CreatureReturnBurstAnimatedv 3s steps(1) infinite,CreatureReturnBurstAnimatedh 3s steps(33) infinite}@keyframes CreatureReturnBurstAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@-moz-keyframes CreatureReturnBurstAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@-webkit-keyframes CreatureReturnBurstAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@keyframes CreatureReturnBurstAnimatedh{0%{background-position-x:0px}to{background-position-x:207%}}@-moz-keyframes CreatureReturnBurstAnimatedh{0%{background-position-x:0px}to{background-position-x:207%}}@-webkit-keyframes CreatureReturnBurstAnimatedh{0%{background-position-x:0px}to{background-position-x:207%}}.BanishAnimated{height:100%;width:100%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/BanishAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite;-moz-animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite;-webkit-animation:BanishAnimationv 3s steps(4) infinite,BanishAnimationh .6s steps(5) infinite}@keyframes BanishAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-moz-keyframes BanishAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-webkit-keyframes BanishAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@keyframes BanishAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes BanishAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes BanishAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.sacrificeBodyAnimated{height:60%;width:56%;left:20%;top:10%;z-index:1000;pointer-events:none;position:fixed;background:transparent url(/images/animations/ability/sacrificeBodyAnimation.webp) 0 0 no-repeat;background-size:500%;animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite;-moz-animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite;-webkit-animation:sacrificeBodyAnimationv 3s steps(4) infinite,sacrificeBodyAnimationh .6s steps(5) infinite}@keyframes sacrificeBodyAnimationv{0%{background-position-y:0px}to{background-position-y:258%}}@-moz-keyframes sacrificeBodyAnimationv{0%{background-position-y:0px}to{background-position-y:258%}}@-webkit-keyframes sacrificeBodyAnimationv{0%{background-position-y:0px}to{background-position-y:258%}}@keyframes sacrificeBodyAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes sacrificeBodyAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes sacrificeBodyAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.HealAnimation{height:180%;width:230%;left:-44%;top:-81%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/HealAnimation.webp) 0 0 no-repeat;background-size:100%;animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite;-moz-animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite;-webkit-animation:HealAnimationv 2s steps(13) infinite,HealAnimationh .5s steps(1) infinite}@keyframes HealAnimationv{0%{background-position-y:0px}to{background-position-y:220%}}@-moz-keyframes HealAnimationv{0%{background-position-y:0px}to{background-position-y:220%}}@-webkit-keyframes HealAnimationv{0%{background-position-y:0px}to{background-position-y:220%}}@keyframes HealAnimationh{0%{background-position-x:0px}to{background-position-x:-354px}}@-moz-keyframes HealAnimationh{0%{background-position-x:0px}to{background-position-x:-354px}}@-webkit-keyframes HealAnimationh{0%{background-position-x:0px}to{background-position-x:-354px}}.EruptionAnimation{height:100%;width:100%;left:0%;top:0%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/EruptionExplosionAnimation.webp) 0 0 no-repeat;background-size:1600%;animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite;-moz-animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite;-webkit-animation:EruptionAnimationv 3s steps(5) infinite,EruptionAnimationh .6s steps(16) infinite}@keyframes EruptionAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-moz-keyframes EruptionAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-webkit-keyframes EruptionAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@keyframes EruptionAnimationh{0%{background-position-x:0px}to{background-position-x:106.8%}}@-moz-keyframes EruptionAnimationh{0%{background-position-x:0px}to{background-position-x:106.8%}}@-webkit-keyframes EruptionAnimationh{0%{background-position-x:0px}to{background-position-x:106.8%}}.HeroTimerTimelineAnimation{height:49%;width:29%;left:36%;top:-1%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/TimerAnimation.webp) 0 0 no-repeat;background-size:800%;animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite;-moz-animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite;-webkit-animation:HeroTimerTimelineAnimationv 2s steps(4) infinite,HeroTimerTimelineAnimationh .5s steps(8) infinite}@keyframes HeroTimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-moz-keyframes HeroTimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-webkit-keyframes HeroTimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@keyframes HeroTimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-moz-keyframes HeroTimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-webkit-keyframes HeroTimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}.TimerTimelineAnimation{height:25%;width:13%;left:45%;top:35%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/TimerAnimation.webp) 0 0 no-repeat;background-size:800%;animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite;-moz-animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite;-webkit-animation:TimerTimelineAnimationv 2s steps(4) infinite,TimerTimelineAnimationh .5s steps(8) infinite}@keyframes TimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-moz-keyframes TimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-webkit-keyframes TimerTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@keyframes TimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-moz-keyframes TimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-webkit-keyframes TimerTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}.slotLockAnimation{height:126%;width:122%;top:-28%;left:-30%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/SlotLockAnimation.webp) 0 0 no-repeat;background-size:4400%;animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite;-moz-animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite;-webkit-animation:slotLockAnimationv 2s steps(1) infinite,slotLockAnimationh 2s steps(44) infinite}@keyframes slotLockAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@-moz-keyframes slotLockAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@-webkit-keyframes slotLockAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@keyframes slotLockAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}@-moz-keyframes slotLockAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}@-webkit-keyframes slotLockAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}.SmokeAnimation{height:90%;width:160%;left:-24%;top:5%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/SmokeAnimation.webp) 0 0 no-repeat;background-size:100%;animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite;-moz-animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite;-webkit-animation:SmokeAnimationv 2s steps(14) infinite,SmokeAnimationh .5s steps(1) infinite}@keyframes SmokeAnimationv{0%{background-position-y:0px}to{background-position-y:217%}}@-moz-keyframes SmokeAnimationv{0%{background-position-y:0px}to{background-position-y:217%}}@-webkit-keyframes SmokeAnimationv{0%{background-position-y:0px}to{background-position-y:217%}}@keyframes SmokeAnimationh{0%{background-position-x:0px}to{background-position-x:-676px}}@-moz-keyframes SmokeAnimationh{0%{background-position-x:0px}to{background-position-x:-676px}}@-webkit-keyframes SmokeAnimationh{0%{background-position-x:0px}to{background-position-x:-676px}}.NewSwitchAnimated{height:95%;width:147%;left:-27%;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/NewSwitchAnimation.webp) 0 0 no-repeat;background-size:400%;animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite;-moz-animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite;-webkit-animation:NewSwitchAnimationv 2s steps(3) infinite,NewSwitchAnimationh .5s steps(4) infinite}@keyframes NewSwitchAnimationv{0%{background-position-y:0px}to{background-position-y:160%}}@-moz-keyframes NewSwitchAnimationv{0%{background-position-y:0px}to{background-position-y:160%}}@-webkit-keyframes NewSwitchAnimationv{0%{background-position-y:0px}to{background-position-y:160%}}@keyframes NewSwitchAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}@-moz-keyframes NewSwitchAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}@-webkit-keyframes NewSwitchAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}.SilenceAnimated{height:129%;width:225%;left:-61%;top:-27%;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/SilenceAnimation.webp) 0 0 no-repeat;background-size:800%;animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite;-moz-animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite;-webkit-animation:SilenceAnimatedv 2s steps(4) infinite,SilenceAnimatedh .5s steps(8) infinite}@keyframes SilenceAnimatedv{0%{background-position-y:0px}to{background-position-y:126.6%}}@-moz-keyframes SilenceAnimatedv{0%{background-position-y:0px}to{background-position-y:126.6%}}@-webkit-keyframes SilenceAnimatedv{0%{background-position-y:0px}to{background-position-y:126.6%}}@keyframes SilenceAnimatedh{0%{background-position-x:0px}to{background-position-x:114.3%}}@-moz-keyframes SilenceAnimatedh{0%{background-position-x:0px}to{background-position-x:114.3%}}@-webkit-keyframes SilenceAnimatedh{0%{background-position-x:0px}to{background-position-x:114.3%}}.AttackDamageAnimation{height:110%;width:172%;left:-47%;top:-21%;z-index:10000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/AttackDamageStarTimelineAnimation.webp) 0 0 no-repeat;background-size:800%;animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite;-moz-animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite;-webkit-animation:AttackDamageAnimationv 1.5s steps(3) infinite,AttackDamageAnimationh .5s steps(8) infinite}@keyframes AttackDamageAnimationv{0%{background-position-y:0px}to{background-position-y:155%}}@-moz-keyframes AttackDamageAnimationv{0%{background-position-y:0px}to{background-position-y:155%}}@-webkit-keyframes AttackDamageAnimationv{0%{background-position-y:0px}to{background-position-y:155%}}@keyframes AttackDamageAnimationh{0%{background-position-x:0px}to{background-position-x:115%}}@-moz-keyframes AttackDamageAnimationh{0%{background-position-x:0px}to{background-position-x:115%}}@-webkit-keyframes AttackDamageAnimationh{0%{background-position-x:0px}to{background-position-x:115%}}.CreatureCastAnimation{width:26%;height:40%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/CreatureCastAnimation.webp) 0 0 no-repeat;background-size:1700%;animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite;-moz-animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite;-webkit-animation:CreatureCastAnimationv 1s steps(1) infinite,CreatureCastAnimationh 1s steps(17) infinite}@keyframes CreatureCastAnimationv{0%{background-position-y:0px}to{background-position-y:-97px}}@-moz-keyframes CreatureCastAnimationv{0%{background-position-y:0px}to{background-position-y:-97px}}@-webkit-keyframes CreatureCastAnimationv{0%{background-position-y:0px}to{background-position-y:-97px}}@keyframes CreatureCastAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-moz-keyframes CreatureCastAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-webkit-keyframes CreatureCastAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}.blueLandingAnimation{width:100%;height:10%;bottom:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/blueLanding.webp) 0 0 no-repeat;background-size:100%;animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite;-moz-animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite;-webkit-animation:blueLandingAnimationv 1s steps(7) infinite,blueLandingAnimationh 1s steps(1) infinite}@keyframes blueLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-moz-keyframes blueLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-webkit-keyframes blueLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@keyframes blueLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-moz-keyframes blueLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-webkit-keyframes blueLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}.redLandingAnimation{width:26%;height:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/redLanding.webp) 0 0 no-repeat;background-size:100%;animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite;-moz-animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite;-webkit-animation:redLandingAnimationv 1s steps(7) infinite,redLandingAnimationh 1s steps(1) infinite}@keyframes redLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-moz-keyframes redLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-webkit-keyframes redLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@keyframes redLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-moz-keyframes redLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-webkit-keyframes redLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}.greenLandingAnimation{width:26%;height:10%;z-index:99;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/greenLanding.webp) 0 0 no-repeat;background-size:100%;animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite;-moz-animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite;-webkit-animation:greenLandingAnimationv 1s steps(7) infinite,greenLandingAnimationh 1s steps(1) infinite}@keyframes greenLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-moz-keyframes greenLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@-webkit-keyframes greenLandingAnimationv{0%{background-position-y:0px}to{background-position-y:113%}}@keyframes greenLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-moz-keyframes greenLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}@-webkit-keyframes greenLandingAnimationh{0%{background-position-x:0px}to{background-position-x:212%}}.LifebloodAnimation{height:100%;width:100%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/LifebloodAnimation.webp) 0 0 no-repeat;background-size:600%;animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite;-moz-animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite;-webkit-animation:LifebloodAnimationv 2s steps(4) infinite,LifebloodAnimationh .5s steps(6) infinite}@keyframes LifebloodAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@-moz-keyframes LifebloodAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@-webkit-keyframes LifebloodAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@keyframes LifebloodAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}@-moz-keyframes LifebloodAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}@-webkit-keyframes LifebloodAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}.ConsumeAnimation{height:100%;width:130%;margin-left:-10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/consumeAnimated.webp) 0 0 no-repeat;background-size:300%;animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite;-moz-animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite;-webkit-animation:ConsumeAnimationv 2s steps(4) infinite,ConsumeAnimationh .5s steps(3) infinite}@keyframes ConsumeAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@-moz-keyframes ConsumeAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@-webkit-keyframes ConsumeAnimationv{0%{background-position-y:0px}to{background-position-y:150%}}@keyframes ConsumeAnimationh{0%{background-position-x:0px}to{background-position-x:153%}}@-moz-keyframes ConsumeAnimationh{0%{background-position-x:0px}to{background-position-x:153%}}@-webkit-keyframes ConsumeAnimationh{0%{background-position-x:0px}to{background-position-x:153%}}.SelfDamageAnimated{top:0;left:-10%;height:67%;width:125%;position:absolute;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/SelfDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite;-moz-animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite;-webkit-animation:SelfDamageAnimationv 2.5s steps(5) infinite,SelfDamageAnimationh .5s steps(5) infinite}@keyframes SelfDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes SelfDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes SelfDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes SelfDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes SelfDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes SelfDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.HeroGemBurstAnimation{height:193%;width:150%;left:-27%;position:absolute;z-index:1000;top:-69%;pointer-events:none;background:transparent url(/images/animations/entrance/HeroGemBurstAnimation.webp) 0 0 no-repeat;background-size:3400%;animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards;-moz-animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards;-webkit-animation:HeroGemBurstAnimationv 1.2s steps(1) forwards,HeroGemBurstAnimationh 1.2s steps(34) forwards}@keyframes HeroGemBurstAnimationv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes HeroGemBurstAnimationv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes HeroGemBurstAnimationv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes HeroGemBurstAnimationh{0%{background-position-x:0px}to{background-position-x:309%}}@-moz-keyframes HeroGemBurstAnimationh{0%{background-position-x:0px}to{background-position-x:309%}}@-webkit-keyframes HeroGemBurstAnimationh{0%{background-position-x:0px}to{background-position-x:309%}}.abilityAppendSpriteAnimation{height:13%;width:20%;z-index:1000;position:fixed;pointer-events:none;background:transparent url(/images/animations/ability/appendAbilityAnimationtest.webp);background-size:160%;background-repeat:no-repeat;animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite;-moz-animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite;-webkit-animation:abilityAppendSpriteAnimationv 1s steps(5) infinite,abilityAppendSpriteAnimationh 1s steps(1) infinite}@keyframes abilityAppendSpriteAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes abilityAppendSpriteAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes abilityAppendSpriteAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes abilityAppendSpriteAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}@-moz-keyframes abilityAppendSpriteAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}@-webkit-keyframes abilityAppendSpriteAnimationh{0%{background-position-x:0px}to{background-position-x:107%}}.RevengePlayAnimated{height:100%;width:100%;left:10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/RevengePlayAnimation.webp) 0 0 no-repeat;background-size:200%;animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite;-moz-animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite;-webkit-animation:RevengePAnimationv .6s steps(2) infinite,RevengePAnimationh .3s steps(2) infinite}@keyframes RevengePAnimationv{0%{background-position-y:0px}to{background-position-y:230%}}@-moz-keyframes RevengePAnimationv{0%{background-position-y:0px}to{background-position-y:230%}}@-webkit-keyframes RevengePAnimationv{0%{background-position-y:0px}to{background-position-y:230%}}@keyframes RevengePAnimationh{0%{background-position-x:0px}to{background-position-x:200%}}@-moz-keyframes RevengePAnimationh{0%{background-position-x:0px}to{background-position-x:200%}}@-webkit-keyframes RevengePAnimationh{0%{background-position-x:0px}to{background-position-x:200%}}.RewardCardAnimated{height:100%;width:100%;left:0;top:0;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/RewardCardAnimation.webp) 0 0 no-repeat;background-size:5900%;animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite;-moz-animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite;-webkit-animation:RewardCardAnimatedv 3s steps(1) infinite,RewardCardAnimatedh 3s steps(59) infinite}@keyframes RewardCardAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@-moz-keyframes RewardCardAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@-webkit-keyframes RewardCardAnimatedv{0%{background-position-y:0px}to{background-position-y:0}}@keyframes RewardCardAnimatedh{0%{background-position-x:0px}to{background-position-x:200%}}@-moz-keyframes RewardCardAnimatedh{0%{background-position-x:0px}to{background-position-x:200%}}@-webkit-keyframes RewardCardAnimatedh{0%{background-position-x:0px}to{background-position-x:200%}}.BloodvelopeAnimated{height:100%;width:100%;top:-5%;z-index:1000;position:absolute;pointer-events:none;transform:rotate(180deg);background:transparent url(/images/animations/ability/BloodvelopeAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite;-moz-animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite;-webkit-animation:BloodvelopeAnimationv 2s steps(4) infinite,BloodvelopeAnimationh .5s steps(5) infinite}@keyframes BloodvelopeAnimationv{0%{background-position-y:0px}to{background-position-y:125%}}@-moz-keyframes BloodvelopeAnimationv{0%{background-position-y:0px}to{background-position-y:125%}}@-webkit-keyframes BloodvelopeAnimationv{0%{background-position-y:0px}to{background-position-y:125%}}@keyframes BloodvelopeAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes BloodvelopeAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes BloodvelopeAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.LightningDamageAnimated{height:100%;width:300%;left:-100%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/game/LightningShowDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite;-moz-animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite;-webkit-animation:LightningDamageAnimatedv 2s steps(4) infinite,LightningDamageAnimatedh .5s steps(8) infinite}@keyframes LightningDamageAnimatedv{0%{background-position-y:0px}to{background-position-y:125%}}@-moz-keyframes LightningDamageAnimatedv{0%{background-position-y:0px}to{background-position-y:125%}}@-webkit-keyframes LightningDamageAnimatedv{0%{background-position-y:0px}to{background-position-y:125%}}@keyframes LightningDamageAnimatedh{0%{background-position-x:0px}to{background-position-x:101.5%}}@-moz-keyframes LightningDamageAnimatedh{0%{background-position-x:0px}to{background-position-x:101.5%}}@-webkit-keyframes LightningDamageAnimatedh{0%{background-position-x:0px}to{background-position-x:101.5%}}.RevengeDeathAnimated{height:100%;width:100%;left:10%;z-index:1000;position:absolute;pointer-events:none;background:transparent url(/images/animations/ability/RevengeDeathAnimation.webp) 0 0 no-repeat;background-size:300%;animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite;-moz-animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite;-webkit-animation:RevengeDAnimationv 1.5s steps(2) infinite,RevengeDAnimationh .5s steps(3) infinite}@keyframes RevengeDAnimationv{0%{background-position-y:0px}to{background-position-y:212%}}@-moz-keyframes RevengeDAnimationv{0%{background-position-y:0px}to{background-position-y:212%}}@-webkit-keyframes RevengeDAnimationv{0%{background-position-y:0px}to{background-position-y:212%}}@keyframes RevengeDAnimationh{0%{background-position-x:0px}to{background-position-x:150%}}@-moz-keyframes RevengeDAnimationh{0%{background-position-x:0px}to{background-position-x:150%}}@-webkit-keyframes RevengeDAnimationh{0%{background-position-x:0px}to{background-position-x:150%}}.FireAbilityDamageAnimated{height:100%;width:152%;left:-29%;position:absolute;top:10%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/FireAbilityDamageAnimated.webp) 0 0 no-repeat;background-size:800%;animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite;-moz-animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite;-webkit-animation:FireDamageAbilityAnimationv 2s steps(4) infinite,FireDamageAbilityAnimationh .5s steps(8) infinite}@keyframes FireDamageAbilityAnimationv{0%{background-position-y:0px}to{background-position-y:134%}}@-moz-keyframes FireDamageAbilityAnimationv{0%{background-position-y:0px}to{background-position-y:134%}}@-webkit-keyframes FireDamageAbilityAnimationv{0%{background-position-y:0px}to{background-position-y:134%}}@keyframes FireDamageAbilityAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}@-moz-keyframes FireDamageAbilityAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}@-webkit-keyframes FireDamageAbilityAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}.AttackBoostAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/attackBoostAnimation.webp) 0 0 no-repeat;background-size:200%;animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite;-moz-animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite;-webkit-animation:AttackBoostAnimatedv 1s steps(3) infinite,AttackBoostAnimatedvh .5s steps(2) infinite}@keyframes AttackBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-moz-keyframes AttackBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-webkit-keyframes AttackBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@keyframes AttackBoostAnimatedvh{0%{background-position-x:0px}to{background-position-x:203%}}@-moz-keyframes AttackBoostAnimatedvh{0%{background-position-x:0px}to{background-position-x:203%}}@-webkit-keyframes AttackBoostAnimatedvh{0%{background-position-x:0px}to{background-position-x:203%}}.HealthBoostAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/healthBoostAnimation.webp) 0 0 no-repeat;background-size:200%;animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite;-moz-animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite;-webkit-animation:HealthBoostAnimatedv 1s steps(3) infinite,HealthBoostAnimatedh .5s steps(2) infinite}@keyframes HealthBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-moz-keyframes HealthBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-webkit-keyframes HealthBoostAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@keyframes HealthBoostAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}@-moz-keyframes HealthBoostAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}@-webkit-keyframes HealthBoostAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}.StatDropAnimated{height:60%;width:176%;left:-29%;position:absolute;top:54%;z-index:1000;pointer-events:none;background:transparent url(/images/animations/ability/statDropAnimation.webp) 0 0 no-repeat;background-size:200%;animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite;-moz-animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite;-webkit-animation:StatDropAnimatedv 1s steps(3) infinite,StatDropAnimatedh .5s steps(2) infinite}@keyframes StatDropAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-moz-keyframes StatDropAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@-webkit-keyframes StatDropAnimatedv{0%{background-position-y:0px}to{background-position-y:336%}}@keyframes StatDropAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}@-moz-keyframes StatDropAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}@-webkit-keyframes StatDropAnimatedh{0%{background-position-x:0px}to{background-position-x:203%}}.SorkulEntranceAnimated{height:27%;width:13%;position:fixed;left:3%;top:0;pointer-events:none;background:transparent url(/images/animations/ability/SorkulEntranceAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite;-moz-animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite;-webkit-animation:SorkulAnimationv 2.5s steps(5) infinite,SorkulAnimationh .5s steps(5) infinite}@keyframes SorkulAnimationv{0%{background-position-y:0px}to{background-position-y:128%}}@-moz-keyframes SorkulAnimationv{0%{background-position-y:0px}to{background-position-y:128%}}@-webkit-keyframes SorkulAnimationv{0%{background-position-y:0px}to{background-position-y:128%}}@keyframes SorkulAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes SorkulAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes SorkulAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.flyAnimation{-webkit-animation:MoveUpDown 2s infinite linear;-moz-animation:MoveUpDown 2s infinite linear;-o-animation:MoveUpDown 2s infinite linear;animation:MoveUpDown 2s infinite linear}@keyframes MoveUpDown{0%{bottom:0;left:0}50%{bottom:40px;left:10px}to{bottom:0;left:0}}.flyUpAnimation{-webkit-animation:MoveOnlyUpDown 2s infinite linear;-moz-animation:MoveOnlyUpDown 2s infinite linear;-o-animation:MoveOnlyUpDown 2s infinite linear;animation:MoveOnlyUpDown 2s infinite linear}@keyframes MoveOnlyUpDown{0%{bottom:0}50%{bottom:10%}to{bottom:0}}.flyLightAnimation{-webkit-animation:MoveLightUpDown 2s infinite linear;-moz-animation:MoveLightUpDown 2s infinite linear;-o-animation:MoveLightUpDown 2s infinite linear;animation:MoveLightUpDown 2s infinite linear}@keyframes MoveLightUpDown{0%{bottom:0;left:0}50%{bottom:5px;left:3px}to{bottom:0;left:0}}.wobbleAnimation{-webkit-animation:WobbleIt 2s infinite linear;-moz-animation:WobbleIt 2s infinite linear;-o-animation:WobbleIt 2s infinite linear;animation:WobbleIt 2s infinite linear}@keyframes WobbleIt{0%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}.rotateAnimation{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.rotateFastAnimation{-webkit-animation:spin 1s infinite linear;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;animation:spin 1s infinite linear}.rotateFastestAnimation{-webkit-animation:spin .5s infinite linear;-moz-animation:spin .5s infinite linear;-o-animation:spin .5s infinite linear;animation:spin .5s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.OrbitAnimation{-webkit-animation:myOrbit 1s infinite linear;-moz-animation:myOrbit 1s infinite linear;-o-animation:myOrbit 1s infinite linear;animation:myOrbit 1s infinite linear}.circleslotAnimation{-webkit-animation:myOrbit 3s infinite linear;-moz-animation:myOrbit 3s infinite linear;-o-animation:myOrbit 3s infinite linear;animation:myOrbit 3s infinite linear}@-webkit-keyframes myOrbit{0%{-webkit-transform:rotate(0deg) translateX(50%) rotate(0deg)}to{-webkit-transform:rotate(360deg) translateX(50%) rotate(-360deg)}}@-moz-keyframes myOrbit{0%{-moz-transform:rotate(0deg) translateX(50%) rotate(0deg)}to{-moz-transform:rotate(360deg) translateX(50%) rotate(-360deg)}}@-o-keyframes myOrbit{0%{-o-transform:rotate(0deg) translateX(50%) rotate(0deg)}to{-o-transform:rotate(360deg) translateX(50%) rotate(-360deg)}}@keyframes myOrbit{0%{transform:rotate(0) translate(50%) rotate(0)}to{transform:rotate(360deg) translate(50%) rotate(-360deg)}}.TokenAnimation{-webkit-animation:swirl-in-br-bck .65s ease-out both;animation:swirl-in-br-bck .65s ease-out both}@-webkit-keyframes swirl-in-br-bck{0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:1}}@keyframes swirl-in-br-bck{0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:1}}.AppendAbilityAnimation{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.rotatePlayerCard{-webkit-animation:rotatePlayerCard .7s infinite linear;-moz-animation:rotatePlayerCard .7s infinite linear;-o-animation:rotatePlayerCard .7s infinite linear;animation:rotatePlayerCard .7s infinite linear}@keyframes rotatePlayerCard{0%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0)}50%{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0)}}.MainTurnLabelAnimation{-webkit-animation:tracking-in-contract-bck-bottom .8s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract-bck-bottom .8s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}.MainTurnLabelHideAnimation{-webkit-animation:tracking-out-expand-fwd-bottom .8s cubic-bezier(.55,.085,.68,.53) both;animation:tracking-out-expand-fwd-bottom .8s cubic-bezier(.55,.085,.68,.53) both}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.slideOutAnimation{-webkit-animation:slide-out-fwd-center .3s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-fwd-center .3s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes slide-out-fwd-center{0%{-webkit-transform:translateZ(1);transform:translateZ(1);opacity:1}to{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}}@keyframes slide-out-fwd-center{0%{-webkit-transform:translateZ(1);transform:translateZ(1);opacity:1}to{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}}.hideCardAnimation{-webkit-animation:roll-out-blurred-left .65s cubic-bezier(.755,.05,.855,.06) both;animation:roll-out-blurred-left .65s cubic-bezier(.755,.05,.855,.06) both}@-webkit-keyframes roll-out-blurred-left{0%{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translate(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}}@keyframes roll-out-blurred-left{0%{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translate(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}}.showcardAnimation{-webkit-animation:roll-in-blurred-left .65s cubic-bezier(.23,1,.32,1) both;animation:roll-in-blurred-left .65s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes roll-in-blurred-left{0%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translate(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes roll-in-blurred-left{0%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translate(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}.FatigueHideAnimation{-webkit-animation:tracking-out-expand-fwd-bottom .4s cubic-bezier(.55,.085,.68,.53) both;animation:tracking-out-expand-fwd-bottom .4s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes tracking-out-expand-fwd-bottom{0%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}60%{opacity:.8}to{letter-spacing:1em;-webkit-transform:translateZ(300px) translateY(200px);transform:translateZ(300px) translateY(200px);opacity:0}}@keyframes tracking-out-expand-fwd-bottom{0%{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}60%{opacity:.8}to{letter-spacing:1em;-webkit-transform:translateZ(300px) translateY(200px);transform:translateZ(300px) translateY(200px);opacity:0}}.FadeInAnimation{-webkit-animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-bck{0%{-webkit-transform:translateZ(80px);transform:translateZ(80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-bck{0%{-webkit-transform:translateZ(80px);transform:translateZ(80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fade-in-bl{0%{-webkit-transform:translateX(-50px) translateY(50px);transform:translate(-50px) translateY(50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@keyframes fade-in-bl{0%{-webkit-transform:translateX(-50px) translateY(50px);transform:translate(-50px) translateY(50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-br{0%{-webkit-transform:translateX(50px) translateY(50px);transform:translate(50px) translateY(50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@keyframes fade-in-br{0%{-webkit-transform:translateX(50px) translateY(50px);transform:translate(50px) translateY(50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes fade-in-tl{0%{-webkit-transform:translateX(-50px) translateY(-50px);transform:translate(-50px) translateY(-50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@keyframes fade-in-tl{0%{-webkit-transform:translateX(-50px) translateY(-50px);transform:translate(-50px) translateY(-50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-tr{0%{-webkit-transform:translateX(50px) translateY(-50px);transform:translate(50px) translateY(-50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}@keyframes fade-in-tr{0%{-webkit-transform:translateX(50px) translateY(-50px);transform:translate(50px) translateY(-50px);opacity:0}to{-webkit-transform:translateX(0) translateY(0);transform:translate(0) translateY(0);opacity:1}}.VibrateAnimation{-webkit-animation:vibrate-1 .3s linear infinite both;animation:vibrate-1 .3s linear infinite both}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.PuffExitAnimation{-webkit-animation:puff-out-top .9s cubic-bezier(.165,.84,.44,1) both;animation:puff-out-top .9s cubic-bezier(.165,.84,.44,1) both}@-webkit-keyframes puff-out-top{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(0px);filter:blur(0px);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(2px);filter:blur(2px);opacity:0}}@keyframes puff-out-top{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(0px);filter:blur(0px);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(2px);filter:blur(2px);opacity:0}}.HoverSlotCardAnimation{-webkit-animation:text-pop-up-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:text-pop-up-top .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #cccccc,0 2px 0 #cccccc,0 3px 0 #cccccc,0 4px 0 #cccccc,0 5px 0 #cccccc,0 6px 0 #cccccc,0 7px 0 #cccccc,0 8px 0 #cccccc,0 9px 0 #cccccc,0 50px 30px rgba(0,0,0,.3)}}@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #cccccc,0 2px 0 #cccccc,0 3px 0 #cccccc,0 4px 0 #cccccc,0 5px 0 #cccccc,0 6px 0 #cccccc,0 7px 0 #cccccc,0 8px 0 #cccccc,0 9px 0 #cccccc,0 50px 30px rgba(0,0,0,.3)}}.PlayCostFlipAnimated{-webkit-animation:flip-scale-up-ver .5s linear both;animation:flip-scale-up-ver .5s linear both}@-webkit-keyframes flip-scale-up-ver{0%{-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0)}50%{-webkit-transform:scale(2.5) rotateY(90deg);transform:scale(2.5) rotateY(90deg)}to{-webkit-transform:scale(1) rotateY(180deg);transform:scale(1) rotateY(180deg)}}@keyframes flip-scale-up-ver{0%{-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0)}50%{-webkit-transform:scale(2.5) rotateY(90deg);transform:scale(2.5) rotateY(90deg)}to{-webkit-transform:scale(1) rotateY(180deg);transform:scale(1) rotateY(180deg)}}.ImmuneAddAnimation{-webkit-animation:rotate-diagonal-tr .4s linear both;animation:rotate-diagonal-tr .4s linear both}@-webkit-keyframes rotate-diagonal-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}50%{-webkit-transform:rotate3d(1,1,0,-180deg);transform:rotate3d(1,1,0,-180deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:rotate3d(1,1,0,-360deg);transform:rotate3d(1,1,0,-360deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}@keyframes rotate-diagonal-tr{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}50%{-webkit-transform:rotate3d(1,1,0,-180deg);transform:rotate3d(1,1,0,-180deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:rotate3d(1,1,0,-360deg);transform:rotate3d(1,1,0,-360deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}.creature-immune{position:relative}.creature-immune:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:12px;background:#49c7fa33;border:2px solid rgba(73,199,250,.65);box-shadow:0 0 16px #49c7fa73,0 0 32px #49c7fa40,inset 0 0 16px #49c7fa59;animation:immune-pulse 1.8s ease-in-out infinite;pointer-events:none;z-index:5}.hero-immune{position:relative}.hero-immune:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#49c7fa33;border:2px solid rgba(73,199,250,.65);box-shadow:0 0 16px #49c7fa73,0 0 32px #49c7fa40,inset 0 0 16px #49c7fa59;animation:immune-pulse 1.8s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes immune-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.95;transform:scale(1.01)}}.creature-affixed{position:relative}.creature-affixed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:12px;background:#fbbf2429;border:2px solid rgba(251,191,36,.75);box-shadow:0 0 14px #fbbf2473,0 0 28px #d9770640,inset 0 0 14px #fbbf244d;animation:affixed-pulse 2s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes affixed-pulse{0%,to{opacity:.55;transform:scale(1);border-color:#fbbf24a6}50%{opacity:.9;transform:scale(1.01);border-color:#fbbf24f2}}.heroTargetingSlide{-webkit-animation:slide-in-blurred-left .5s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-left .5s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translate(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-left{0%{-webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform:translate(-1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.HoverCardEntranceAnimation{-webkit-animation:slide-in-blurred-right .4s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-right .4s cubic-bezier(.23,1,.32,1) both}.HealerCardEntranceAnimation{-webkit-animation:slide-in-blurred-right 1s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-right 1s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-right{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translate(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-right{0%{-webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform:translate(1000px) scaleX(2.5) scaleY(.2);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateX(0) scaleY(1) scaleX(1);transform:translate(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.SwirlExitAnimation{-webkit-animation:swirl-out-bck 1s ease-in both;animation:swirl-out-bck 1s ease-in both}@-webkit-keyframes swirl-out-bck{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}to{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}}@keyframes swirl-out-bck{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}to{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}}.SlideDownBlurAnimation{-webkit-animation:slide-in-blurred-top .5s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-top .5s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-top{0%{-webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform:translateY(-1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-top{0%{-webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform:translateY(-1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.SlideUpBlurAnimation{-webkit-animation:slide-in-blurred-bottom .5s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-bottom .5s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.RollInLeftAnimation{-webkit-animation:roll-in-left .6s ease-out both;animation:roll-in-left .6s ease-out both}@-webkit-keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translate(-800px) rotate(-540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}@keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translate(-800px) rotate(-540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}.MaterializeAnimation{-webkit-animation:scale-in-ver-bottom 2.5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-ver-bottom 2.5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-ver-bottom{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}}@keyframes scale-in-ver-bottom{0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;opacity:1}}.CardSlamAnimation{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.ShakeElementAnimation{-webkit-animation:shake-bottom infinite 1s cubic-bezier(.455,.03,.515,.955) both;animation:shake-bottom infinite 1s cubic-bezier(.455,.03,.515,.955) both}@-webkit-keyframes shake-bottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes shake-bottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}.RankUpdateAnimation{-webkit-animation:swirl-out-tr-fwd .65s ease-in both;animation:swirl-out-tr-fwd .65s ease-in both}@-webkit-keyframes swirl-out-tr-fwd{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1}to{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:0}}@keyframes swirl-out-tr-fwd{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:1}to{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;opacity:0}}@-webkit-keyframes flicker-in-1{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1}30.5%{opacity:1}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1}55%{opacity:1}55.1%{opacity:0}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1}85%{opacity:1}85.1%{opacity:0}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}@keyframes flicker-in-1{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1}30.5%{opacity:1}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1}55%{opacity:1}55.1%{opacity:0}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1}85%{opacity:1}85.1%{opacity:0}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}.SwirlInAnimation{-webkit-animation:swirl-in-right-bck .65s ease-out both;animation:swirl-in-right-bck .65s ease-out both}@-webkit-keyframes swirl-in-right-bck{0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}}@keyframes swirl-in-right-bck{0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;opacity:1}}.TokenBlurEntranceAnimation{-webkit-animation:slide-in-blurred-tl .55s cubic-bezier(.23,1,.32,1) both;animation:slide-in-blurred-tl .55s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes slide-in-blurred-tl{0%{-webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);transform:translate(-1000px,-1000px) skew(80deg,10deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translate(0,0) skew(0deg,0deg);transform:translate(0) skew(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-tl{0%{-webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);transform:translate(-1000px,-1000px) skew(80deg,10deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{-webkit-transform:translate(0,0) skew(0deg,0deg);transform:translate(0) skew(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.TokenSwingEntranceAnimation{-webkit-animation:swing-in-left-bck 2s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-left-bck 2s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-left-bck{0%{-webkit-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}to{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}}@keyframes swing-in-left-bck{0%{-webkit-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transform-origin:left;transform-origin:left;opacity:0}to{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:left;transform-origin:left;opacity:1}}.fallinholeAnimation{-webkit-animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both;animation:scale-out-center .5s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}.faderinAnimation{-webkit-animation:fade-in 6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 6s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ShakeAbilityAnimation{-webkit-animation:shake-vertical .8s cubic-bezier(.455,.03,.515,.955) both;animation:shake-vertical .8s cubic-bezier(.455,.03,.515,.955) both}@-webkit-keyframes shake-vertical{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}20%,40%,60%{-webkit-transform:translateY(8px);transform:translateY(8px)}80%{-webkit-transform:translateY(6.4px);transform:translateY(6.4px)}90%{-webkit-transform:translateY(-6.4px);transform:translateY(-6.4px)}}@keyframes shake-vertical{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}10%,30%,50%,70%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}20%,40%,60%{-webkit-transform:translateY(8px);transform:translateY(8px)}80%{-webkit-transform:translateY(6.4px);transform:translateY(6.4px)}90%{-webkit-transform:translateY(-6.4px);transform:translateY(-6.4px)}}.pulsateEntrance{-webkit-animation:pulsate-fwd .5s ease-in-out infinite both;animation:pulsate-fwd .5s ease-in-out infinite both}@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.SlitInAnimation{-webkit-animation:slit-in-vertical .45s ease-out both;animation:slit-in-vertical .45s ease-out both}@-webkit-keyframes slit-in-vertical{0%{-webkit-transform:translateZ(-800px) rotateY(90deg);transform:translateZ(-800px) rotateY(90deg);opacity:0}54%{-webkit-transform:translateZ(-160px) rotateY(87deg);transform:translateZ(-160px) rotateY(87deg);opacity:1}to{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0)}}@keyframes slit-in-vertical{0%{-webkit-transform:translateZ(-800px) rotateY(90deg);transform:translateZ(-800px) rotateY(90deg);opacity:0}54%{-webkit-transform:translateZ(-160px) rotateY(87deg);transform:translateZ(-160px) rotateY(87deg);opacity:1}to{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0)}}.lensflare{position:fixed;width:100%;height:0%;top:0;left:-10%;min-height:100%;overflow:hidden}.source-spread{position:absolute;background:radial-gradient(#ffe1ff0d 10%,#ffe1ff0d 30%,#0000 60%);border-radius:50%;width:2000px;height:2000px;margin-top:-1000px;margin-left:-1000px;top:14%;left:14%;z-index:0}.source{position:absolute;background:radial-gradient(#fff,#f3cecd66 35%,#5858584d 60%,#0000 70%);border-radius:50%;width:800px;height:800px;margin-top:-400px;margin-left:-400px;top:14%;left:14%;z-index:2}.source-beam{position:absolute;background:radial-gradient(#ffffff4d,#0000 70%);border-radius:50%;width:2200px;height:28px;margin-top:-14px;margin-left:-1100px;top:14%;left:14%;z-index:1}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:radial-gradient(circle,#12101000 60%,#00000059)}.crt-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22),rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);animation:crt-flicker .18s infinite;pointer-events:none}.crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000014 50%);background-size:100% 4px;pointer-events:none}@keyframes crt-flicker{0%{opacity:.92}50%{opacity:1}to{opacity:.96}}.DefenseDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;left:0;top:0;z-index:1000;background:transparent url(/images/animations/damage/DefenseDamageAnimation.webp) 0 0 no-repeat;background-size:1000%;animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite;-moz-animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite;-webkit-animation:DefenseDamageAnimationv 2.5s steps(5) infinite,DefenseDamageAnimationh .5s steps(8) infinite}@keyframes DefenseDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes DefenseDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes DefenseDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes DefenseDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}@-moz-keyframes DefenseDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}@-webkit-keyframes DefenseDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}.DjinnDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;left:0;top:0;z-index:1000;background:transparent url(/images/symbols/djinn_symbol.webp) center center no-repeat;background-size:contain;filter:drop-shadow(0 0 14px rgba(217,70,239,.95)) drop-shadow(0 0 26px rgba(147,51,234,.7));animation:DjinnDamageSpin 1s ease-out forwards;-webkit-animation:DjinnDamageSpin 1s ease-out forwards}@keyframes DjinnDamageSpin{0%{transform:rotate(0) scale(.3);opacity:0}20%{opacity:1;transform:rotate(180deg) scale(1.15)}75%{opacity:1;transform:rotate(500deg) scale(1.1)}to{transform:rotate(620deg) scale(.9);opacity:0}}@-webkit-keyframes DjinnDamageSpin{0%{transform:rotate(0) scale(.3);opacity:0}20%{opacity:1;transform:rotate(180deg) scale(1.15)}75%{opacity:1;transform:rotate(500deg) scale(1.1)}to{transform:rotate(620deg) scale(.9);opacity:0}}.FireBombDamageAnimation{height:100%;width:100%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/game/AtlasFireBombAnimation.webp) 0 0 no-repeat;background-size:800%;animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite;-moz-animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite;-webkit-animation:FireBombDamageAnimationv 2s steps(4) infinite,FireBombDamageAnimationh .5s steps(8) infinite}@keyframes FireBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-moz-keyframes FireBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-webkit-keyframes FireBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@keyframes FireBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}@-moz-keyframes FireBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}@-webkit-keyframes FireBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.2%}}.BlueLazerAnimation{height:100%;width:100%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/BlueLazerAnimation.webp) 0 0 no-repeat;animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite;-moz-animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite;-webkit-animation:BlueLazerAnimationv 2s steps(18) infinite,BlueLazerAnimationh .5s steps(1) infinite}@keyframes BlueLazerAnimationv{0%{background-position-y:0px}to{background-position-y:-19008px}}@-moz-keyframes BlueLazerAnimationv{0%{background-position-y:0px}to{background-position-y:-19008px}}@-webkit-keyframes BlueLazerAnimationv{0%{background-position-y:0px}to{background-position-y:-19008px}}@keyframes BlueLazerAnimationh{0%{background-position-x:0px}to{background-position-x:-326px}}@-moz-keyframes BlueLazerAnimationh{0%{background-position-x:0px}to{background-position-x:-326px}}@-webkit-keyframes BlueLazerAnimationh{0%{background-position-x:0px}to{background-position-x:-326px}}.BloodDamageAnimation{height:90%;width:155%;left:-20%;top:0;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/BloodDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite;-moz-animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite;-webkit-animation:BloodDamageAnimationv 2.5s steps(5) infinite,BloodDamageAnimationh .5s steps(5) infinite}@keyframes BloodDamageAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-moz-keyframes BloodDamageAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-webkit-keyframes BloodDamageAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@keyframes BloodDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes BloodDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes BloodDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.AcidBombDamageAnimation{position:absolute;top:-155%;height:300%;width:300%;pointer-events:none;left:-150%;z-index:1000;background:transparent url(/images/animations/damage/AcidBombAnimation.webp) 0 0 no-repeat;background-size:650%;animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite;-moz-animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite;-webkit-animation:AcidBombDamageAnimationv 2.5s steps(5) infinite,AcidBombDamageAnimationh .5s steps(5) infinite}@keyframes AcidBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:119%}}@-moz-keyframes AcidBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:119%}}@-webkit-keyframes AcidBombDamageAnimationv{0%{background-position-y:0px}to{background-position-y:119%}}@keyframes AcidBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:118%}}@-moz-keyframes AcidBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:118%}}@-webkit-keyframes AcidBombDamageAnimationh{0%{background-position-x:0px}to{background-position-x:118%}}.AcidDamageAnimation{position:absolute;height:83%;width:125%;left:-12%;pointer-events:none;top:11%;z-index:1000;background:transparent url(/images/animations/damage/AcidDamageAnimation.webp) 0 0 no-repeat;background-size:500%;animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite;-moz-animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite;-webkit-animation:AcidDamageAnimationv 2.5s steps(5) infinite,AcidDamageAnimationh .5s steps(5) infinite}@keyframes AcidDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes AcidDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes AcidDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes AcidDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes AcidDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes AcidDamageAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.DestructionDamageAnimation{height:65%;width:100%;left:0;top:20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/DestructionDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite;-moz-animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite;-webkit-animation:DestructionDamageAnimationv 2.5s steps(5) infinite,DestructionDamageAnimationh .5s steps(8) infinite}@keyframes DestructionDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes DestructionDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes DestructionDamageAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes DestructionDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-moz-keyframes DestructionDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-webkit-keyframes DestructionDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}.DarkDamageImpactAnimation{height:115%;width:110%;top:-20%;position:absolute;z-index:1000;pointer-events:none;border-radius:20%;background:transparent url(/images/animations/damage/DarkDamageImpactAnimation.webp) 0 0 no-repeat;background-size:100%;animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite;-moz-animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite;-webkit-animation:DarkDamageImpactAnimationv 2s steps(9) infinite,DarkDamageImpactAnimationh .5s steps(1) infinite}@keyframes DarkDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@-moz-keyframes DarkDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@-webkit-keyframes DarkDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:111%}}@keyframes DarkDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:-150px}}@-moz-keyframes DarkDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:-150px}}@-webkit-keyframes DarkDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:-150px}}.LightDamageImpactAnimation{height:85%;width:150%;top:5%;border-radius:20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageImpactAnimation.webp) 0 0 no-repeat;background-size:500%;animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite;-moz-animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite;-webkit-animation:LightDamageImpactAnimationv 2.5s steps(5) infinite,LightDamageImpactAnimationh .5s steps(5) infinite}@keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-moz-keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}@-webkit-keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:130%}}.AnimatedFireAnimation{height:71%;width:146%;top:25%;left:-22%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/NewFireAnimated.webp) 0 0 no-repeat;background-size:100%;animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite;-moz-animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite;-webkit-animation:LightDamageImpactAnimationv 2s steps(8) infinite,LightDamageImpactAnimationh .5s steps(1) infinite}@keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:115%}}@-moz-keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:115%}}@-webkit-keyframes LightDamageImpactAnimationv{0%{background-position-y:0px}to{background-position-y:115%}}@keyframes LightDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:126%}}@-moz-keyframes LightDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:126%}}@-webkit-keyframes LightDamageImpactAnimationh{0%{background-position-x:0px}to{background-position-x:126%}}.SweepDamageAnimation{height:64%;width:70%;top:10%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/SweepDamageAnimation.webp) 0 0 no-repeat;background-size:100%;animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite;-moz-animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite;-webkit-animation:SweepDamageAnimationv 1s steps(6) infinite,SweepDamageAnimationh .5s steps(1) infinite}@keyframes SweepDamageAnimationv{0%{background-position-y:0px}to{background-position-y:122%}}@-moz-keyframes SweepDamageAnimationv{0%{background-position-y:0px}to{background-position-y:122%}}@-webkit-keyframes SweepDamageAnimationv{0%{background-position-y:0px}to{background-position-y:122%}}@keyframes SweepDamageAnimationh{0%{background-position-x:0px}to{background-position-x:-80px}}@-moz-keyframes SweepDamageAnimationh{0%{background-position-x:0px}to{background-position-x:-80px}}@-webkit-keyframes SweepDamageAnimationh{0%{background-position-x:0px}to{background-position-x:-80px}}.FireballAnimation{height:26%;width:15%;top:0;right:0;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireballAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite;-moz-animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite;-webkit-animation:FireballAnimationv 2.5s steps(5) infinite,FireballAnimationvh .5s steps(5) infinite}@keyframes FireballAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-moz-keyframes FireballAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@-webkit-keyframes FireballAnimationv{0%{background-position-y:0px}to{background-position-y:121%}}@keyframes FireballAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes FireballAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes FireballAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.FireCometAnimation{height:100%;width:100%;top:0;right:0;position:fixed;pointer-events:none;transform:rotate(-18deg);z-index:1000;background:transparent url(/images/animations/damage/FireCometAnimation.webp) 0 0 no-repeat;background-size:400%;animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite;-moz-animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite;-webkit-animation:FireCometAnimationv 2s steps(4) infinite,FireCometAnimationh .5s steps(4) infinite}@keyframes FireCometAnimationv{0%{background-position-y:0px}to{background-position-y:136%}}@-moz-keyframes FireCometAnimationv{0%{background-position-y:0px}to{background-position-y:136%}}@-webkit-keyframes FireCometAnimationv{0%{background-position-y:0px}to{background-position-y:136%}}@keyframes FireCometAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}@-moz-keyframes FireCometAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}@-webkit-keyframes FireCometAnimationh{0%{background-position-x:0px}to{background-position-x:131%}}.FireSprayAnimation{height:144%;width:263%;top:-143%;right:-78%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireSprayAnimation.webp) 0 0 no-repeat;background-size:400%;animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite;-moz-animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite;-webkit-animation:FireSprayAnimationv 2s steps(4) infinite,FireSprayAnimationh .5s steps(4) infinite}@keyframes FireSprayAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-moz-keyframes FireSprayAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@-webkit-keyframes FireSprayAnimationv{0%{background-position-y:0px}to{background-position-y:127%}}@keyframes FireSprayAnimationh{0%{background-position-x:0px}to{background-position-x:133%}}@-moz-keyframes FireSprayAnimationh{0%{background-position-x:0px}to{background-position-x:133%}}@-webkit-keyframes FireSprayAnimationh{0%{background-position-x:0px}to{background-position-x:133%}}.FireImpactAnimation{height:100%;width:100%;top:0%;left:0%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireImpactAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite;-moz-animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite;-webkit-animation:FireImpactAnimationv 2s steps(4) infinite,FireImpactAnimationh .5s steps(4) infinite}@keyframes FireImpactAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-moz-keyframes FireImpactAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@-webkit-keyframes FireImpactAnimationv{0%{background-position-y:0px}to{background-position-y:131%}}@keyframes FireImpactAnimationh{0%{background-position-x:0px}to{background-position-x:134%}}@-moz-keyframes FireImpactAnimationh{0%{background-position-x:0px}to{background-position-x:134%}}@-webkit-keyframes FireImpactAnimationh{0%{background-position-x:0px}to{background-position-x:134%}}.FireSplashAnimation{height:100%;width:150%;top:10%;left:-18%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireSplashAnimation.webp) 0 0 no-repeat;background-size:500%;animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite;-moz-animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite;-webkit-animation:FireSplashAnimationv 2.5s steps(5) infinite,FireSplashAnimationh .5s steps(5) infinite}@keyframes FireSplashAnimationv{0%{background-position-y:0px}to{background-position-y:126%}}@-moz-keyframes FireSplashAnimationv{0%{background-position-y:0px}to{background-position-y:126%}}@-webkit-keyframes FireSplashAnimationv{0%{background-position-y:0px}to{background-position-y:126%}}@keyframes FireSplashAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes FireSplashAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes FireSplashAnimationh{0%{background-position-x:0px}to{background-position-x:125%}}.FireShockwaveAnimation{height:100%;width:160%;top:10%;left:-18%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/FireShockWaveAnimation.webp) 0 0 no-repeat;background-size:300%;animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite;-moz-animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite;-webkit-animation:FireShockwaveAnimationv 1.5s steps(3) infinite,FireShockwaveAnimationh .5s steps(3) infinite}@keyframes FireShockwaveAnimationv{0%{background-position-y:0px}to{background-position-y:157%}}@-moz-keyframes FireShockwaveAnimationv{0%{background-position-y:0px}to{background-position-y:157%}}@-webkit-keyframes FireShockwaveAnimationv{0%{background-position-y:0px}to{background-position-y:157%}}@keyframes FireShockwaveAnimationh{0%{background-position-x:0px}to{background-position-x:165%}}@-moz-keyframes FireShockwaveAnimationh{0%{background-position-x:0px}to{background-position-x:165%}}@-webkit-keyframes FireShockwaveAnimationh{0%{background-position-x:0px}to{background-position-x:165%}}.FireSweepAnimation{height:100%;width:150%;top:0%;left:-33%;position:absolute;pointer-events:none;transform:rotate(-50deg);z-index:1000;background:transparent url(/images/animations/damage/FireSweepAnimation.webp) 0 0 no-repeat;background-size:300%;animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite;-moz-animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite;-webkit-animation:FireSweepAnimationv 1.5s steps(3) infinite,FireSweepAnimationh .5s steps(3) infinite}@keyframes FireSweepAnimationv{0%{background-position-y:0px}to{background-position-y:152%}}@-moz-keyframes FireSweepAnimationv{0%{background-position-y:0px}to{background-position-y:152%}}@-webkit-keyframes FireSweepAnimationv{0%{background-position-y:0px}to{background-position-y:152%}}@keyframes FireSweepAnimationh{0%{background-position-x:0px}to{background-position-x:151%}}@-moz-keyframes FireSweepAnimationh{0%{background-position-x:0px}to{background-position-x:151%}}@-webkit-keyframes FireSweepAnimationh{0%{background-position-x:0px}to{background-position-x:151%}}.SoakerAbilityDamageAnimation{height:25%;width:8%;transform:rotate(45deg);border-top-left-radius:100%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/ability/soakerabilitydamageanimation.webp) 0 0 no-repeat;background-size:800%;animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite;-moz-animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite;-webkit-animation:SoakerAbilityDamageAnimationv 1s steps(1) infinite,SoakerAbilityDamageAnimationh 1s steps(8) infinite}@keyframes SoakerAbilityDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes SoakerAbilityDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes SoakerAbilityDamageAnimationv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes SoakerAbilityDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-moz-keyframes SoakerAbilityDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}@-webkit-keyframes SoakerAbilityDamageAnimationh{0%{background-position-x:0px}to{background-position-x:114.1%}}.HarendulAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/HarendulAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite;-moz-animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite;-webkit-animation:HarendulAttackAnimationvv 2.5s steps(4) infinite,HarendulAttackAnimationvh .5s steps(5) infinite}@keyframes HarendulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes HarendulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes HarendulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes HarendulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes HarendulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes HarendulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.SoveliaAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/SoveliaAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite;-moz-animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite;-webkit-animation:SoveliaAttackAnimationvv 2.5s steps(4) infinite,SoveliaAttackAnimationvh .5s steps(5) infinite}@keyframes SoveliaAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes SoveliaAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes SoveliaAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes SoveliaAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes SoveliaAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes SoveliaAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.SorkulAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/SorkulAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite;-moz-animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite;-webkit-animation:SorkulAttackAnimationvv 2.5s steps(4) infinite,SorkulAttackAnimationvh .5s steps(5) infinite}@keyframes SorkulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes SorkulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes SorkulAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes SorkulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes SorkulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes SorkulAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.JuwanAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/JuwanAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite;-moz-animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite;-webkit-animation:JuwanAttackAnimationvv 2.5s steps(4) infinite,JuwanAttackAnimationvh .5s steps(5) infinite}@keyframes JuwanAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes JuwanAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes JuwanAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes JuwanAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes JuwanAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes JuwanAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.BijoveAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/BijoveAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite;-moz-animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite;-webkit-animation:BijoveAttackAnimationvv 2.5s steps(4) infinite,BijoveAttackAnimationvh .5s steps(5) infinite}@keyframes BijoveAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes BijoveAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes BijoveAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes BijoveAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes BijoveAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes BijoveAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.MoyAttackAnimation{height:42%;width:20%;top:-25%;right:-14%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/MoyAttackAnimation.webp) 0 0 no-repeat;background-repeat:no-repeat;background-size:cover;transform:rotate(50deg)}.NistAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/NistAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite;-moz-animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite;-webkit-animation:NistAttackAnimationvv 2.5s steps(5) infinite,NistAttackAnimationvh .5s steps(5) infinite}@keyframes NistAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes NistAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes NistAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes NistAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes NistAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes NistAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.LucidAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/LucidAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite;-moz-animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite;-webkit-animation:LucidAttackAnimationvv 2.5s steps(5) infinite,LucidAttackAnimationvh .5s steps(5) infinite}@keyframes LucidAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes LucidAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes LucidAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes LucidAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes LucidAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes LucidAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.PicuousAttackAnimation{height:35%;width:20%;top:-27%;right:-11%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/attack/PicuousAttackAnimation.webp) 0 0 no-repeat;background-size:500%;animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite;-moz-animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite;-webkit-animation:PICUOUSAttackAnimationvv 2.5s steps(5) infinite,PICUOUSAttackAnimationvh .5s steps(5) infinite}@keyframes PICUOUSAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-moz-keyframes PICUOUSAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@-webkit-keyframes PICUOUSAttackAnimationvv{0%{background-position-y:0px}to{background-position-y:120%}}@keyframes PICUOUSAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-moz-keyframes PICUOUSAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}@-webkit-keyframes PICUOUSAttackAnimationvh{0%{background-position-x:0px}to{background-position-x:125%}}.MassDamageHollowAnimation{height:22%;width:10%;top:42%;right:45%;position:fixed;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/MassDamageHollowAnimation.webp) 0 0 no-repeat;background-size:800%;animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite;-moz-animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite;-webkit-animation:MassDamageHollowAnimationv 2s steps(4) infinite,MassDamageHollowAnimationh .5s steps(8) infinite}@keyframes MassDamageHollowAnimationv{0%{background-position-y:0px}to{background-position-y:0}}@-moz-keyframes MassDamageHollowAnimationv{0%{background-position-y:0px}to{background-position-y:0}}@-webkit-keyframes MassDamageHollowAnimationv{0%{background-position-y:0px}to{background-position-y:0}}@keyframes MassDamageHollowAnimationh{0%{background-position-x:0px}to{background-position-x:0}}@-moz-keyframes MassDamageHollowAnimationh{0%{background-position-x:0px}to{background-position-x:0}}@-webkit-keyframes MassDamageHollowAnimationh{0%{background-position-x:0px}to{background-position-x:0}}.LightDamageBurstAnimation{height:120%;width:142%;left:-19%;top:-12%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageBurstAnimation.webp) 0 0 no-repeat;background-size:3900%;animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite;-moz-animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite;-webkit-animation:LightDamageBurstAnimationv 3s steps(1) infinite,LightDamageBurstAnimationh 3s steps(39) infinite}@keyframes LightDamageBurstAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@-moz-keyframes LightDamageBurstAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@-webkit-keyframes LightDamageBurstAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@keyframes LightDamageBurstAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}@-moz-keyframes LightDamageBurstAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}@-webkit-keyframes LightDamageBurstAnimationh{0%{background-position-x:0px}to{background-position-x:102%}}.LightDamageTimelineAnimation{height:202%;width:283%;left:-106%;top:-44%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/damage/LightDamageAnimation.webp) 0 0 no-repeat;background-size:800%;animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite;-moz-animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite;-webkit-animation:LightDamageTimelineAnimationv 2s steps(4) infinite,LightDamageTimelineAnimationh .5s steps(8) infinite}@keyframes LightDamageTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@-moz-keyframes LightDamageTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@-webkit-keyframes LightDamageTimelineAnimationv{0%{background-position-y:0px}to{background-position-y:139%}}@keyframes LightDamageTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}@-moz-keyframes LightDamageTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}@-webkit-keyframes LightDamageTimelineAnimationh{0%{background-position-x:0px}to{background-position-x:114%}}.ArrowDamageAnimation{position:relative;width:100%;height:100%;animation:arrowFly .5s ease-out forwards}.ArrowDamageAnimation:before{content:"";position:absolute;top:50%;left:0;width:70%;height:6px;background:linear-gradient(to right,#fde68a,#f59e0b);border-radius:3px;box-shadow:0 0 8px #f59e0bcc;transform:translateY(-50%)}.ArrowDamageAnimation:after{content:"";position:absolute;top:50%;right:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.9));transform:translateY(-50%)}@keyframes arrowFly{0%{transform:translate(-120%) scaleX(.8);opacity:0}20%{opacity:1}to{transform:translate(120%) scaleX(1);opacity:0}}@-moz-keyframes arrowFly{0%{transform:translate(-120%) scaleX(.8);opacity:0}20%{opacity:1}to{transform:translate(120%) scaleX(1);opacity:0}}@-webkit-keyframes arrowFly{0%{transform:translate(-120%) scaleX(.8);opacity:0}20%{opacity:1}to{transform:translate(120%) scaleX(1);opacity:0}}.ArrowFromTopRight{position:relative;width:100%;height:100%;overflow:visible}.ArrowFromTopRight:before{content:"";position:absolute;width:180%;height:5px;background:linear-gradient(135deg,transparent 0%,#e8c97a 15%,#c49a3c 40%,#8b6914 60%,#c49a3c 80%,transparent 100%);top:-40%;right:-40%;transform-origin:top right;transform:rotate(45deg) scaleX(0);filter:drop-shadow(0 0 4px rgba(196,154,60,.9)) drop-shadow(0 0 8px rgba(139,105,20,.6));border-radius:2px;animation:arrowTopRightShaft .45s ease-out forwards;opacity:0}.ArrowFromTopRight:after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #c49a3c;filter:drop-shadow(0 0 5px rgba(196,154,60,1)) drop-shadow(0 0 10px rgba(139,105,20,.8));top:-40%;right:-40%;transform:rotate(-45deg) scale(.6);animation:arrowTopRightHead .45s ease-out forwards;opacity:0}.ArrowFromTopRight{animation:arrowTopRightWrapper .55s ease-out forwards}@keyframes arrowTopRightShaft{0%{transform:rotate(45deg) scaleX(0);opacity:0}15%{opacity:1}70%{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(1);opacity:.3}}@keyframes arrowTopRightHead{0%{top:-40%;right:-40%;opacity:0;transform:rotate(-45deg) scale(.6)}15%{opacity:1}70%{top:45%;right:45%;opacity:1;transform:rotate(-45deg) scale(1)}85%{top:50%;right:50%;opacity:.8;transform:rotate(-45deg) scale(1.2)}to{top:50%;right:50%;opacity:0;transform:rotate(-45deg) scale(.5)}}@keyframes arrowTopRightWrapper{0%,70%{filter:none}75%{filter:drop-shadow(0 0 15px rgba(196,154,60,.8))}to{filter:none}}.BijoveEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-40%;background:transparent url(/images/animations/entrance/BijoveEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite;-moz-animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite;-webkit-animation:BijoveEntrancePortalv 3s steps(1) infinite,BijoveEntrancePortalh 3s steps(40) infinite}@keyframes BijoveEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes BijoveEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes BijoveEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes BijoveEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-moz-keyframes BijoveEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-webkit-keyframes BijoveEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}.HarendulEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-15%;background:transparent url(/images/animations/entrance/AzrealEntrancePortal.webp) 0 0 no-repeat;background-size:3500%;animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-moz-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-webkit-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite}.GarshaEntrancePortal{height:200%;width:300%;left:-100%;position:absolute;pointer-events:none;z-index:1000;top:-50%;background:transparent url(/images/animations/entrance/GarshaEntranceAnimation.webp) 0 0 no-repeat;background-size:800%;animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite;-moz-animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite;-webkit-animation:GarshaEntrancePortalv 2s steps(4) infinite,GarshaEntrancePortalh .5s steps(8) infinite}@keyframes GarshaEntrancePortalv{0%{background-position-y:0px}to{background-position-y:131%}}@-moz-keyframes GarshaEntrancePortalv{0%{background-position-y:0px}to{background-position-y:131%}}@-webkit-keyframes GarshaEntrancePortalv{0%{background-position-y:0px}to{background-position-y:131%}}@keyframes GarshaEntrancePortalh{0%{background-position-x:0px}to{background-position-x:114.4%}}@-moz-keyframes GarshaEntrancePortalh{0%{background-position-x:0px}to{background-position-x:114.4%}}@-webkit-keyframes GarshaEntrancePortalh{0%{background-position-x:0px}to{background-position-x:114.4%}}.DescartEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/DescartEntrancePortal.webp) 0 0 no-repeat;background-size:3400%;animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite;-moz-animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite;-webkit-animation:DescartEntrancePortalv 3s steps(1) infinite,DescartEntrancePortalh 3s steps(34) infinite}@keyframes DescartEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes DescartEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes DescartEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes DescartEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-moz-keyframes DescartEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-webkit-keyframes DescartEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}.AzrealEntrancePortal{height:140%;width:140%;left:-25%;position:absolute;pointer-events:none;z-index:1000;top:-15%;background:transparent url(/images/animations/entrance/AzrealEntrancePortal.webp) 0 0 no-repeat;background-size:3500%;animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-moz-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite;-webkit-animation:AzrealEntrancePortalv 3s steps(1) infinite,AzrealEntrancePortalh 3s steps(35) infinite}@keyframes AzrealEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes AzrealEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes AzrealEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes AzrealEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-moz-keyframes AzrealEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-webkit-keyframes AzrealEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}.JuwanEntrancePortal{height:140%;width:170%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/JuwanEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite;-moz-animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite;-webkit-animation:JuwanEntrancePortalv 3s steps(1) infinite,JuwanEntrancePortalh 3s steps(33) infinite}@keyframes JuwanEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes JuwanEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes JuwanEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes JuwanEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-moz-keyframes JuwanEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-webkit-keyframes JuwanEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}.KingtolEntrancePortal{height:140%;width:140%;left:-5%;position:absolute;pointer-events:none;z-index:1000;top:-40%;background:transparent url(/images/animations/entrance/KingtolEntrancePortal.webp) 0 0 no-repeat;background-size:4000%;animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite;-moz-animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite;-webkit-animation:KingtolEntrancePortalv 3s steps(1) infinite,KingtolEntrancePortalh 3s steps(40) infinite}@keyframes KingtolEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes KingtolEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes KingtolEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes KingtolEntrancePortalh{0%{background-position-x:0px}to{background-position-x:309%}}@-moz-keyframes KingtolEntrancePortalh{0%{background-position-x:0px}to{background-position-x:309%}}@-webkit-keyframes KingtolEntrancePortalh{0%{background-position-x:0px}to{background-position-x:309%}}.MoyEntrancePortal{height:250%;width:400%;left:-128%;position:absolute;pointer-events:none;z-index:1000;top:-144%;background:transparent url(/images/animations/entrance/MoyEntrancePortal.webp) 0 0 no-repeat;background-size:3000%;animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite;-moz-animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite;-webkit-animation:MoyEntrancePortalv 3s steps(1) infinite,MoyEntrancePortalh 3s steps(30) infinite}@keyframes MoyEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes MoyEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes MoyEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes MoyEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}@-moz-keyframes MoyEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}@-webkit-keyframes MoyEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}.SumeraEntrancePortal{height:230%;width:170%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-100%;background:transparent url(/images/animations/entrance/SumeraEntrancePortal.webp) 0 0 no-repeat;background-size:4500%;animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite;-moz-animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite;-webkit-animation:SumeraEntrancePortalv 3s steps(1) infinite,SumeraEntrancePortalh 3s steps(35) infinite}@keyframes SumeraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes SumeraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes SumeraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes SumeraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307.3%}}@-moz-keyframes SumeraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307.3%}}@-webkit-keyframes SumeraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307.3%}}.SorkulEntrancePortal{height:140%;width:200%;left:-50%;position:absolute;pointer-events:none;z-index:1000;top:-25%;background:transparent url(/images/animations/entrance/SorkulEntrancePortal.webp) 0 0 no-repeat;background-size:2700%;animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite;-moz-animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite;-webkit-animation:SorkulEntrancePortalv 3s steps(1) infinite,SorkulEntrancePortalh 3s steps(27) infinite}@keyframes SorkulEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes SorkulEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes SorkulEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes SorkulEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}@-moz-keyframes SorkulEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}@-webkit-keyframes SorkulEntrancePortalh{0%{background-position-x:0px}to{background-position-x:311%}}.SylveonEntrancePortal{height:140%;width:210%;left:-47%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/SylveonEntrancePortal.webp) 0 0 no-repeat;background-size:4900%;animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite;-moz-animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite;-webkit-animation:SylveonEntrancePortalv 3s steps(1) infinite,SylveonEntrancePortalh 3s steps(36) infinite}@keyframes SylveonEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes SylveonEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes SylveonEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes SylveonEntrancePortalh{0%{background-position-x:0px}to{background-position-x:336%}}@-moz-keyframes SylveonEntrancePortalh{0%{background-position-x:0px}to{background-position-x:336%}}@-webkit-keyframes SylveonEntrancePortalh{0%{background-position-x:0px}to{background-position-x:336%}}.SoakerEntrancePortal{height:95%;width:115%;left:-10%;position:absolute;pointer-events:none;z-index:1000;top:0;background:transparent url(/images/animations/entrance/SoakerEntrancePortal.webp) 0 0 no-repeat;background-size:6000%;animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite;-moz-animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite;-webkit-animation:SoakerEntrancePortalv 3s steps(1) infinite,SoakerEntrancePortalh 3s steps(60) infinite}@keyframes SoakerEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes SoakerEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes SoakerEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes SoakerEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-moz-keyframes SoakerEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}@-webkit-keyframes SoakerEntrancePortalh{0%{background-position-x:0px}to{background-position-x:307%}}.BandaraEntrancePortal{height:140%;width:330%;left:-110%;position:absolute;pointer-events:none;z-index:1000;top:-20%;background:transparent url(/images/animations/entrance/BandaraEntrancePortal.webp) 0 0 no-repeat;background-size:1700%;animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite;-moz-animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite;-webkit-animation:BandaraEntrancePortalv 3s steps(1) infinite,BandaraEntrancePortalh 3s steps(17) infinite}@keyframes BandaraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-moz-keyframes BandaraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@-webkit-keyframes BandaraEntrancePortalv{0%{background-position-y:0px}to{background-position-y:0%}}@keyframes BandaraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:320%}}@-moz-keyframes BandaraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:320%}}@-webkit-keyframes BandaraEntrancePortalh{0%{background-position-x:0px}to{background-position-x:320%}}.KaderEntrancePortal{height:140%;width:140%;left:-20%;top:-20%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/KaderEntrancePortal.webp) 0 0 no-repeat;background-size:600%;animation:KaderEntrancePortalh .75s steps(6) infinite,KaderEntrancePortalv 3s steps(4) infinite}@keyframes KaderEntrancePortalh{0%{background-position-x:0%}to{background-position-x:120%}}@keyframes KaderEntrancePortalv{0%{background-position-y:0%}to{background-position-y:100%}}.QueenAzeliaEntrancePortal{height:120%;width:130%;left:-10%;top:-10%;position:absolute;pointer-events:none;z-index:1000;background:transparent url(/images/animations/entrance/QueenAzeliaEntrancePortal.webp) 0 0 no-repeat;background-size:570%;animation:QueenAzeliaEntrancePortalh .75s steps(6) infinite,QueenAzeliaEntrancePortalv 3s steps(4) infinite}@keyframes QueenAzeliaEntrancePortalh{0%{background-position-x:0%}to{background-position-x:121%}}@keyframes QueenAzeliaEntrancePortalv{0%{background-position-y:0%}to{background-position-y:199%}}.SoveliaEntrancePortal{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;width:160%;height:160%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(120,255,160,.55) 0%,transparent 35%),radial-gradient(circle at 60% 55%,rgba(50,220,120,.45) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(180,255,200,.25) 0%,transparent 55%);filter:blur(2px);animation:SoveliaBloom 2.2s ease-out forwards}.SoveliaEntrancePortal:before,.SoveliaEntrancePortal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.SoveliaEntrancePortal:before{border:3px solid rgba(140,255,180,.6);box-shadow:0 0 30px #64ff9680,inset 0 0 40px #64ff9659;animation:SoveliaRingSpin 2.5s linear infinite}.SoveliaEntrancePortal:after{background:repeating-conic-gradient(from 0deg,transparent 0deg 8deg,rgba(160,255,190,.12) 8deg 10deg);animation:SoveliaRays 3s linear infinite}@keyframes SoveliaBloom{0%{transform:scale(.2);opacity:0}25%{opacity:1}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:0}}@keyframes SoveliaRingSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes SoveliaRays{0%{transform:rotate(0);opacity:.6}to{transform:rotate(360deg);opacity:.6}}.SoveliaLeafParticle{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;pointer-events:none;overflow:visible}.SoveliaLeafParticle:before,.SoveliaLeafParticle:after{content:"";position:absolute;width:14px;height:14px;background:#82ffaad9;border-radius:0 70%;box-shadow:0 0 10px #82ffaacc;animation:SoveliaLeafFloat 1.6s ease-out forwards}.SoveliaLeafParticle:before{top:20%;left:25%;animation-delay:.1s}.SoveliaLeafParticle:after{top:60%;right:20%;animation-delay:.35s}@keyframes SoveliaLeafFloat{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-90px) rotate(220deg) scale(1.1);opacity:0}}.HarendulBloodRitual{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;width:180%;height:180%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(200,20,20,.6) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(120,0,0,.5) 0%,transparent 60%);filter:blur(1px);animation:HarendulRitualPulse 2.4s ease-out forwards}.HarendulBloodRitual:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:4px dashed rgba(220,40,40,.7);box-shadow:0 0 30px #dc282899,inset 0 0 50px #a0000066;animation:HarendulRitualSpin 2s linear infinite}@keyframes HarendulRitualPulse{0%{transform:scale(.3);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.2);opacity:0}}@keyframes HarendulRitualSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.HarendulBloodDrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.HarendulBloodDrop:before,.HarendulBloodDrop:after{content:"";position:absolute;width:10px;height:18px;background:linear-gradient(to bottom,#ff3c3cf2,#8c0000e6);border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 12px #ff2828cc;animation:HarendulDropFall 1.4s ease-in forwards}.HarendulBloodDrop:before{left:35%;top:15%;animation-delay:.2s}.HarendulBloodDrop:after{right:30%;top:20%;animation-delay:.55s}@keyframes HarendulDropFall{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(110px) scale(1);opacity:0}}.BijoveSolarFlare{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,230,120,.9) 0%,rgba(255,160,20,.55) 20%,transparent 45%);filter:blur(1px);animation:BijoveFlareExpand 2.2s ease-out forwards}.BijoveSolarFlare:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 6deg,rgba(255,220,80,.18) 6deg 8deg);animation:BijoveRayBurst 2s linear infinite}.BijoveSolarFlare:after{content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,220,.95) 0%,rgba(255,180,40,.6) 40%,transparent 70%);box-shadow:0 0 40px #ffc83ce6;animation:BijoveCorePulse 1.2s ease-in-out infinite}@keyframes BijoveFlareExpand{0%{transform:scale(.1);opacity:0}30%{opacity:1}70%{transform:scale(1.05);opacity:.95}to{transform:scale(1.15);opacity:0}}@keyframes BijoveRayBurst{0%{transform:rotate(0);opacity:.7}to{transform:rotate(360deg);opacity:.7}}@keyframes BijoveCorePulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.BijoveSparkRing{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;width:150%;height:150%;pointer-events:none;border-radius:50%;border:2px solid rgba(255,200,80,.6);box-shadow:0 0 25px #ffb41eb3,inset 0 0 35px #ffc85059;animation:BijoveSparkExpand 1.6s ease-out forwards}@keyframes BijoveSparkExpand{0%{transform:scale(.6);opacity:0}30%{opacity:1}to{transform:scale(1.6);opacity:0}}.SorkulDeathVortex{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;width:190%;height:190%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(90,20,140,.7) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(40,0,70,.6) 0%,transparent 55%);filter:blur(1px);animation:SorkulVortexSpin 2.5s linear forwards}.SorkulDeathVortex:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;border:5px dotted rgba(150,80,220,.65);box-shadow:0 0 35px #8232d28c,inset 0 0 55px #5a14a073;animation:SorkulVortexRipple 1.8s ease-in-out infinite}.SorkulDeathVortex:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:2px solid rgba(200,140,255,.4);box-shadow:0 0 25px #b464ff80;animation:SorkulVortexRipple 1.8s ease-in-out infinite reverse}@keyframes SorkulVortexSpin{0%{transform:rotate(0) scale(.3);opacity:0}25%{opacity:1}80%{transform:rotate(-540deg) scale(1.05);opacity:.9}to{transform:rotate(-720deg) scale(1.15);opacity:0}}@keyframes SorkulVortexRipple{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.12);opacity:1}}.SorkulSoulWisp{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.SorkulSoulWisp:before,.SorkulSoulWisp:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(220,180,255,.9) 0%,rgba(120,40,200,.4) 50%,transparent 70%);box-shadow:0 0 18px #c88cffcc;animation:SorkulWispRise 1.8s ease-out forwards}.SorkulSoulWisp:before{left:30%;bottom:10%;animation-delay:.15s}.SorkulSoulWisp:after{right:25%;bottom:15%;animation-delay:.45s}@keyframes SorkulWispRise{0%{transform:translateY(0) scale(.4);opacity:0}25%{opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}.PyroFlamePortal,.JanusFirecrackerPortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,80,30,.6) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,160,20,.4) 0%,transparent 60%);filter:blur(2px);animation:FirePortalExpand 2.2s ease-out forwards}.PyroFlamePortal:before,.JanusFirecrackerPortal:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:3px dashed rgba(255,140,40,.7);box-shadow:0 0 30px #ff641499,inset 0 0 40px #ff501459;animation:FirePortalSpin 1.8s linear infinite}@keyframes FirePortalExpand{0%{transform:scale(.25);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes FirePortalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PyroEmberSpark,.JanusSparkBurst{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.PyroEmberSpark:before,.PyroEmberSpark:after,.JanusSparkBurst:before,.JanusSparkBurst:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,60,.95) 0%,rgba(255,80,20,.6) 50%,transparent 70%);box-shadow:0 0 14px #ffa01ee6;animation:EmberBurst 1.6s ease-out forwards}.PyroEmberSpark:before{left:25%;top:30%;animation-delay:.1s}.PyroEmberSpark:after{right:25%;top:45%;animation-delay:.35s}.JanusSparkBurst:before{left:40%;top:20%;animation-delay:.15s}.JanusSparkBurst:after{right:30%;top:55%;animation-delay:.4s}@keyframes EmberBurst{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--tx, 40px),var(--ty, -70px)) scale(1.1);opacity:0}}.GrandelBloodPortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(180,20,20,.55) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(100,0,0,.45) 0%,transparent 60%);filter:blur(2px);animation:BloodPortalExpand 2.2s ease-out forwards}.GrandelBloodPortal:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:3px dashed rgba(200,40,40,.65);box-shadow:0 0 30px #b41e1e8c,inset 0 0 40px #78000059;animation:BloodPortalSpin 2s linear infinite}@keyframes BloodPortalExpand{0%{transform:scale(.25);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes BloodPortalSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.GrandelBloodSplatter{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.GrandelBloodSplatter:before,.GrandelBloodSplatter:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#b41414e6;box-shadow:0 0 12px #c82828cc;animation:BloodSplatterDrop 1.5s ease-out forwards}.GrandelBloodSplatter:before{left:30%;top:25%;animation-delay:.2s}.GrandelBloodSplatter:after{right:28%;top:35%;animation-delay:.5s}@keyframes BloodSplatterDrop{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(90px) scale(1.2);opacity:0}}.IshtarDreadPortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(100,60,140,.6) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(40,20,70,.5) 0%,transparent 60%);filter:blur(2px);animation:DreadPortalExpand 2.4s ease-out forwards}.IshtarDreadPortal:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:3px dashed rgba(140,100,190,.65);box-shadow:0 0 30px #7850aa8c,inset 0 0 40px #3c1e6459;animation:DreadPortalSpin 2.2s linear infinite}@keyframes DreadPortalExpand{0%{transform:scale(.25);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes DreadPortalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.IshtarSoulWisp{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.IshtarSoulWisp:before,.IshtarSoulWisp:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(180,140,220,.9) 0%,rgba(80,40,130,.4) 50%,transparent 70%);box-shadow:0 0 16px #a078d2cc;animation:DreadWispRise 1.6s ease-out forwards}.IshtarSoulWisp:before{left:32%;bottom:12%;animation-delay:.1s}.IshtarSoulWisp:after{right:28%;bottom:18%;animation-delay:.4s}@keyframes DreadWispRise{0%{transform:translateY(0) scale(.4);opacity:0}25%{opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}.SoakerWaterPortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(60,180,220,.55) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(20,100,160,.45) 0%,transparent 60%);filter:blur(2px);animation:WaterPortalExpand 2.2s ease-out forwards}.SoakerWaterPortal:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:3px dashed rgba(80,200,240,.65);box-shadow:0 0 30px #3cb4dc8c,inset 0 0 40px #1464a059;animation:WaterPortalSpin 2s linear infinite}@keyframes WaterPortalExpand{0%{transform:scale(.25);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes WaterPortalSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.SoakerSplashRing{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.SoakerSplashRing:before,.SoakerSplashRing:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border-radius:50%;border:3px solid rgba(80,200,240,.8);box-shadow:0 0 14px #3cb4dcb3;animation:WaterSplashRing 1.5s ease-out forwards}.SoakerSplashRing:before{animation-delay:.15s}.SoakerSplashRing:after{animation-delay:.45s}@keyframes WaterSplashRing{0%{transform:scale(.3);opacity:0}20%{opacity:1}to{transform:scale(2.2);opacity:0}}.MonkLightPortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,240,160,.55) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,220,100,.35) 0%,transparent 60%);filter:blur(2px);animation:MonkPortalExpand 2.2s ease-out forwards}.MonkLightPortal:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:3px dashed rgba(255,235,140,.7);box-shadow:0 0 30px #ffdc648c,inset 0 0 40px #ffc85059;animation:MonkPortalSpin 2.2s linear infinite}@keyframes MonkPortalExpand{0%{transform:scale(.25);opacity:0}30%{opacity:1}70%{transform:scale(1.1);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes MonkPortalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MonkHarmonyRing{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.MonkHarmonyRing:before,.MonkHarmonyRing:after{content:"";position:absolute;left:50%;top:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:50%;border:3px solid rgba(255,235,140,.8);box-shadow:0 0 16px #ffdc64b3;animation:HarmonyRingExpand 1.6s ease-out forwards}.MonkHarmonyRing:before{animation-delay:.1s}.MonkHarmonyRing:after{animation-delay:.4s}@keyframes HarmonyRingExpand{0%{transform:scale(.3);opacity:0}20%{opacity:1}to{transform:scale(2.2);opacity:0}}.PicuousBlueLaser{pointer-events:none;background:linear-gradient(to bottom,#0000,#22d3ee8c 15%,#3b82f6bf 40%,#22d3ee8c 85%,#0000);box-shadow:0 0 30px #38bdf8e6,0 0 70px #2563ebb3,inset 0 0 30px #22d3ee80;filter:blur(1px);transform-origin:top center}.LucidPortal{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(3,51,90,.95) 0%,transparent 45%),conic-gradient(from 0deg,#49c7facc,#d1e6ed80,#49c7facc,#d1e6ed80,#49c7facc);box-shadow:0 0 40px #49c7fab3,0 0 90px #d1e6ed66,inset 0 0 50px #49c7fa80;filter:blur(1px);animation:LucidPortalSpin 2.5s linear infinite}.LucidPortal:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:3px solid rgba(209,230,237,.6);box-shadow:0 0 20px #d1e6ed99,inset 0 0 20px #d1e6ed4d;animation:LucidPortalPulse 2s ease-in-out infinite}@keyframes LucidPortalSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes LucidPortalPulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.05);opacity:1}}.KaderFatePortal{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;width:170%;height:170%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(196,141,253,.5) 0%,transparent 42%),radial-gradient(circle at 50% 50%,rgba(129,84,214,.35) 0%,transparent 62%);filter:blur(2px);animation:KaderPortalExpand 2.6s ease-out forwards}.KaderFatePortal:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:3px dashed rgba(216,180,254,.85);box-shadow:0 0 34px #a855f799,inset 0 0 40px #9333ea59;animation:KaderWheelSpin 2.6s linear infinite}.KaderFatePortal:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:2px solid rgba(250,204,21,.55);background:conic-gradient(rgba(250,204,21,.35) 0deg 8deg,transparent 8deg 90deg,rgba(250,204,21,.35) 90deg 98deg,transparent 98deg 180deg,rgba(250,204,21,.35) 180deg 188deg,transparent 188deg 270deg,rgba(250,204,21,.35) 270deg 278deg,transparent 278deg 360deg);box-shadow:0 0 18px #facc1573;animation:KaderWheelSpinReverse 2.6s linear infinite}.KaderFateThread{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;width:130%;height:130%;pointer-events:none;animation:KaderThreadSweep 1.8s ease-in forwards}.KaderFateThread:before,.KaderFateThread:after{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:linear-gradient(to bottom,transparent 0%,rgba(250,204,21,.9) 35%,rgba(255,255,255,.95) 50%,rgba(250,204,21,.9) 65%,transparent 100%);box-shadow:0 0 10px #facc15cc}.KaderFateThread:before{transform:rotate(28deg)}.KaderFateThread:after{transform:rotate(-52deg)}@keyframes KaderPortalExpand{0%{transform:scale(.25);opacity:0}18%{transform:scale(1.05);opacity:1}72%{transform:scale(1);opacity:.85}to{transform:scale(1.15);opacity:0}}@keyframes KaderWheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes KaderWheelSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes KaderThreadSweep{0%{transform:rotate(0) scale(1.35);opacity:0}25%{opacity:1}to{transform:rotate(200deg) scale(.15);opacity:0}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.dropdown-simple{font-size:.8rem}.login-modal{width:25%}.text-md{font-size:.85rem}.text-sm{font-size:.7rem}.text-xs{font-size:.5rem}.deckbuilder-deck-content{font-size:.7rem}.btn-simple{padding:.2rem!important}.btn-premium{font-size:.5rem}.hub-logo{width:8rem}.dropdown-option{font-size:.7rem;padding:.3rem}.player-info-container{position:fixed;top:1rem;right:1rem;flex-direction:row}.welcome-player-btn{position:fixed;top:1rem;right:1rem;z-index:20}.hub-grid-container{width:120vw}.hub-difficulty-btn{padding:1px}.symbol-img{width:1.5rem;height:1.5rem}.theme-conan .battlefield-arena,.theme-conan .game-log-left-panel,.theme-conan .debug-card-list-panel,.theme-conan .glass-panel:not(.absolute),.theme-conan .hub-panel{border:14px solid transparent!important;border-radius:0!important;border-image:url(/images/MISC/panelframe.webp) 300 round!important;box-shadow:0 8px 20px #000000b3!important}}@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.dropdown-simple{font-size:.8rem}.login-modal{width:25%}.text-md{font-size:.85rem}.text-sm{font-size:.7rem}.text-xs{font-size:.5rem}.deckbuilder-deck-content{font-size:.7rem}.btn-simple{padding:.2rem!important}.btn-premium{font-size:.5rem}.hub-logo{width:14rem}.dropdown-option{font-size:.7rem;padding:.3rem}.player-info-container{position:fixed;top:1rem;right:1rem;flex-direction:row}.welcome-player-btn{position:fixed;top:1rem;right:1rem;z-index:20}.hub-grid-container{width:90vw}.hub-difficulty-btn{padding:1px}.symbol-img{width:2rem;height:2rem}.theme-conan .battlefield-arena,.theme-conan .game-log-left-panel,.theme-conan .debug-card-list-panel,.theme-conan .glass-panel:not(.absolute),.theme-conan .hub-panel{border:14px solid transparent!important;border-radius:0!important;border-image:url(/images/MISC/panelframe.webp) 300 round!important;box-shadow:0 8px 20px #000000b3!important}}@media (max-width: 550px) and (orientation: portrait){.min-h-screen{min-height:50dvh}.hub-panel{padding:.3rem}.login-modal{width:40%}.dropdown-simple{font-size:.7rem;padding:2px}.title-fantasy,.text-lg{font-size:1rem}.text-md{font-size:.85rem}.text-sm{font-size:.7rem}.text-xs{font-size:.5rem}.deckbuilder-deck-content{font-size:.7rem}.btn-simple{padding:.2rem!important}.hub-logo{width:8rem}.dropdown-option{font-size:.5rem;padding:.3rem}.player-info-container{position:fixed;top:1rem;right:1rem;flex-direction:row}.welcome-player-btn{position:fixed;top:1rem;right:1rem;z-index:20}.hub-grid-container{width:200vw}.hub-difficulty-btn{padding:.1rem}.symbol-img{width:1.5rem;height:1.5rem}.theme-conan .battlefield-arena,.theme-conan .game-log-left-panel,.theme-conan .debug-card-list-panel,.theme-conan .glass-panel:not(.absolute),.theme-conan .hub-panel{border:14px solid transparent!important;border-radius:0!important;border-image:url(/images/MISC/panelframe.webp) 300 round!important;box-shadow:0 8px 20px #000000b3!important}}@media (max-width: 950px) and (orientation: landscape){.hub-panel{padding:.3rem}.login-modal{width:40%}.dropdown-simple{font-size:.7rem;padding:2px}.title-fantasy,.text-lg{font-size:1rem}.text-md{font-size:.85rem}.text-sm{font-size:.7rem}.text-xs{font-size:.5rem}.deckbuilder-deck-content{font-size:.7rem}.btn-simple{padding:.2rem!important}.hub-logo{width:8rem}.dropdown-option{font-size:.5rem;padding:.3rem}.player-info-container{position:fixed;top:1rem;right:1rem;flex-direction:row}.welcome-player-btn{position:fixed;top:1rem;right:1rem;z-index:20}.hub-grid-container{width:100vw}.hub-difficulty-btn{padding:.3rem}.symbol-img{width:1.5rem;height:1.5rem}.theme-conan .battlefield-arena,.theme-conan .game-log-left-panel,.theme-conan .debug-card-list-panel,.theme-conan .glass-panel:not(.absolute),.theme-conan .hub-panel{border:8px solid transparent!important;border-radius:0!important;border-image:url(/images/MISC/panelframe.webp) 300 round!important;box-shadow:0 6px 14px #000000b3!important}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.card-title{font-size:1rem}.card-title{font-size:.9rem}.card-subtype{font-size:.55rem}.card-description{font-size:.6rem!important}.card-cost-badge,.card-stat-attack,.card-stat-health{font-size:1rem}.slot-board .card-title{font-size:.7rem}.slot-board .card-subtype{font-size:.5rem}.slot-board .card-cost-badge,.slot-board .card-stat-attack,.slot-board .card-stat-health{font-size:.9rem}.dragging-card-clone .card-title{font-size:.7rem!important}.dragging-card-clone .card-subtype{font-size:.5rem!important}.dragging-card-clone .card-cost-badge,.dragging-card-clone .card-stat-attack,.dragging-card-clone .card-stat-health{font-size:.9rem!important}.deckbuilder-deck-panel{max-height:90vh;overflow-y:auto}.deckbuilder-card-grid.deckbuilder-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deckbuilder-main-grid.deckbuilder-main-grid{display:flex;flex-direction:column;gap:0;position:relative}.deckbuilder-card-catalog.deckbuilder-card-catalog{flex:1 1 auto;min-height:0;width:100%;padding-bottom:60px}.deckbuilder-card-scroll.deckbuilder-card-scroll{height:auto;flex:1 1 auto;min-height:0}.deckbuilder-deck-panel.deckbuilder-deck-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:38vh;min-height:280px;max-height:420px;border-radius:16px 16px 0 0;z-index:100;margin:0;padding:0 1rem 1rem;transition:transform .3s ease}.deckbuilder-deck-panel.deckbuilder-deck-panel.collapsed{transform:translateY(calc(100% - 44px))}.deckbuilder-panel-handle.deckbuilder-panel-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0}.deckbuilder-panel-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.deckbuilder-deck-content.deckbuilder-deck-content{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.deckbuilder-deck-panel{padding:.1rem}}@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.title-fantasy{font-size:1rem}.player-hand-container .card-body{padding-top:1rem!important}.card-history-right-panel .card-title,.card-title{font-size:.9rem}.card-history-right-panel .card-subtype,.card-subtype{font-size:.55rem}.card-history-right-panel .card-description,.card-description{font-size:.6rem!important}.card-history-right-panel .card-cost-badge,.card-cost-badge,.card-history-right-panel .card-stat-attack,.card-stat-attack,.card-history-right-panel .card-stat-health,.card-stat-health{font-size:1rem}.slot-board .card-body{padding:0!important;padding-top:2rem!important;padding-bottom:4px!important}.slot-board .card-title{font-size:.7rem}.slot-board .card-subtype{font-size:.5rem}.slot-board .card-description{font-size:.5rem!important}.slot-board .card-cost-badge,.slot-board .card-stat-attack,.slot-board .card-stat-health{font-size:.9rem}.dragging-card-clone .card-body{padding:0!important;padding-top:3rem!important}.dragging-card-clone .card-jewel-symbol{width:2rem!important;height:2rem!important}.dragging-card-clone .card-title{font-size:.7rem!important}.dragging-card-clone .card-subtype{font-size:.5rem!important}.dragging-card-clone .card-cost-badge,.dragging-card-clone .card-stat-attack,.dragging-card-clone .card-stat-health{font-size:.9rem!important}.deckbuilder-card-grid.deckbuilder-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center}.deckbuilder-deck-panel{padding:.1rem}}@media (max-width: 550px) and (orientation: portrait){.card-title{font-size:1rem}.card-subtype{font-size:.5rem}.card-description{font-size:.7rem!important}.card-cost-badge,.card-stat-attack,.card-stat-health{font-size:1rem}.slot-board .card-title{font-size:.65rem}.slot-board .card-subtype{font-size:.45rem}.slot-board .card-cost-badge,.slot-board .card-stat-attack,.slot-board .card-stat-health{font-size:.85rem}.dragging-card-clone .card-title{font-size:.65rem!important}.dragging-card-clone .card-subtype{font-size:.45rem!important}.dragging-card-clone .card-cost-badge,.dragging-card-clone .card-stat-attack,.dragging-card-clone .card-stat-health{font-size:.85rem!important}.deckbuilder-deck-panel{max-height:90vh;overflow-y:auto}.card-count{display:none}.deckbuilder-card-grid.deckbuilder-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.deckbuilder-main-grid.deckbuilder-main-grid{display:flex;flex-direction:column;gap:0;position:relative}.deckbuilder-card-catalog.deckbuilder-card-catalog{flex:1 1 auto;min-height:0;width:100%;padding-bottom:60px;width:200vw}.deckbuilder-card-scroll.deckbuilder-card-scroll{height:auto;flex:1 1 auto;min-height:0}.deckbuilder-deck-panel.deckbuilder-deck-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:45vh;min-height:280px;border-radius:16px 16px 0 0;z-index:100;margin:0;padding:0 1rem 1rem;transition:transform .3s ease}.deckbuilder-deck-panel.deckbuilder-deck-panel.collapsed{transform:translateY(calc(100% - 44px))}.deckbuilder-panel-handle.deckbuilder-panel-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0}.deckbuilder-panel-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.deckbuilder-deck-content.deckbuilder-deck-content{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.deckbuilder-deck-panel{padding:.1rem!important}}@media (max-width: 950px) and (orientation: landscape){.card-history-right-panel .card-title,.card-title{font-size:1rem}.card-history-right-panel .card-subtype,.card-subtype{font-size:.5rem}.card-history-right-panel .card-description,.card-description{font-size:.7rem!important}.card-history-right-panel .card-cost-badge,.card-cost-badge,.card-history-right-panel .card-stat-attack,.card-stat-attack,.card-history-right-panel .card-stat-health,.card-stat-health{font-size:1rem}.slot-board .card-title{font-size:.65rem}.slot-board .card-subtype{font-size:.45rem}.slot-board .card-cost-badge,.slot-board .card-stat-attack,.slot-board .card-stat-health{font-size:.85rem}.dragging-card-clone .card-title{font-size:.65rem!important}.dragging-card-clone .card-subtype{font-size:.45rem!important}.dragging-card-clone .card-cost-badge,.dragging-card-clone .card-stat-attack,.dragging-card-clone .card-stat-health{font-size:.85rem!important}.card-count{display:none}.deckbuilder-card-grid.deckbuilder-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.deckbuilder-main-grid.deckbuilder-main-grid{display:flex;flex-direction:column;gap:0;position:relative}.deckbuilder-card-catalog.deckbuilder-card-catalog{flex:1 1 auto;min-height:0;width:100%;padding-bottom:60px}.deckbuilder-card-scroll.deckbuilder-card-scroll{height:auto;flex:1 1 auto;min-height:0}.deckbuilder-deck-panel.deckbuilder-deck-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:100vh;min-height:280px;max-height:420px;border-radius:16px 16px 0 0;z-index:100;margin:0;padding:0 1rem 1rem;transition:transform .3s ease}.deckbuilder-deck-panel.deckbuilder-deck-panel.collapsed{transform:translateY(calc(100% - 44px))}.deckbuilder-panel-handle.deckbuilder-panel-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0}.deckbuilder-panel-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.deckbuilder-deck-content.deckbuilder-deck-content{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.deckbuilder-deck-panel{padding:.1rem!important}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.debug-card-list-panel{left:1vw!important;width:30vw!important}.battlefield-board{transform:translate(-50%,-50%) scale(.55)!important;top:45%!important}.slot-board{width:18vw!important;height:20vh!important}.player-hand-container .card-item{width:18vw!important}.player-hand-container{bottom:-20px!important;padding:10px 20px 20px!important}.opponent-hand-container{top:-75%}.opponent-hand-container .card-back{width:20vw;height:20vh}.game-log-left-panel{position:fixed;top:50%!important;bottom:auto!important;left:10px!important;transform:translateY(-50%)!important;width:30vw!important;height:70vh!important;border-radius:0 12px 12px 0!important;transition:width .3s ease,height .3s ease!important;z-index:100!important}.game-log-left-panel.collapsed{top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important;height:7vh!important;width:3vw!important}.game-log-left-panel.collapsed .game-log-content{display:none!important}.game-log-left-panel.collapsed .game-log-handle{transform:rotate(90deg);transform-origin:left center}.game-log-handle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.game-log-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.game-log-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.battlefield-hover-panel{width:200px!important;right:10px!important;font-size:.75rem!important}.card-history-right-panel{width:180px!important;right:10px!important}.deck-stack-container{transform:scale(.65)!important}.deck-stack-inner-container{width:22vw;height:20vh}.battlefield-arena{top:-10px!important;right:-40px!important;bottom:-10px!important;left:-40px!important}.player-hand-container .card-item,.slot-board .card-item,.slot-board,.hero-portrait,.debug-card-list-panel,.debug-card-item{touch-action:none!important}.keyword-tooltip-popup{min-width:130px!important;max-width:200px!important;padding:6px 8px!important;font-size:.6rem!important}.keyword-tooltip-flavor{font-size:.55rem!important;margin-top:5px!important;padding-top:5px!important}.btn-mulligan{left:0;bottom:3rem;right:auto;transform:rotate(90deg)!important}.slot-board .combat-pop{font-size:3.2rem!important}.dragging-card-clone{transform:scale(.75)!important}}@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.debug-card-list-panel{left:1vw!important;width:25vw!important}.battlefield-board{transform:translate(-50%,-50%) scale(.65)!important;top:45%!important}.slot-board{width:14vw!important;height:27vh!important}.player-hand-container .card-item{width:16vw!important}.player-hand-container{bottom:-20px!important;padding:10px 20px 20px!important}.dragging-card-clone{transform:scale(.75)!important}.opponent-hand-container .card-back{width:10vw;height:20vh}.game-log-left-panel{position:fixed;top:50%!important;bottom:auto!important;left:10px!important;transform:translateY(-50%)!important;width:25vw!important;height:90vh!important;border-radius:0 12px 12px 0!important;transition:width .3s ease,height .3s ease!important;z-index:100!important}.game-log-left-panel.collapsed{top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important;height:7vh!important;width:3vw!important}.game-log-left-panel.collapsed .game-log-content{display:none!important}.game-log-left-panel.collapsed .game-log-handle{transform:rotate(90deg);transform-origin:left center}.game-log-handle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.game-log-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.game-log-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.battlefield-hover-panel{width:220px!important;right:15px!important}.card-history-right-panel{width:190px!important;right:15px!important}.card-history-right-panel .card-item .card-jewel-symbol{width:2rem!important;height:2rem!important}.deck-stack-container{transform:scale(.7)!important}.deck-stack-inner-container{width:14vw;height:27vh}.battlefield-arena{top:-15px!important;right:-50px!important;bottom:-15px!important;left:-50px!important}.player-hand-container .card-item,.slot-board .card-item,.slot-board,.hero-portrait,.debug-card-list-panel,.debug-card-item{touch-action:none!important}.keyword-tooltip-popup{min-width:130px!important;max-width:200px!important;padding:6px 8px!important;font-size:.6rem!important}.keyword-tooltip-flavor{font-size:.55rem!important;margin-top:5px!important;padding-top:5px!important}.slot-board .combat-pop{font-size:2.8rem!important}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait),screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.board-aura-panel{display:flex;flex-direction:column;position:fixed;top:50%;right:10px;transform:translateY(-50%);width:30vw;max-height:70vh;background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);border-image:url(/images/MISC/panelframe.webp) 300 round;border:8px solid transparent;border-radius:12px 0 0 12px;box-shadow:0 10px 25px #00000080;transition:width .3s ease,height .3s ease;z-index:100}.board-aura-panel.collapsed{right:0;width:2.5vw;height:8vh;animation:aura-handle-pulse 2.5s ease-in-out infinite}.board-aura-panel.collapsed .board-aura-content{display:none}.board-aura-handle{display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.board-aura-panel.collapsed .board-aura-handle{flex:1;border-bottom:none}.board-aura-handle-bar{width:40px;height:4px;background:#fbbf2499;border-radius:2px}.board-aura-panel.collapsed .board-aura-handle-bar{width:4px;height:40px}.board-aura-content{flex:1;min-height:0;overflow-y:auto;padding:6px}}@media (max-width: 550px) and (orientation: portrait){.hero-portrait{width:35vw;height:13vh}.hero-mana{bottom:60%;right:auto}.debug-card-list-panel{left:1vw!important;width:25vw!important;height:100vh!important}.battlefield-board{transform:translate(-50%,-50%) scale(.65)!important;top:33%!important;width:200vw;height:50vh;gap:0;padding:0}.slot-board{width:20vw!important;height:16vh!important}.player-hand-container .card-item{height:20vh!important;width:30vw!important;margin:-32px -18px!important;transition:height .1s ease-out,width .1s ease-out!important}.player-hand-container.hand-expanded .card-item{height:25vh!important;width:45vw!important}.player-hand-container.hand-expanded{height:17vh!important;bottom:5vh!important}.keyword-tooltip-popup{display:none!important}.player-hand-container{bottom:-8vh!important;padding:.1rem;height:22vh;align-items:flex-start;left:50%!important;transform:translate(-50%)!important;transition:height .1s ease-out,bottom .1s ease-out!important}.opponent-hand-container{top:-50%}.opponent-hand-container .card-back{width:10vw;height:20vh}.game-log-left-panel{position:fixed;top:50%!important;bottom:auto!important;left:10px!important;transform:translateY(-50%)!important;width:30vw!important;height:90vh!important;border-radius:0 12px 12px 0!important;transition:width .3s ease,height .3s ease!important;z-index:100!important;border-image:url(/images/MISC/panelframe.webp) 300 round;border:8px solid transparent!important}.game-log-left-panel.collapsed{top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important;height:8vh!important;width:3vw!important}.game-log-left-panel.collapsed .game-log-content{display:none!important}.game-log-left-panel.collapsed .game-log-handle{transform:rotate(90deg);transform-origin:left center}.game-log-handle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.game-log-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.game-log-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.battlefield-hover-panel{width:220px!important;right:15px!important}.card-history-right-panel{width:190px!important;right:15px!important}.deck-stack-container{transform:scale(.7)!important}.deck-stack-inner-container{width:30vw;height:20vh}.battlefield-arena{top:-15px!important;right:-50px!important;bottom:-15px!important;left:-50px!important}.player-hand-container .card-item,.slot-board .card-item,.slot-board,.hero-portrait,.debug-card-list-panel,.debug-card-item{touch-action:none!important}.btn-mulligan{left:0;bottom:3rem;right:auto;transform:rotate(90deg)!important}}@media (max-width: 950px) and (orientation: landscape){.hero-portrait{width:16vw}.hero-mana{bottom:60%;right:auto}.debug-card-list-panel{left:1vw!important;width:25vw!important;height:100vh!important}.battlefield-board{transform:translate(-50%,-50%) scale(.65)!important;top:37%!important}.slot-board{width:11vw!important;height:30vh!important}.player-hand-container .card-item{height:35vh!important;width:16vw!important;margin:-32px -18px!important;transition:height .1s ease-out,width .1s ease-out!important}.player-hand-container.hand-expanded .card-item{height:50vh!important;width:20vw!important}.player-hand-container.hand-expanded{height:40vh!important;bottom:5vh!important}.keyword-tooltip-popup{display:none!important}.player-hand-container{padding:.1rem;height:22vh;align-items:flex-start;bottom:4vh!important;left:50%!important;transform:translate(-50%)!important;transition:height .1s ease-out,bottom .1s ease-out!important}.opponent-hand-container{top:-50%}.opponent-hand-container .card-back{width:10vw;height:20vh}.game-log-left-panel{position:fixed;top:50%!important;bottom:auto!important;left:10px!important;transform:translateY(-50%)!important;width:30vw!important;height:90vh!important;border-radius:0 12px 12px 0!important;transition:width .3s ease,height .3s ease!important;z-index:100!important;border:8px solid transparent!important}.game-log-left-panel.collapsed{top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important;height:15vh!important;width:3vw!important}.game-log-left-panel.collapsed .game-log-content{display:none!important}.game-log-left-panel.collapsed .game-log-handle{transform:rotate(90deg);transform-origin:left center}.game-log-handle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.game-log-handle-bar{width:40px;height:4px;background:#d1e6ed59;border-radius:2px}.game-log-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.battlefield-hover-panel{width:220px!important;right:15px!important}.card-history-right-panel{width:190px!important;right:15px!important}.deck-stack-container{transform:scale(.7)!important}.deck-stack-inner-container{width:11vw;height:30vh}.battlefield-arena{top:-15px!important;right:-50px!important;bottom:-15px!important;left:-50px!important}.player-hand-container .card-item,.slot-board .card-item,.slot-board,.hero-portrait,.debug-card-list-panel,.debug-card-item{touch-action:none!important}.card-history-right-panel{right:5px!important;top:15%!important;transform:translateY(-50%)}}@media (max-width: 550px) and (orientation: portrait),(max-width: 950px) and (orientation: landscape){.board-aura-panel{display:flex;flex-direction:column;position:fixed;top:50%;right:10px;transform:translateY(-50%);width:44vw;max-height:80vh;background:var(--bg-noise),linear-gradient(135deg,#0b1625,#040a12);border-image:url(/images/MISC/panelframe.webp) 300 round;border:8px solid transparent;border-radius:12px 0 0 12px;box-shadow:0 10px 25px #00000080;transition:width .3s ease,height .3s ease;z-index:100}.board-aura-panel.collapsed{right:0;width:3vw;height:8vh;animation:aura-handle-pulse 2.5s ease-in-out infinite}.board-aura-panel.collapsed .board-aura-content{display:none}.board-aura-handle{display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.board-aura-panel.collapsed .board-aura-handle{flex:1;border-bottom:none}.board-aura-handle-bar{width:40px;height:4px;background:#fbbf2499;border-radius:2px}.board-aura-panel.collapsed .board-aura-handle-bar{width:4px;height:40px}.board-aura-content{flex:1;min-height:0;overflow-y:auto;padding:6px}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.pack-cardback{width:210px;height:343px}.pack-card-flip{width:220px;height:340px}.pack-cards-row{gap:14px}.pack-rarity-label{font-size:8px}.pack-card-back{box-shadow:0 0 0 2px var(--rarity-border),var(--rarity-shadow)}.pack-card-front{box-shadow:var(--rarity-shadow);border-color:var(--rarity-border)}}@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.pack-cardback{width:210px;height:343px}.pack-card-flip{width:220px;height:340px}.pack-cards-row{gap:14px}.pack-rarity-label{font-size:8px}.pack-card-back{box-shadow:0 0 0 2px var(--rarity-border),var(--rarity-shadow)}.pack-card-front{box-shadow:var(--rarity-shadow);border-color:var(--rarity-border)}}@media (max-width: 550px) and (orientation: portrait){.pack-cardback{width:50vw;height:35vh}.pack-cardback-name,.pack-cardback-count{font-size:1rem}.pack-stage,.pack-reveal-stage,.pack-cards-row{gap:1rem}.pack-card-flip{width:35vw;height:27vh}.pack-card-slot{--card-base-width: 20vw}.pack-rarity-label{font-size:.5rem;margin-bottom:.5rem}.pack-controls{gap:1rem}.pack-card-back{box-shadow:0 0 0 2px var(--rarity-border),var(--rarity-shadow)}.pack-card-front{box-shadow:var(--rarity-shadow);border-color:var(--rarity-border)}}@media (max-width: 950px) and (orientation: landscape){.pack-cardback{width:20vw;height:70vh}.pack-cardback-name,.pack-cardback-count{font-size:1rem}.pack-stage,.pack-reveal-stage,.pack-cards-row{gap:1rem}.pack-card-flip{width:16vw;height:60vh}.pack-card-slot{--card-base-width: 20vw}.pack-rarity-label{font-size:.5rem;margin-bottom:.5rem}.pack-controls{gap:1rem}.pack-card-back{box-shadow:0 0 0 2px var(--rarity-border),var(--rarity-shadow)}.pack-card-front{box-shadow:var(--rarity-shadow);border-color:var(--rarity-border)}}@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait){.card-detail-3d-wrapper{width:25vw;height:50vh}.card-detail-panel{width:30vw}}@media screen and (min-width: 1000px) and (max-width: 1399px) and (orientation: landscape),screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1400px) and (min-resolution: 2dppx){.card-detail-3d-wrapper{width:25vw;height:50vh}.card-detail-panel{width:30vw}}@media (max-width: 550px) and (orientation: portrait){.card-detail-content{gap:16px;width:180vw;max-width:180vw;justify-content:center}.card-detail-3d-wrapper{width:43vw;height:30vh}.card-detail-panel{width:70vw;padding:1rem}}@media (max-width: 950px) and (orientation: landscape){.card-detail-3d-wrapper{width:25vw;height:80vh}.card-detail-panel{width:35vw;padding:1rem}}.theme-conan{--bg-void: #0C0A08;--bg-stone: #221C17;--bg-stone-hi: #342A22;--torch: #F0A030;--ember: #E8801F;--bronze: #A87433;--bronze-hi: #C9A15A;--blood: #B23030;--bone: #E8DCC0;--bone-muted: #A89878;--blue-glow: var(--torch);--blue-mid: var(--ember);--blue-deep: var(--bg-stone);--bg-dark: var(--bg-void);--bg-deep: var(--bg-void);--silver-light: var(--bone);--silver-mid: var(--bone-muted);--text-main: var(--bone);--text-muted: var(--bone-muted);--border-glow: var(--bronze-hi);--border-glass: rgba(168, 116, 51, .35);--color-stat-mana: var(--bone);position:relative;color:var(--bone);background-color:var(--bg-void);background-image:radial-gradient(60% 50% at 50% 42%,rgba(240,160,48,.12) 0%,transparent 70%),linear-gradient(180deg,#0a08068c,#0e0a086b 45%,#080604d1),url(/images/MISC/sitebg.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}.theme-conan:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 42%,rgba(240,160,48,.16) 0%,transparent 70%),radial-gradient(90% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);animation:torch-flicker 2.6s ease-in-out infinite}@keyframes torch-flicker{0%{opacity:.86;transform:scale(1)}18%{opacity:1;transform:scale(1.012)}34%{opacity:.9}52%{opacity:.98;transform:scale(1.006)}70%{opacity:.84}86%{opacity:.97;transform:scale(1.01)}to{opacity:.88;transform:scale(1)}}.theme-conan #embers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.theme-conan #embers span{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffd27a,#f0a030 45%,#e8801f00 70%);box-shadow:0 0 8px 2px #f0a0308c;opacity:0;animation:ember-rise linear infinite}@keyframes ember-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.9}70%{opacity:.8}to{transform:translateY(-102vh) translate(var(--drift, 20px)) scale(.4);opacity:0}}.theme-conan #embers span:nth-child(1){left:6%;animation-duration:9s;animation-delay:0s;--drift: 24px}.theme-conan #embers span:nth-child(2){left:14%;animation-duration:12s;animation-delay:2.5s;--drift: -18px;width:3px;height:3px}.theme-conan #embers span:nth-child(3){left:22%;animation-duration:8s;animation-delay:1s;--drift: 30px}.theme-conan #embers span:nth-child(4){left:30%;animation-duration:14s;animation-delay:4s;--drift: -26px;width:5px;height:5px}.theme-conan #embers span:nth-child(5){left:38%;animation-duration:10s;animation-delay:.8s;--drift: 16px}.theme-conan #embers span:nth-child(6){left:46%;animation-duration:13s;animation-delay:3.2s;--drift: -22px;width:3px;height:3px}.theme-conan #embers span:nth-child(7){left:54%;animation-duration:9s;animation-delay:5s;--drift: 28px}.theme-conan #embers span:nth-child(8){left:62%;animation-duration:11s;animation-delay:1.6s;--drift: -20px;width:5px;height:5px}.theme-conan #embers span:nth-child(9){left:70%;animation-duration:8.5s;animation-delay:3.8s;--drift: 22px}.theme-conan #embers span:nth-child(10){left:78%;animation-duration:12.5s;animation-delay:.4s;--drift: -30px;width:3px;height:3px}.theme-conan #embers span:nth-child(11){left:85%;animation-duration:10.5s;animation-delay:2.2s;--drift: 18px}.theme-conan #embers span:nth-child(12){left:91%;animation-duration:13.5s;animation-delay:4.6s;--drift: -24px;width:5px;height:5px}.theme-conan #embers span:nth-child(13){left:50%;animation-duration:9.5s;animation-delay:6s;--drift: 12px}.theme-conan #embers span:nth-child(14){left:34%;animation-duration:11.5s;animation-delay:5.4s;--drift: -14px;width:3px;height:3px}.theme-conan #crystals{display:none!important}.theme-conan .bg-blue-deep-10{background-color:#f0a0301a}.theme-conan .bg-blue-mid-10{background-color:#b230301f}.theme-conan .bg-blue-deep-20{background-color:#f0a03029}.theme-conan .bg-blue-deep-40{background-color:#14100c8c}.theme-conan .bg-blue-deep{background-color:var(--bg-stone)}.theme-conan .bg-blue-mid{background-color:var(--ember)}.theme-conan .glass-panel,.theme-conan .hub-panel{background:var(--bg-noise),linear-gradient(160deg,#000,#000 55%,#111);backdrop-filter:none;-webkit-backdrop-filter:none;border:2px solid var(--bronze);border-radius:6px;box-shadow:0 14px 40px #000000b3,0 0 0 1px #0009,inset 0 0 0 1px #c9a15a59,inset 0 2px 10px #0009,inset 0 0 26px #00000080}.theme-conan .glass-panel:not(.absolute),.theme-conan .hub-panel{border:28px solid transparent;border-radius:0;border-image:url(/images/MISC/panelframe.webp) 300 round;box-shadow:0 16px 40px #000000b3}.theme-conan .glass-panel:hover{border-color:var(--bronze-hi)}.theme-conan .dropdown-simple,.theme-conan .hub-dropdown{background:linear-gradient(160deg,#2a231c,#1a140f);border:1px solid var(--bronze);color:var(--bone)}.theme-conan .dropdown-option:hover,.theme-conan .dropdown-option.active{background:#f0a03029;color:var(--torch)}.theme-conan{--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E")}.theme-conan .btn-premium{background:var(--grain),linear-gradient(180deg,#7e2020,#5a1616 55%,#390e0e);border:1px solid var(--bronze);color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.9);box-shadow:inset 0 1px #c9a15a59,inset 0 -2px 6px #0000008c,0 3px 8px #00000080}.theme-conan .btn-premium:hover{border-color:var(--bronze-hi);color:#fff;background:var(--grain),linear-gradient(180deg,#9e2a2a,#741c1c 55%,#4a1010);box-shadow:inset 0 1px #c9a15a73,0 0 18px #b230308c,0 3px 10px #0009}.theme-conan .btn-premium:active{background:var(--grain),linear-gradient(180deg,#5a1616,#390e0e)}.theme-conan .btn-simple{background:var(--grain),linear-gradient(180deg,#3b4046,#282c31 55%,#171a1e);border:1px solid rgba(158,168,178,.35);color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 1px #d2dce624,inset 0 -2px 6px #00000080,0 2px 6px #00000073}.theme-conan .btn-simple:hover{border-color:#c8d2dc8c;color:#fff;background:var(--grain),linear-gradient(180deg,#4a5058,#33383e 55%,#202429);box-shadow:inset 0 1px #d2dce633,0 0 14px #aab6c247,0 2px 8px #0000008c}.theme-conan .btn-primary{padding:10px 18px;border-radius:6px;font-weight:700;cursor:pointer;color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.9);border:1px solid var(--bronze);background:var(--grain),linear-gradient(180deg,#7e2020,#5a1616 55%,#390e0e);box-shadow:inset 0 1px #c9a15a59,inset 0 -2px 6px #0000008c,0 3px 8px #00000080;transition:all .2s ease}.theme-conan .btn-primary:hover:not(:disabled){border-color:var(--bronze-hi);color:#fff;background:var(--grain),linear-gradient(180deg,#9e2a2a,#741c1c 55%,#4a1010);box-shadow:0 0 18px #b230308c,0 3px 10px #0009}.theme-conan .difficulty-btn{color:var(--bone-muted);border-color:#a8743366}.theme-conan .difficulty-btn:hover{color:var(--bone);border-color:var(--bronze)}.theme-conan .difficulty-btn.active{color:#fff;border-color:var(--torch);box-shadow:0 0 14px #f0a03066}.theme-conan .difficulty-btn.normal.active{background:#f0a03038}.theme-conan .difficulty-btn.hard.active{background:#b230304d;border-color:var(--blood);box-shadow:0 0 14px #b2303073}.theme-conan .title-fantasy,.theme-conan .hub-title{color:var(--bone);letter-spacing:.06em;text-shadow:0 0 14px rgba(240,160,48,.35),0 2px 3px rgba(0,0,0,.8)}.theme-conan .text-blue-glow{color:var(--torch)}.theme-conan .text-slate-100,.theme-conan .text-slate-200{color:var(--bone)}.theme-conan .hover-glow-blue:hover{border-color:#f0a0308c;box-shadow:0 0 25px #f0a0302e}.theme-conan .hover-glow-silver:hover{border-color:#c9a15a8c;box-shadow:0 0 25px #c9a15a2e}.theme-conan .shadow-glow-blue{box-shadow:0 0 15px #f0a0304d}.theme-conan{--bg-panel: rgba(34, 28, 23, .55);--bg-glass: rgba(34, 28, 23, .35)}.theme-conan .battlefield-arena{background:var(--bg-noise),radial-gradient(ellipse at center,rgba(240,160,48,.08) 0%,transparent 65%),linear-gradient(135deg,#1a140f,#0c0a08);border:1px solid rgba(168,116,51,.3);box-shadow:0 20px 60px #0009,inset 0 0 80px #f0a0300d}.theme-conan .battlefield-arena:before{border:1px dashed rgba(201,161,90,.22)}.theme-conan .slot-board{background:var(--bg-noise),radial-gradient(ellipse at center,rgba(240,160,48,.05) 0%,transparent 70%),var(--bg-panel);border:2px solid rgba(168,116,51,.28);box-shadow:inset 0 0 20px #f0a0300d,0 4px 15px #0006}.theme-conan .slot-board:before{border:1px dashed rgba(201,161,90,.2)}.theme-conan .slot-board:after{background:linear-gradient(135deg,rgba(201,161,90,.08) 0%,transparent 40%,transparent 60%,rgba(201,161,90,.04) 100%)}.theme-conan .slot-board.active-hover{background:#f0a03029;border-color:#f0a03099;box-shadow:0 0 25px #f0a03059,inset 0 0 20px #f0a03026}.theme-conan .slot-board.can-attack-hover{background:#b2303038;border-color:#b23030bf;box-shadow:0 0 25px #b2303073}.theme-conan .slot-board.drag-hover-valid{background:#f0a03038;border-color:#f0a030d9;box-shadow:0 0 30px #f0a0308c,inset 0 0 20px #f0a03033}.theme-conan .slot-board.drag-hover-invalid{background:#3c342c66;border-color:#a8743380;box-shadow:0 0 20px #0006}.theme-conan .battlefield-hover-panel{background:var(--bg-noise),#1a140ff0;border:1px solid rgba(168,116,51,.5);box-shadow:0 10px 30px #000000bf,0 0 20px #f0a03026}.theme-conan .battlefield-hover-panel .hover-ability-text{border-top:1px solid rgba(201,161,90,.15)}.theme-conan .hero-portrait{background:linear-gradient(145deg,#5a281459,#1e140e99);border:2px solid rgba(168,116,51,.4)}.theme-conan .hero-portrait:before{border:1px solid rgba(201,161,90,.2)}.theme-conan .hero-portrait-player{color:var(--torch);border-color:#f0a03073;box-shadow:0 0 25px #f0a03026,inset 0 1px 1px #c9a15a1a}.theme-conan .hero-portrait-player:hover{border-color:#f0a030b3;box-shadow:0 0 35px #f0a03047}.theme-conan .hero-portrait-opponent{color:var(--bone)}.theme-conan .hero-portrait-opponent:hover{border-color:#c9a15aa6}.theme-conan .hero-portrait.hero-targetable{border-color:var(--blood)}.theme-conan .hero-portrait.hero-ability-ready{border-color:#f0a0308c;box-shadow:0 0 25px #f0a03038}.theme-conan .border-blue-glow-50{border-color:#f0a03080}.theme-conan .bg-blue-glow-20{background-color:#f0a0302e}.theme-conan .shadow-glow-blue-strong{box-shadow:0 0 20px #f0a03059}.theme-conan .debug-card-list-panel{background:var(--bg-noise),linear-gradient(160deg,#2a231c,#120d09);border:1px solid var(--bronze);-webkit-backdrop-filter:none;backdrop-filter:none}.theme-conan .debug-search-input:focus{border-color:#f0a03080}.theme-conan .debug-panel-tab.active{color:var(--torch);border-color:var(--torch)}.btn-premium.btn-mulligan{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E"),linear-gradient(180deg,#7e2020,#5a1616 55%,#390e0e);border:1px solid #A87433;color:#e8dcc0;text-shadow:0 1px 2px rgba(0,0,0,.9)}.btn-premium.btn-mulligan:hover{border-color:#c9a15a;color:#fff;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E"),linear-gradient(180deg,#9e2a2a,#741c1c 55%,#4a1010);box-shadow:0 0 18px #b230308c,0 3px 10px #0009}.theme-conan .game-log-left-panel{background:var(--bg-noise),linear-gradient(160deg,#2a231c,#120d09);border:1px solid var(--bronze);-webkit-backdrop-filter:none;backdrop-filter:none}.theme-conan .battlefield-arena,.theme-conan .game-log-left-panel,.theme-conan .debug-card-list-panel{border:28px solid transparent;border-radius:0;border-image:url(/images/MISC/panelframe.webp) 300 round;background:var(--bg-noise),linear-gradient(160deg,#000,#000 55%,#111);box-shadow:0 16px 40px #000000b3}.emote-menu-container{border-color:#a874338c!important}.emote-menu-container .btn-simple{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E"),linear-gradient(180deg,#3b4046,#282c31 55%,#171a1e);border:1px solid rgba(158,168,178,.35);color:#e8dcc0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.emote-menu-container .btn-simple:hover{border-color:#c8d2dc8c;color:#fff;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E"),linear-gradient(180deg,#4a5058,#33383e 55%,#202429)}