.hero-flex-overlay{--flex-a:#e9d5ff;--flex-b:rgba(216,180,254,.42);--flex-dur:2600ms;--flex-hit:400ms;--flex-shake:6px;--flex-flash:0.5;--flex-hero:260px;--flex-rays:0.3;position:fixed;inset:0;z-index:9600;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(10,7,20,.62),rgba(10,7,20,.2) 46%,transparent 70%);animation:hflex-in .25s ease-out both,hflex-out .45s ease-in calc(var(--flex-dur) - .45s) forwards}.hero-flex-overlay[data-tier=rare]{--flex-a:#93c5fd;--flex-b:rgba(96,165,250,.48);--flex-rays:0.35}.hero-flex-overlay[data-tier=epic]{--flex-a:#d8b4fe;--flex-b:rgba(168,85,247,.55);--flex-rays:0.42}.hero-flex-overlay[data-tier=legendary]{--flex-a:#fcd34d;--flex-b:rgba(251,191,36,.55);--flex-rays:0.48}.hero-flex-overlay *{pointer-events:none}@keyframes hflex-in{0%{opacity:0}to{opacity:1}}@keyframes hflex-out{0%{opacity:1}to{opacity:0}}.hero-flex-overlay__rays{position:absolute;left:50%;top:45%;width:130vmin;height:130vmin;margin:-65vmin 0 0 -65vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 9deg,var(--flex-b) 9deg 12deg,transparent 12deg 15deg);opacity:0;animation:hflex-rays-in .6s ease-out var(--flex-hit) forwards,hflex-spin 9s linear infinite}@keyframes hflex-rays-in{0%{opacity:0}to{opacity:var(--flex-rays)}}@keyframes hflex-spin{to{transform:rotate(1turn)}}.hero-flex-overlay__fx{position:absolute;inset:0;margin:auto;width:min(100%,980px);height:min(100%,980px)}.hero-flex-overlay__shake{position:relative;animation:hflex-shake .32s linear var(--flex-hit) both}@keyframes hflex-shake{0%{transform:translate(0)}15%{transform:translate(calc(var(--flex-shake) * -1),calc(var(--flex-shake) * .6))}30%{transform:translate(var(--flex-shake),calc(var(--flex-shake) * -.5))}45%{transform:translate(calc(var(--flex-shake) * -.6),calc(var(--flex-shake) * -.4))}60%{transform:translate(calc(var(--flex-shake) * .5),calc(var(--flex-shake) * .3))}80%{transform:translate(calc(var(--flex-shake) * -.2))}to{transform:translate(0)}}.hero-flex-overlay__ring{position:absolute;left:50%;top:var(--flex-hero-y,calc(26px + var(--flex-hero) / 2));width:calc(var(--flex-hero) * .9);height:calc(var(--flex-hero) * .9);margin:calc(var(--flex-hero) * -.45) 0 0 calc(var(--flex-hero) * -.45);border-radius:50%;border:3px solid var(--flex-a);box-shadow:0 0 18px var(--flex-b),inset 0 0 18px var(--flex-b);opacity:0;animation:hflex-ring .76s cubic-bezier(.2,.7,.3,1) calc(var(--flex-hit) + var(--i, 0) * .13s) forwards}@keyframes hflex-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(2.7)}}.hero-flex-overlay__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;animation:hflex-zoom 1s both}@keyframes hflex-zoom{0%{opacity:0;transform:translateY(24px) scale(.55);animation-timing-function:cubic-bezier(.3,0,.6,1)}34%{opacity:1;transform:translateY(4px) scale(.9);animation-timing-function:cubic-bezier(.2,0,.2,1)}40%{opacity:1;transform:translateY(0) scale(1.14);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-flex-overlay__aura{position:absolute;left:50%;top:var(--flex-hero-y,calc(26px + var(--flex-hero) / 2));z-index:-1;width:calc(var(--flex-hero) * 1.35);height:calc(var(--flex-hero) * 1.35);margin:calc(var(--flex-hero) * -.675) 0 0 calc(var(--flex-hero) * -.675);border-radius:50%;background:radial-gradient(circle,var(--flex-b) 0,transparent 66%);opacity:0;animation:hflex-aura-in .5s cubic-bezier(.16,1,.3,1) var(--flex-hit) forwards,hflex-aura-pulse 1.3s ease-in-out calc(var(--flex-hit) + .5s) infinite}@keyframes hflex-aura-in{0%{opacity:0;transform:scale(.6)}to{opacity:.9;transform:scale(1)}}@keyframes hflex-aura-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.hero-flex-overlay__name{position:relative;display:flex;flex-wrap:wrap;justify-content:center;column-gap:.32em;max-width:min(90vw,560px);font-family:Cinzel,Georgia,serif;font-weight:800;font-size:1.7rem;line-height:1.15;letter-spacing:-.01em}.hero-flex-overlay__word{display:inline-flex;white-space:nowrap}.hero-flex-overlay__name i{font-style:normal;display:inline-block;color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fde68a 40%,#f59e0b 76%,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:hflex-letter .42s cubic-bezier(.2,.9,.3,1.25) calc(var(--flex-hit) + .15s + var(--l, 0) * 35ms) forwards}@keyframes hflex-letter{0%{opacity:0;transform:translateY(12px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-flex-overlay__name-glow{position:absolute;inset:-30% -12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(251,191,36,.38),rgba(251,191,36,0) 70%);opacity:0;animation:hflex-glow 1.4s ease-in-out calc(var(--flex-hit) + .3s) infinite}@keyframes hflex-glow{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}.hero-flex-overlay__tag{font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--flex-a);opacity:0;animation:hflex-tag .46s cubic-bezier(.2,.9,.3,1.3) calc(var(--flex-hit) + .38s) forwards}@keyframes hflex-tag{0%{opacity:0;transform:scale(.6)}to{opacity:.95;transform:scale(1)}}.hero-flex-overlay__flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fffbeb,rgba(255,236,179,.7) 40%,rgba(255,236,179,0) 75%);opacity:0;animation:hflex-flash .2s linear var(--flex-hit) forwards}@keyframes hflex-flash{0%{opacity:0}20%{opacity:var(--flex-flash)}40%{opacity:var(--flex-flash)}to{opacity:0}}@media (max-height:500px),(max-width:560px) and (orientation:portrait){.hero-flex-overlay__name{font-size:1.25rem}.hero-flex-overlay__tag{font-size:.7rem}.hero-flex-overlay__stage{gap:.15rem}}.hero-flex-overlay.is-calm .hero-flex-overlay__stage{animation:hflex-calm .36s ease-out both}.hero-flex-overlay.is-calm .hero-flex-overlay__shake{animation:none}.hero-flex-overlay.is-calm .hero-flex-overlay__aura{animation:none;opacity:.75}.hero-flex-overlay.is-calm .hero-flex-overlay__name i{animation:hflex-calm .3s ease-out .2s forwards}.hero-flex-overlay.is-calm .hero-flex-overlay__name-glow{animation:none;opacity:.5}.hero-flex-overlay.is-calm .hero-flex-overlay__tag{animation:hflex-calm .3s ease-out .25s forwards}@keyframes hflex-calm{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-flex-overlay__flash,.hero-flex-overlay__fx,.hero-flex-overlay__rays,.hero-flex-overlay__ring{display:none}.hero-flex-overlay__stage{animation:hflex-calm .36s ease-out both}.hero-flex-overlay__aura,.hero-flex-overlay__name-glow,.hero-flex-overlay__shake{animation:none}.hero-flex-overlay__aura{opacity:.75}.hero-flex-overlay__name i,.hero-flex-overlay__tag{animation:hflex-calm .3s ease-out .2s forwards}}:where(.tcg-slot.has-card){box-shadow:0 10px 16px -8px rgba(0,0,0,.7),0 3px 6px -2px rgba(0,0,0,.45)}.tcg-board{background-image:radial-gradient(ellipse 62% 52% at 50% 50%,rgba(255,232,190,.075),rgba(255,232,190,0) 72%)}:root[data-reduce-effects] .tcg-hud.tcg-hud-heal,:root[data-reduce-effects] .tcg-hud.tcg-hud-hit,:root[data-reduce-effects] .tcg-hud.tcg-hud-hit .tcg-hud-hero-slot,:root[data-reduce-effects] .tcg-page.tcg-shake{animation:none!important}:root[data-reduce-effects] .tcg-bighit__ring,:root[data-reduce-effects] .tcg-boss-cutin__flash,:root[data-reduce-effects] .tcg-destruction-flash,:root[data-reduce-effects] .tcg-duelstart-flash{display:none!important}