.rank-F{--rank-color:#8b8f99;--rank-glow:#8b8f9900;--rank-foil:0;--frame-material:matte;--frame-width:6%;--tilt-max:4;--holo-opacity:0;--glare-strength:.12;--sparkle-on:0;--foil-pattern:none;--card-perspective:1000px;--frame-grad:none;--frame-ring:2px;--shell-hairline-c:transparent;--shell-corner-c:transparent;--shell-etch:0;--rank-glow-r:0px;--rank-glow-far:transparent}.rank-E{--rank-color:#7bb0a0;--rank-glow:#7bb0a02e;--rank-foil:0;--frame-material:matte;--frame-width:6%;--tilt-max:6;--holo-opacity:0;--glare-strength:.15;--sparkle-on:0;--foil-pattern:none;--card-perspective:1000px;--frame-grad:none;--frame-ring:2px;--shell-hairline-c:#7bb0a047;--shell-corner-c:transparent;--shell-etch:0;--rank-glow-r:8px;--rank-glow-far:transparent}.rank-D{--rank-color:#6fa8d8;--rank-glow:#6fa8d838;--rank-foil:0;--frame-material:steel;--frame-width:6.5%;--tilt-max:7;--holo-opacity:0;--glare-strength:.18;--sparkle-on:0;--foil-pattern:sheen;--card-perspective:900px;--frame-grad:linear-gradient(165deg, #cfe0f2 0%, #6fa8d8 30%, #3a5a7c 55%, #9cc4e8 80%, #5c86ad 100%);--frame-ring:2px;--shell-hairline-c:#6fa8d857;--shell-corner-c:transparent;--shell-etch:0;--rank-glow-r:10px;--rank-glow-far:transparent}.rank-C{--rank-color:#9b8ce0;--rank-glow:#9b8ce042;--rank-foil:0;--frame-material:bronze;--frame-width:7%;--tilt-max:8;--holo-opacity:0;--glare-strength:.22;--sparkle-on:0;--foil-pattern:sheen;--card-perspective:900px;--frame-grad:linear-gradient(160deg, #d8cff5 0%, #9b8ce0 32%, #574a94 58%, #b7aaf0 84%, #6f60b8 100%);--frame-ring:2px;--shell-hairline-c:#9b8ce066;--shell-corner-c:transparent;--shell-etch:0;--rank-glow-r:11px;--rank-glow-far:transparent}.rank-B{--rank-color:#b4f038;--rank-glow:#b4f0384d;--rank-foil:0;--frame-material:lime;--frame-width:7%;--tilt-max:9;--holo-opacity:.3;--glare-strength:.3;--sparkle-on:0;--foil-pattern:linear;--card-perspective:850px;--frame-grad:linear-gradient(160deg, #e2ff8a 0%, #b4f038 32%, #5d7f15 58%, #d3f96e 84%, #8fbe2a 100%);--frame-ring:2px;--shell-hairline-c:#b4f0386b;--shell-corner-c:#b4f038d9;--shell-etch:0;--rank-glow-r:12px;--rank-glow-far:transparent}.rank-A{--rank-color:#cfe04a;--rank-glow:#cfe04a5c;--rank-foil:1;--frame-material:lime-gold;--frame-width:7.5%;--tilt-max:11;--holo-opacity:.55;--glare-strength:.45;--sparkle-on:0;--foil-pattern:linear;--card-perspective:800px;--frame-grad:linear-gradient(135deg, #b4f038 0%, #e2ff8a 28%, #f5c044 68%, #ffe9a8 100%);--frame-ring:2.5px;--shell-hairline-c:#cfe04a80;--shell-corner-c:#f5c044e6;--shell-etch:.16;--rank-glow-r:14px;--rank-glow-far:transparent}.rank-S{--rank-color:#f5c044;--rank-glow:#f5c0446b;--rank-foil:1;--frame-material:gold;--frame-width:8%;--tilt-max:14;--holo-opacity:.8;--glare-strength:.65;--sparkle-on:1;--foil-pattern:galaxy;--card-perspective:720px;--frame-grad:linear-gradient(150deg, #ffe9a8 0%, #f5c044 28%, #96731e 55%, #ffde7a 78%, #c89a2e 100%);--frame-ring:3px;--shell-hairline-c:#f5c0448c;--shell-corner-c:#ffde7af2;--shell-etch:.3;--rank-glow-r:18px;--rank-glow-far:#f5c04433}.rank-SS{--rank-color:#ff5db1;--rank-glow:#ff5db180;--rank-foil:1;--frame-material:rainbow;--frame-width:8%;--tilt-max:16;--holo-opacity:1;--glare-strength:.8;--sparkle-on:1;--foil-pattern:cosmos;--card-perspective:650px;--frame-grad:conic-gradient(from 45deg, #ff5db1, #ffb14c, #b4f038, #4cd6ff, #9b8cff, #ff5db1);--frame-ring:3px;--shell-hairline-c:#ffffff8c;--shell-corner-c:#fffffff2;--shell-etch:.42;--rank-glow-r:22px;--rank-glow-far:#ff5db13d}.card-frame{border:2px solid var(--rank-color);box-shadow:0 0 0 1px #00000059 inset, 0 0 var(--rank-glow-r,12px) var(--rank-glow), 0 0 calc(var(--rank-glow-r,12px) * 2.4) var(--rank-glow-far,transparent), var(--shadow-soft)}.card-foil:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, calc(.1 * var(--rank-foil,0))) 46%, rgba(255, 255, 255, calc(.22 * var(--rank-foil,0))) 50%, transparent 66%);animation:card-foil-sweep 5.5s var(--ease-out) infinite;mix-blend-mode:screen;background-size:250% 250%;position:absolute;inset:0}.card-rainbow{position:relative}.card-rainbow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#ff5db1,#ffb14c,#b4f038,#4cd6ff,#9b8cff,#ff5db1);padding:2px;animation:6s linear infinite card-rainbow-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes card-foil-sweep{0%{background-position:120% 0}60%{background-position:-40% 0}to{background-position:-40% 0}}@keyframes card-rainbow-spin{to{transform:rotate(360deg)}}.card-shell{--shell-corner-len:min(16px, 13%);z-index:10;pointer-events:none;border:1px solid var(--shell-hairline-c,transparent);background-image:linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent)), linear-gradient(var(--shell-corner-c,transparent), var(--shell-corner-c,transparent));background-repeat:no-repeat;background-size:var(--shell-corner-len) 2px, 2px var(--shell-corner-len), var(--shell-corner-len) 2px, 2px var(--shell-corner-len), var(--shell-corner-len) 2px, 2px var(--shell-corner-len), var(--shell-corner-len) 2px, 2px var(--shell-corner-len);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;border-radius:7px;position:absolute;inset:5px}.card-shell:before{content:"";padding:var(--frame-ring,2px);background:var(--frame-grad,none);-webkit-mask-composite:xor;border-radius:10px;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-shell:after{content:"";opacity:calc(var(--shell-etch,0) * var(--holo-opacity-mul,1));mix-blend-mode:overlay;background:repeating-linear-gradient(135deg,#ffffff8c 0 1px,#0000 1px 6px) 0 0/300% 300%;border-radius:10px;position:absolute;inset:-5px;-webkit-mask-image:radial-gradient(115% 100% at 50% 42%,#0000 0% 56%,#000 88%);mask-image:radial-gradient(115% 100% at 50% 42%,#0000 0% 56%,#000 88%)}.rank-S .card-shell:after,.rank-SS .card-shell:after{animation:18s linear infinite alternate card-etch-drift}@keyframes card-etch-drift{0%{background-position:0 0}to{background-position:100% 100%}}.game-scope{--rotate-x:0deg;--rotate-y:0deg;--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--background-x:50%;--background-y:50%;--holo-opacity-mul:1;--glare-strength-mul:1;--holo-tame:.62;--glare-tame:.55}.card3d-scene{perspective:var(--card-perspective,900px);border-radius:.85rem}.card3d-scene:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.card3d-body{transform-style:preserve-3d;transform:rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateZ(0);transition:transform 80ms linear;position:relative}.card3d-body.card-frame{box-shadow:none;overflow:visible}.card3d-scene:before{content:"";box-shadow:0 0 var(--rank-glow-r,14px) var(--rank-glow), 0 0 calc(var(--rank-glow-r,14px) * 2.4) var(--rank-glow-far,transparent), var(--shadow-soft);pointer-events:none;z-index:-1;border-radius:.75rem;position:absolute;inset:4%}.card3d-body[data-settling="1"]{transition:transform .4s var(--ease-snap)}.card3d-art-clip{overflow:hidden}.holo-foil,.holo-glare,.holo-sparkle{pointer-events:none;border-radius:inherit;z-index:15;position:absolute;inset:0}.holo-foil,.holo-sparkle{-webkit-mask-image:radial-gradient(120% 100% at 50% 38%,#0000 0% 42%,#000 78%);mask-image:radial-gradient(120% 100% at 50% 38%,#0000 0% 42%,#000 78%)}.holo-foil{opacity:calc(var(--holo-opacity,0) * var(--holo-opacity-mul,1) * var(--holo-tame,.62));mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ff5db1 0%,#ffb14c 12%,#b4f038 24%,#4cd6ff 36%,#9b8cff 48%,#ff5db1 60%) 0 0/300% 300%;background-position:var(--background-x,50%) var(--background-y,50%);transition:opacity .2s var(--ease-out)}.holo-glare{mix-blend-mode:overlay;opacity:calc(var(--glare-strength,.2) * var(--glare-strength-mul,1) * var(--pointer-from-center,0) * var(--glare-tame,.55));background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), #fffc 0%, transparent 45%)}.holo-sparkle{mix-blend-mode:screen;opacity:calc(var(--sparkle-on,0) * clamp(.35, var(--pointer-from-center,0), 1) * var(--holo-tame,.62));background:radial-gradient(1.4px 1.4px at 18% 24%,#fffffff2,#0000 60%),radial-gradient(1.2px 1.2px at 72% 16%,#ffe6b4e6,#0000 60%),radial-gradient(1.6px 1.6px at 40% 62%,#c8e6ffe6,#0000 60%),radial-gradient(1.2px 1.2px at 85% 70%,#ffc8ebe6,#0000 60%),radial-gradient(1.4px 1.4px at 28% 84%,#ffffffe6,#0000 60%),radial-gradient(1.1px 1.1px at 60% 40%,#b4f038b3,#0000 60%);background-position:var(--background-x,50%) var(--background-y,50%);background-size:140% 140%}[data-theme=night] .game-scope{--holo-opacity-mul:.8;--glare-strength-mul:.85}[data-theme=light] .game-scope{--holo-opacity-mul:.55;--glare-strength-mul:.7}[data-theme=light] .holo-foil{mix-blend-mode:soft-light}.card-inspect{border:0;max-height:100dvh;overflow:visible}.card-inspect::backdrop{-webkit-backdrop-filter:blur(4px);background:#0009}.elem-power{--elem:#ff5d5d}.elem-magic{--elem:#6fa8ff}.elem-agility{--elem:#5fd39a}.elem-light{--elem:#ffd66b}.elem-dark{--elem:#b07cff}.game-scope{--hp:#ff5d5d}[data-theme=light] .game-scope{--hp:#d23b3b}.stat-scrim{text-shadow:0 1px 2px #0000008c,0 0 1px #0009}[data-theme=light] .stat-scrim{text-shadow:0 0 2px #ffffffe6,0 1px 1px #00000080,0 0 1px #0000008c}.elem{background:color-mix(in oklab, var(--elem) 22%, var(--surface));border:1px solid color-mix(in oklab, var(--elem) 60%, transparent);color:var(--elem);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.card3d-art-clip>.elem{background:radial-gradient(120% 88% at 50% 34%, color-mix(in oklab, var(--elem) 34%, var(--surface-2)) 0%, color-mix(in oklab, var(--elem) 12%, var(--surface-2)) 48%, var(--surface-2) 82%);border:0;border-radius:0;width:100%;height:100%}.mana-pip{border:1px solid var(--ink-line);background:var(--surface-2);width:16px;height:16px;transition:background .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:3px;transform:rotate(45deg)}.mana-pip[data-state=full]{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.mana-pip[data-state=spent]{background:var(--accent-soft);border-color:var(--accent)}.battle-felt{background:radial-gradient(120% 80% at 50% 50%, var(--accent-soft) 0%, transparent 60%), var(--surface);background-image:radial-gradient(120% 80% at 50% 50%, var(--accent-soft) 0%, transparent 60%), radial-gradient(var(--ink-line) 1px, transparent 1px);background-size:auto,18px 18px}.board-slot{border:1px dashed var(--ink-line);background:color-mix(in oklab, var(--surface-2) 70%, transparent);border-radius:12px}.target-valid{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 16px var(--accent-glow)}.can-attack{box-shadow:0 0 0 2px var(--accent), 0 0 12px var(--accent-glow)}.summon-sick{opacity:.7;filter:saturate(.85)}.hand-card{transform-origin:bottom;transition:transform .18s var(--ease-snap), box-shadow .18s var(--ease-out);will-change:transform}.hand-card:hover,.hand-card:focus-visible{z-index:30;box-shadow:var(--shadow-panel);transform:translateY(-22px)scale(1.06)}.hand-card[data-playable=true]{outline:1px solid var(--accent)}.game-scope{--arena-scrim-top:#0000009e;--arena-scrim-bottom:#000000b3;--arena-vignette:#00000073;--zone-glass-bg:color-mix(in oklab, var(--surface) 70%, transparent);--arena-parallax-x:0px;--arena-parallax-y:0px;--ease-arc:cubic-bezier(.34, 1.2, .64, 1);--ease-impact:cubic-bezier(.5, 0, .9, .25);--dur-fast:.12s;--dur-base:.3s;--dur-arc:.34s;--dur-reveal:.42s;--stagger:70ms;--bot-step:.65s}.game-arena{background:var(--background);z-index:30;width:100dvw;height:calc(100dvh - 3.5rem);position:fixed;inset:3.5rem 0 0;overflow:hidden}body:has(.game-arena)>.group.fixed.bottom-0.right-3{display:none!important}.arena-env{z-index:0;opacity:.5;position:absolute;inset:-40px}.arena-env img{object-fit:cover;object-position:center;filter:blur(26px)brightness(.42)saturate(.9);transform:translate3d(var(--arena-parallax-x,0px), var(--arena-parallax-y,0px), 0);transition:transform .22s var(--ease-out)}@media (prefers-reduced-motion:reduce){.arena-env img{transition:none!important;transform:none!important}}[data-theme=light] .arena-env{opacity:.32}[data-theme=light] .arena-env img{filter:blur(26px)brightness(1.05)saturate(.85)}.arena-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arena-particle{left:var(--px,50%);top:var(--py,50%);background:radial-gradient(circle, #fff 0%, color-mix(in oklab, #fff 72%, var(--accent)) 38%, var(--accent) 62%, transparent 80%);width:5px;height:5px;box-shadow:0 0 6px 1px color-mix(in oklab, var(--accent) 70%, transparent);opacity:0;filter:blur(.3px);mix-blend-mode:screen;animation:arena-particle-float var(--pdur,16s) ease-in-out var(--pd,0s) infinite;border-radius:50%;position:absolute}@keyframes arena-particle-float{0%{opacity:0;transform:translate(0, 10px) scale(calc(var(--psc,1) * .5))}15%{opacity:.7}50%{opacity:.85;transform:translate(var(--pdx,0px), -18px) scale(var(--psc,1))}85%{opacity:.55}to{opacity:0;transform:translate(calc(var(--pdx,0px) * 1.6), -38px) scale(calc(var(--psc,1) * .7))}}[data-theme=light] .arena-particle{opacity:0;mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){.arena-particle{opacity:.22;animation:none!important}}.arena-bg{z-index:0;position:absolute;inset:-16px}.arena-bg img{object-fit:cover;object-position:center;transform:translate3d(var(--arena-parallax-x,0px), var(--arena-parallax-y,0px), 0);transition:transform .22s var(--ease-out)}.arena-vignette{z-index:1;pointer-events:none;position:absolute;inset:0}.arena-vignette:before{content:"";background:radial-gradient(120% 90% at 50% 48%, transparent 0%, transparent 35%, var(--arena-vignette) 100%);position:absolute;inset:0}.arena-vignette:after{content:"";background:linear-gradient(180deg, var(--arena-scrim-top) 0%, transparent 22%, transparent 70%, var(--arena-scrim-bottom) 100%);position:absolute;inset:0}[data-theme=light] .arena-bg img{filter:brightness(.94)saturate(.92)}[data-theme=light] .game-scope,[data-theme=light].game-scope{--arena-scrim-top:#fafaf8d1;--arena-scrim-bottom:#fafaf8d9;--arena-vignette:#fafaf899}.board-topbar{z-index:5;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute;top:0;left:0;right:0}.board-handbar{z-index:5;padding:0 .75rem calc(.4rem + env(safe-area-inset-bottom,0px));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.board-handbar>*{pointer-events:auto}.board-handbar>.arena-particles{pointer-events:none}.zone-glass{background:var(--zone-glass-bg);-webkit-backdrop-filter:blur(10px)saturate(1.1);border:1px solid var(--ink);border-radius:14px}.board-lane{justify-content:flex-start;align-items:center;gap:.5rem;min-height:96px;padding:.4rem .5rem;display:flex}@media (min-width:1024px){.board-lane{flex-wrap:wrap;justify-content:center}}@media (max-width:1023px){.board-lane{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overflow-x:auto}.board-lane>*{scroll-snap-align:center}}.hero-capsule{border-radius:14px;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .35rem;display:inline-flex}.creature-tile{border:2px solid var(--rank-color);background:var(--surface);border-radius:10px;width:84px;height:118px;display:block;position:relative;overflow:hidden}@media (min-width:1024px){.creature-tile{width:104px;height:146px}}.arena-cta-bar{z-index:4;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.log-sheet{background:var(--surface);border:0;border-top:1px solid var(--ink);border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:70dvh;margin:0 0 0 auto;padding:0}.log-sheet::backdrop{background:#00000080}@keyframes board-land{0%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.board-land{animation:board-land .16s var(--ease-snap) both}.fly-card{z-index:39;transform-style:preserve-3d;transform-origin:50%;pointer-events:none;will-change:transform;border-radius:12px;position:fixed;top:0;left:0}.fly-card-face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 26px #0000008c}.fly-card-face>img{object-fit:cover;width:100%;height:100%}.fly-card-back{transform:rotateY(180deg)}.fly-card-front{box-shadow:inset 0 0 0 2px var(--rank-color), 0 12px 26px #0000008c}.fly-card-placeholder{background:radial-gradient(120% 88% at 50% 34%, color-mix(in oklab, var(--elem,var(--accent)) 36%, var(--surface-2)) 0%, color-mix(in oklab, var(--elem,var(--accent)) 14%, var(--surface-2)) 48%, var(--surface-2) 84%)}@keyframes impact-flash{0%{opacity:0;transform:scale(.7)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.impact-flash{pointer-events:none;border-radius:inherit;z-index:25;mix-blend-mode:screen;animation:impact-flash .12s var(--ease-impact) both;background:radial-gradient(circle,#ffffffe6 0%,#0000 60%);position:absolute;inset:0}.impact-flash[data-weak=true]{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%)}@keyframes hit-shake{0%,to{transform:translate(0,0)}20%{transform:translate(-3px)rotate(-1deg)}40%{transform:translate(3px)rotate(1deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.hit-shake{animation:.28s ease-in-out both hit-shake}@keyframes creature-death{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.7) rotate(var(--death-rot,-6deg)) translateY(4px)}}.creature-death{animation:creature-death .26s var(--ease-out) both;pointer-events:none}@keyframes deck-shuffle{0%{transform:translate(0)rotate(0)}35%{transform:translateX(var(--shf-x,8px)) rotate(var(--shf-r,6deg))}70%{transform:translateX(calc(var(--shf-x,8px) * -.5)) rotate(calc(var(--shf-r,6deg) * -.5))}to{transform:translate(0)rotate(0)scale(1)}}.deck-shuffle{animation:deck-shuffle .4s var(--ease-snap) both}@keyframes slot-flash{0%{box-shadow:0 0 0 2px var(--accent), 0 0 18px var(--accent-glow)}to{box-shadow:0 0 #0000}}.slot-flash{animation:slot-flash .42s var(--ease-out) both}@keyframes gacha-burst{0%{opacity:0;transform:scale(.6)rotate(-4deg)}55%{opacity:1;transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gacha-reveal{animation:gacha-burst .42s var(--ease-snap) both}@keyframes gacha-shake{0%,to{transform:translate(0,0)rotate(0)}20%{transform:translate(-3px)rotate(-1.5deg)}40%{transform:translate(3px)rotate(1.5deg)}60%{transform:translate(-2px)rotate(-1deg)}80%{transform:translate(2px)rotate(1deg)}}.gacha-shake{animation:.5s ease-in-out infinite gacha-shake}@keyframes gacha-flash{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}.gacha-flash{animation:gacha-flash .7s var(--ease-out) both;background:radial-gradient(circle, var(--rank-glow) 0%, transparent 60%)}@keyframes log-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.log-entry{animation:log-in .18s var(--ease-out) both}@keyframes float-num{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-6px)scale(1.1)}to{opacity:0;transform:translateY(-26px)scale(1)}}.float-num{animation:float-num .9s var(--ease-out) both;font-family:var(--font-heading), system-ui, sans-serif;transform-origin:50%;pointer-events:none;text-shadow:0 2px 3px #000000d9,0 0 2px #000000e6;color:var(--hp);font-size:22px;font-weight:800;line-height:1}.float-num[data-kind=dmg]{color:var(--hp)}.float-num[data-kind=heal]{color:var(--vfx-heal,#46e08a)}@keyframes float-num-big{0%{opacity:0;transform:translateY(0)scale(.6)}18%{opacity:1;transform:translateY(-8px)scale(1.3)}34%{transform:translateY(-11px)scale(1.02)}to{opacity:0;transform:translateY(-34px)scale(1)}}.float-num[data-big]{animation:float-num-big .95s var(--ease-out) both;font-size:30px}@keyframes float-num-static{0%,92%{opacity:1}to{opacity:0}}.art-focus-top{object-position:50% 18%!important}.art-focus-face{object-position:50% 8%!important}.art-focus-center{object-position:50% 50%!important}.card-art-scrim{z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000 48%,#00000052 66%,#000000b8 86%,#000000db 100%);position:absolute;inset:0}[data-theme=light] .card-art-scrim{background:linear-gradient(#0000 46%,#00000047 64%,#000000a8 84%,#000000d1 100%)}.card-chip-scrim{filter:drop-shadow(0 1px 3px #000000b3)}.game-scope{--board-tilt-enemy:0deg;--board-tilt-player:0deg;--enemy-row-top:14.5%;--enemy-row-left:30.5%;--enemy-row-width:39%;--enemy-row-height:11.5%;--player-row-top:51%;--player-row-left:29.5%;--player-row-width:41%;--player-row-height:18.5%;--board-cell-gap:1.1%;--enemy-hero-top:6%;--enemy-hero-left:2%;--enemy-deck-top:8%;--enemy-deck-right:4%;--player-hero-bottom:5%;--player-hero-left:2%;--player-deck-bottom:6%;--player-deck-right:4%;--end-turn-left:84.69%;--end-turn-top:33.85%;--end-turn-w:6.41%;--end-turn-h:12.01%;--slot-shadow:#0000006b;--vfx-power:#ff4d4d;--vfx-magic:#8a5cff;--vfx-agility:#3fd9c8;--vfx-light:#ffce4a;--vfx-dark:#e25cc0;--vfx-heal:#46e08a;--hand-overlap:-18px;--hand-lift:-18px;--hand-card-w:128px;--hand-card-h:186px}@media (min-width:1024px){.game-scope{--hand-card-w:150px;--hand-card-h:218px;--hand-overlap:-26px;--hand-lift:-24px}}.board-stage{z-index:2;--board-stage-ar:3840 / 1648;--arena-h:calc(100dvh - 3.5rem);width:min(100%, calc(var(--arena-h) * 3840 / 1648));aspect-ratio:var(--board-stage-ar);isolation:isolate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-stage-img{object-fit:fill;object-position:center;z-index:0}[data-theme=light] .board-stage-img{filter:brightness(.97)saturate(.96)}.board-row{z-index:3;pointer-events:none;position:absolute;inset:0}.board-cell{transform-origin:0 0;backface-visibility:hidden;will-change:transform;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:visible}.board-cell--filled .creature-chip{width:100%;height:100%}.creature-chip{cursor:pointer;transition:transform .15s var(--ease-out), filter .15s var(--ease-out);background:0 0;border:0;border-radius:4%/3%;display:block;position:relative}.creature-chip-art{border-radius:inherit;background:var(--surface-2);box-shadow:0 5px 9px -3px #0009, 0 13px 20px -8px #00000080,  inset 0 2px 4px -1px #0000008c, inset 2px 0 4px -2px #0006, inset -2px 0 4px -2px #0006, inset 0 -1px 0 #00000080, inset 0 1px 0 #ffffff29, inset 0 -30% 22% -18% #0000009e;position:absolute;inset:0;overflow:hidden}.creature-chip-art>img,.creature-chip-art>.elem{object-fit:cover;width:100%;height:100%}.creature-chip-art>.elem{background:radial-gradient(120% 88% at 50% 34%, color-mix(in oklab, var(--elem) 34%, var(--surface-2)) 0%, color-mix(in oklab, var(--elem) 12%, var(--surface-2)) 48%, var(--surface-2) 82%);border:0;border-radius:0;justify-content:center;align-items:center;display:flex}.creature-chip-frame{border-radius:inherit;box-shadow:inset 0 0 0 2px var(--rank-color), inset 0 0 0 3.5px #0000008c, inset 0 0 9px #0000008c;pointer-events:none;z-index:1;position:absolute;inset:0}.creature-chip.rank-A .creature-chip-frame,.creature-chip.rank-S .creature-chip-frame,.creature-chip.rank-SS .creature-chip-frame{box-shadow:inset 0 0 0 2px var(--rank-color), inset 0 0 7px #00000080, 0 0 11px var(--rank-glow)}.creature-chip.has-taunt .creature-chip-frame{box-shadow:inset 0 0 0 3px #c9d2da,inset 0 0 0 5px #000000a6,inset 0 0 11px #00000080,0 0 9px #96aabe73}.creature-chip-shield{border-radius:inherit;z-index:2;pointer-events:none;animation:chip-shield-shimmer 2.2s var(--ease-out) infinite;position:absolute;inset:0;box-shadow:inset 0 0 0 2.5px #fff0bef2,inset 0 0 12px #ffe296b3,0 0 10px #ffe0968c}@keyframes chip-shield-shimmer{0%,to{opacity:.7}50%{opacity:1}}.creature-chip.has-rush .creature-chip-art{box-shadow:0 5px 9px -3px #0009, 0 13px 20px -8px #00000080, inset 0 1px 0 #ffffff29, inset 0 -30% 22% -18% #0000009e, inset 0 0 10px #3fd9c880}@media (prefers-reduced-motion:reduce){.creature-chip-shield{opacity:.95;animation:none!important}}.creature-chip-frost{border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(135deg,#b4e2ff57,#78b4eb29 60%,#0000),radial-gradient(circle at 30% 20%,#fff6,#0000 45%);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #b0e0ffe6,inset 0 0 14px #96cdff99}.creature-chip.is-frozen .creature-chip-art>img{filter:saturate(.55)brightness(.92)}.creature-chip.is-silenced .creature-chip-art>img{filter:grayscale(.5)brightness(.95)}.creature-chip-badges{z-index:4;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:4%;right:4%}.chip-badge{color:#fff;background:#0c1016d1;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 2px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1.5px,0 1px 3px #0009}.chip-badge--lifesteal{color:#ff7b9c}.chip-badge--regen{color:#6fe3a0}.chip-badge--silence{color:#b9c4d0}.chip-badge--poison{color:#8ee27a}.chip-badge--trample{color:#ffb14d}.chip-badge--deathrattle{color:#c9a6ff}.chip-badge--charge{color:#ffe14d}.chip-badge--onattack{color:#ff9a5a}.chip-badge--windfury{color:#7fdfff}.chip-badge--reborn{color:#ffd07a}.chip-badge--spellpower{color:#b08bff}.creature-chip-ulti{z-index:4;pointer-events:none;background:#0c1016d1;border-radius:999px;justify-content:center;align-items:center;height:8px;display:flex;position:absolute;bottom:4%;left:6%;right:6%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe14d8c}.creature-chip-ulti-fill{transform-origin:0;transform:scaleX(var(--ulti-progress,0));background:linear-gradient(90deg,#ffd24d,#ffec8a);transition:transform .22s;position:absolute;inset:0}.creature-chip-ulti-text{z-index:1;color:#1a1206;text-shadow:0 0 2px #fff9;font-size:8px;font-weight:800;line-height:1;position:relative}@media (prefers-reduced-motion:reduce){.creature-chip-frost{box-shadow:inset 0 0 0 2px #b0e0ffe6}.creature-chip-ulti-fill{transition:none}}.battle-toast{z-index:60;border:1px solid var(--ink-line,#ffffff29);max-width:min(90vw,420px);color:var(--foreground,#f2f5f8);font-family:var(--font-heading,inherit);text-align:center;pointer-events:none;animation:battle-toast-in .18s var(--ease-out,ease) both;background:#0e1218eb;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;position:fixed;bottom:168px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}@keyframes battle-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.battle-toast{animation:none}}.creature-chip-elem{aspect-ratio:1;z-index:2;filter:drop-shadow(0 1px 2px #000000a6);width:24%;height:auto;padding:0;position:absolute;top:5%;left:5%}.creature-chip-atk,.creature-chip-hp{aspect-ratio:1;width:26%;font-family:var(--font-heading), system-ui, sans-serif;color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(8px,1.3vw,14px);font-weight:800;line-height:1;display:flex;position:absolute;bottom:5%}.creature-chip-atk{background:radial-gradient(circle at 50% 36%, color-mix(in oklab, var(--accent) 30%, #16170f) 0%, #0a0b07 78%);box-shadow:0 1px 3px #000000b3, 0 0 5px color-mix(in oklab, var(--accent) 40%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--accent) 85%, transparent);left:5%}.creature-chip-hp{background:radial-gradient(circle at 50% 36%, color-mix(in oklab, var(--hp) 30%, #1a0d0d) 0%, #0b0707 78%);box-shadow:0 1px 3px #000000b3, 0 0 5px color-mix(in oklab, var(--hp) 40%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--hp) 85%, transparent);right:5%}.creature-chip-atk.is-buffed,.creature-chip-hp.is-buffed{color:#0a0b07;background:radial-gradient(circle at 50% 36%, color-mix(in oklab, var(--accent) 78%, #1b1d10) 0%, color-mix(in oklab, var(--accent) 42%, #0a0b07) 82%);box-shadow:0 1px 3px #000000b3, 0 0 6px color-mix(in oklab, var(--accent) 60%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--accent) 95%, transparent)}.creature-chip.target-valid,.creature-chip.can-attack{box-shadow:none!important;outline:none!important}.creature-chip.can-attack .creature-chip-frame{box-shadow:inset 0 0 0 2.5px var(--accent), inset 0 0 11px var(--accent-glow)}.creature-chip.target-valid .creature-chip-frame{box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 14px var(--accent-glow)}.creature-chip.is-selected .creature-chip-frame{box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 16px var(--accent-glow)}.creature-chip.is-selected{transform:translateY(-5%)scale(1.04)}@media (hover:hover) and (pointer:fine){.creature-chip:hover{filter:brightness(1.06);transform:translateY(-4%)}}.board-stage.is-targeting .board-cell--filled .creature-chip:not(.target-valid){opacity:.5;transition:opacity .18s var(--ease-out)}.board-cell--filled:after{content:"";background:radial-gradient(ellipse at center, var(--slot-shadow) 0%, transparent 72%);pointer-events:none;z-index:-1;border-radius:50%;width:78%;height:8%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.board-row--player .board-cell--filled:after{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--accent) 20%, var(--slot-shadow)) 0%, transparent 72%)}.board-stage[data-debug] .board-row{outline:1px solid #0f8}.board-stage[data-debug] .board-cell{outline:1px solid #ff2fd0}.board-cell--drop:before{content:"";border:2px solid var(--accent);box-shadow:0 0 16px var(--accent-glow);pointer-events:none;transition:opacity .18s var(--ease-out);border-radius:12px;position:absolute;inset:8% 6%}.board-stage.is-targeting .board-cell--empty{opacity:.5;transition:opacity .18s var(--ease-out)}.board-stage.is-targeting .target-valid{opacity:1!important}@media (prefers-reduced-motion:reduce){.board-stage.is-targeting .board-cell--empty,.board-cell--drop:before{transition:none}}.board-anchor{z-index:4;position:absolute}.board-anchor--enemy-hero{top:var(--enemy-hero-top);left:var(--enemy-hero-left)}.board-anchor--enemy-deck{top:var(--enemy-deck-top);right:var(--enemy-deck-right)}.board-anchor--player-hero{bottom:var(--player-hero-bottom);left:var(--player-hero-left)}.board-anchor--player-deck{bottom:var(--player-deck-bottom);right:var(--player-deck-right);align-items:flex-end;gap:.5rem;display:flex}.board-anchor--end-turn{left:var(--end-turn-left,84.69%);top:var(--end-turn-top,33.85%);width:var(--end-turn-w,6.41%);height:var(--end-turn-h,12.01%);z-index:6;transform:translate(-50%,-50%)}.hero-frame{--hero-portrait:60px;min-height:calc(var(--hero-portrait) + 24px);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 86%, transparent) 0%, color-mix(in oklab, var(--surface-2) 82%, transparent) 100%);-webkit-backdrop-filter:blur(9px)saturate(1.12);border:1px solid var(--ink);box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--gold) 22%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--surface) 60%, transparent), 0 6px 18px -8px #0009;border-radius:18px;outline:none;align-items:center;gap:.5rem;padding:.5rem .7rem .5rem .5rem;display:inline-flex;position:relative}.hero-frame.is-active{box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--gold) 22%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent), 0 0 16px -2px var(--accent-glow), 0 6px 18px -8px #0009;border-color:color-mix(in oklab, var(--accent) 55%, var(--ink))}.hero-frame-stats{flex-direction:column;gap:.25rem;min-width:0;display:flex}.hero-frame-id{flex-direction:column;line-height:1.05;display:flex}.hero-frame-name{font-family:var(--font-heading), system-ui, sans-serif;color:var(--foreground);font-size:13px;font-weight:700}@media (min-width:1024px){.hero-frame-name{font-size:15px}}.hero-frame-elem{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.02em;color:var(--muted);font-size:10px;font-weight:600}.hero-hp-badge{z-index:4;font-family:var(--font-heading), system-ui, sans-serif;text-shadow:0 1px 2px #000000b3;background:#000000b8;border-radius:999px;padding:1px 5px;font-size:15px;font-weight:800;line-height:1;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hero-portrait-wrap{width:var(--hero-portrait,60px);height:var(--hero-portrait,60px);aspect-ratio:1;border-radius:50%;flex:none;position:relative;overflow:visible}.hero-frame-portrait{background:var(--surface-2);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #0000008c,0 2px 8px #00000073}.hero-frame-portrait img{object-fit:cover;object-position:50% 18%}.hero-portrait-wrap.target-valid,.hero-frame.target-valid{cursor:pointer}.hero-hp-ring{pointer-events:none;filter:drop-shadow(0 0 3px #00000080);width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.hero-power-btn{border:1px solid var(--accent);background:var(--accent-soft);width:fit-content;height:2.15rem;min-height:42px;color:var(--accent-text);font:700 .82rem/1 var(--font-heading);cursor:pointer;transition:background-color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .12s var(--ease-out);border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.3rem;padding:0 .85rem;display:inline-flex;position:relative}.hero-power-btn:not(:disabled){box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 30%, transparent), 0 0 10px -2px var(--accent-glow)}.hero-power-btn:active:not(:disabled){transform:scale(.94)}.hero-power-btn:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 16%, var(--accent-soft));box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent)}.hero-power-btn:disabled{cursor:not-allowed;opacity:.4}.hero-power-btn:after{content:"";border-radius:999px;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.hero-power-btn{transition:none}}.hero-frame-stats>[role=img]{flex-wrap:nowrap}@media (min-width:1024px){.hero-frame{--hero-portrait:64px}}@media (max-width:420px){.hero-frame{gap:.4rem;padding:.4rem .55rem .4rem .45rem}.hero-frame .mana-gem{width:12px;height:12px}}.mana-gem{border:1px solid var(--ink-line);background:var(--surface-2);border-radius:3px;width:15px;height:15px;position:relative;transform:rotate(45deg)}.mana-gem[data-state=full]{border-color:var(--accent);background:linear-gradient(135deg, color-mix(in oklab, #fff 55%, var(--accent)) 0%, var(--accent) 60%);box-shadow:0 0 7px var(--accent-glow)}.mana-gem[data-state=spent]{border-color:color-mix(in oklab, var(--accent) 60%, var(--ink-line));background:var(--accent-soft)}@media (min-width:1024px){.mana-gem{width:18px;height:18px}}@keyframes mana-fill-bloom{0%{filter:brightness(2.4)saturate(1.3);box-shadow:0 0 0 var(--accent-glow);transform:rotate(45deg)scale(.62)}45%{filter:brightness(1.7);box-shadow:0 0 14px var(--accent-glow), 0 0 6px var(--accent);transform:rotate(45deg)scale(1.18)}to{filter:brightness();box-shadow:0 0 7px var(--accent-glow);transform:rotate(45deg)scale(1)}}@keyframes mana-shimmer{0%,50%{opacity:0;transform:translate(-130%,-130%)}68%{opacity:.9}to{opacity:0;transform:translate(130%,130%)}}.mana-gem.mana-bloom{animation:mana-fill-bloom .42s var(--ease-out) both;animation-delay:var(--bloom-delay,0s);z-index:1}.mana-gem.mana-bloom.mana-bloom--strong{animation-duration:.56s}.mana-gem.mana-bloom.mana-bloom--strong:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;animation:mana-shimmer .56s var(--ease-out) both;animation-delay:var(--bloom-delay,0s);background:linear-gradient(135deg,#0000 38%,#ffffffe6 50%,#0000 62%);position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.mana-gem.mana-bloom,.mana-gem.mana-bloom--strong{filter:none!important;animation:none!important;transform:rotate(45deg)!important}.mana-gem.mana-bloom--strong:after{display:none!important}}.deck-stack{--deck-w:50px;--deck-h:70px;width:calc(var(--deck-w) + 6px);height:calc(var(--deck-h) + 6px);flex-shrink:0;position:relative}@media (min-width:1024px){.deck-stack{--deck-w:60px;--deck-h:84px}}.deck-stack-card{width:var(--deck-w);height:var(--deck-h);border:1px solid var(--ink);background:var(--surface-2);border-radius:7px;position:absolute;top:6px;left:0;overflow:hidden;box-shadow:0 2px 5px #00000073}.deck-stack-card img{object-fit:cover}.deck-stack-count{z-index:3;color:#fff;min-width:24px;height:22px;font:800 13px/1 var(--font-heading);background:#000000c7;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}[data-theme=light] .deck-stack-count{box-shadow:inset 0 0 0 1px #ffffff80}.end-turn-orb{border:2px solid color-mix(in oklab, #fff 45%, var(--accent));background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--accent) 30%, transparent) 0%, color-mix(in oklab, var(--accent) 12%, transparent) 60%, transparent 100%);-webkit-backdrop-filter:blur(1.5px)saturate(1.12);width:100%;height:100%;color:color-mix(in oklab, #fff 82%, var(--accent));cursor:pointer;box-shadow:0 4px 14px var(--accent-glow), inset 0 1px 0 #ffffff59, 0 0 0 5px color-mix(in oklab, var(--accent) 14%, transparent);transition:transform .12s var(--ease-out), box-shadow .16s var(--ease-out), background .16s var(--ease-out);border-radius:50%;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.end-turn-orb>svg{filter:drop-shadow(0 1px 2px #0009);max-width:62%;max-height:72%}.end-turn-orb:before{content:"";border-radius:50%;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.end-turn-orb:hover:not(:disabled){background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--accent) 44%, transparent) 0%, color-mix(in oklab, var(--accent) 18%, transparent) 60%, transparent 100%)}.end-turn-orb:active:not(:disabled){box-shadow:0 2px 8px var(--accent-glow), inset 0 2px 7px #00000073, 0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent);transform:scale(.92)}.end-turn-label{font:800 13px/1 var(--font-heading);letter-spacing:.04em;color:color-mix(in oklab, #fff 80%, var(--accent));text-shadow:0 1px 3px #000000d9, 0 0 8px var(--accent-glow);pointer-events:none;white-space:nowrap;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.end-turn-orb[data-ready=true]:after{content:"";border:2px solid var(--accent);opacity:.6;animation:orb-pulse 1.8s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.end-turn-orb:disabled{cursor:not-allowed;border-color:var(--ink);background:var(--surface-2);color:var(--muted);box-shadow:none}@keyframes orb-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.enemy-hand{justify-content:center;align-items:flex-start;display:flex}.enemy-hand-card{border:1px solid var(--ink);background:var(--surface-2);transform-origin:top;border-radius:5px;width:26px;height:38px;margin:0 -7px;position:relative;overflow:hidden}.enemy-hand-card img{object-fit:cover}.player-hand{pointer-events:none;justify-content:center;align-items:flex-end;min-height:150px;padding-top:18px;display:flex;position:relative}.player-hand:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0000006b 0%,#0000 72%);border-radius:50%;width:min(70%,520px);height:38px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}[data-theme=light] .player-hand:before{background:radial-gradient(#00000029 0%,#0000 72%)}.player-hand-card{pointer-events:auto;transform-origin:bottom;transition:transform .18s var(--ease-snap), box-shadow .18s var(--ease-out);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;flex-shrink:0;position:relative}.player-hand-card:active:before{content:"";border:2px solid var(--accent);opacity:0;pointer-events:none;z-index:60;border-radius:15px;animation:.4s linear forwards hand-hold-charge;position:absolute;inset:-3px}@keyframes hand-hold-charge{0%{opacity:0;box-shadow:0 0 0 0 var(--accent-glow);transform:scale(1.05)}to{opacity:.95;box-shadow:0 0 14px 1px var(--accent-glow);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.player-hand-card:active:before{animation:none}}.player-hand-card:not(:first-child){margin-left:var(--hand-overlap,-18px)}.player-hand-card:hover,.player-hand-card:focus-within{filter:brightness(1.06);transform:translateY(calc(var(--hand-lift,-18px) - 10px)) scale(1.12) rotate(0deg)!important;z-index:50!important}.player-hand-card:hover .player-hand-tile,.player-hand-card:focus-within .player-hand-tile{box-shadow:0 16px 34px #0009, 0 0 0 1px var(--rank-color)}.player-hand-card[data-playable=true]:after{content:"";border:1px solid var(--accent);pointer-events:none;border-radius:14px;position:absolute;inset:-2px}.player-hand-tile{width:var(--hand-card-w);height:var(--hand-card-h)}.player-hand-tile.cardv2{background:0 0;border:0;overflow:visible}.player-hand-card:not([data-affordable]) .player-hand-tile{filter:saturate(.4)brightness(.82)contrast(.96)}.player-hand-card:not([data-affordable]) .cardv2-cost{filter:grayscale()brightness(.66)}.player-hand-card:not([data-affordable]):hover,.player-hand-card:not([data-affordable]):focus-within{filter:none}.arena-overlay{z-index:35;pointer-events:none;position:absolute;inset:0}.vfx-power{--vfx:var(--vfx-power)}.vfx-magic{--vfx:var(--vfx-magic)}.vfx-agility{--vfx:var(--vfx-agility)}.vfx-light{--vfx:var(--vfx-light)}.vfx-dark{--vfx:var(--vfx-dark)}.vfx-bolt{z-index:38;pointer-events:none;--vfx:var(--vfx-power);width:28px;height:28px;margin:-14px 0 0 -14px;position:fixed}.vfx-bolt .core{background:radial-gradient(circle, #fff 0%, var(--vfx) 45%, transparent 72%);filter:drop-shadow(0 0 8px var(--vfx)) drop-shadow(0 0 16px var(--vfx));border-radius:50%;position:absolute;inset:0}.vfx-bolt .trail{background:radial-gradient(circle, var(--vfx) 0%, transparent 70%);opacity:.5;border-radius:50%;position:absolute;inset:0;transform:scale(1.8,.5)}.vfx-bolt.vfx-power .core{background:radial-gradient(circle, #fff 0%, #ffb36b 28%, var(--vfx) 55%, transparent 74%);transform:scale(1.12)}.vfx-bolt.vfx-power .trail{opacity:.6;transform:scale(2.1,.55)}.vfx-bolt.vfx-magic .core:after{content:"";border:1.5px solid color-mix(in oklab, #fff 35%, var(--vfx));opacity:.85;border-radius:4px;animation:.5s linear infinite vfx-bolt-diamond;position:absolute;inset:-5px}@keyframes vfx-bolt-diamond{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.vfx-bolt.vfx-agility .core{transform:scale(.82)}.vfx-bolt.vfx-agility .trail{opacity:.7;transform:scale(2.8,.3)}.vfx-bolt.vfx-light .core:after{content:"";background:conic-gradient(from 0deg, var(--vfx) 0deg 7deg, transparent 7deg 90deg, var(--vfx) 90deg 97deg, transparent 97deg 180deg, var(--vfx) 180deg 187deg, transparent 187deg 270deg, var(--vfx) 270deg 277deg, transparent 277deg 360deg);mix-blend-mode:screen;opacity:.9;border-radius:50%;animation:.9s linear infinite vfx-bolt-star;position:absolute;inset:-8px;-webkit-mask-image:radial-gradient(circle,#000 0% 60%,#0000 74%);mask-image:radial-gradient(circle,#000 0% 60%,#0000 74%)}@keyframes vfx-bolt-star{to{transform:rotate(180deg)}}.vfx-bolt.vfx-dark .core{background:radial-gradient(circle, #d9b8ff 0%, var(--vfx) 40%, #14061ed9 62%, transparent 76%);filter:blur(1px) drop-shadow(0 0 8px var(--vfx)) drop-shadow(0 0 16px var(--vfx))}.vfx-bolt.vfx-dark .trail{opacity:.4;filter:blur(3px);transform:scale(1.7)}.vfx-bolt[data-style=snipe] .trail{opacity:.65;transform:scale(2.6,.3)}.vfx-bolt[data-style=snipe] .core{transform:scale(.9)}@keyframes vfx-muzzle{0%{opacity:0;transform:scale(.4)}30%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.vfx-muzzle{z-index:38;pointer-events:none;background:radial-gradient(circle, #fff 0%, var(--vfx,var(--accent)) 42%, transparent 72%);mix-blend-mode:screen;width:34px;height:34px;animation:vfx-muzzle .24s var(--ease-out) both;border-radius:50%;margin:-17px 0 0 -17px;position:fixed}.impact-flash[data-element]:not([data-weak]){background:radial-gradient(circle, var(--vfx) 0%, transparent 60%)}.impact-spark[data-element]{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, #fff 70%, var(--vfx)) 0%, transparent 28%), repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in oklab, #fff 45%, var(--vfx)) 0deg 4deg, transparent 4deg 45deg)}@keyframes vfx-burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.vfx-burst{border-radius:inherit;pointer-events:none;z-index:26;border:2px solid var(--vfx);box-shadow:0 0 12px var(--vfx), inset 0 0 12px var(--vfx);mix-blend-mode:screen;animation:vfx-burst .24s var(--ease-impact) both;position:absolute;inset:0}.summon-portal{pointer-events:none;z-index:4;--vfx:var(--accent);position:absolute;inset:0}@keyframes summon-portal-glow{0%{opacity:0;transform:translateY(22%)scale(.55)}35%{opacity:.95;transform:translateY(4%)scale(1.05)}to{opacity:0;transform:translateY(-6%)scale(1.18)}}.summon-portal-glow{background:radial-gradient(60% 78% at 50% 92%, color-mix(in oklab, #fff 30%, var(--vfx)) 0%, var(--vfx) 34%, transparent 72%);mix-blend-mode:screen;filter:blur(1px);animation:summon-portal-glow .52s var(--ease-out) both;border-radius:50%;position:absolute;inset:-10% -16% -4%}@keyframes summon-portal-rise{0%{opacity:0;transform:translate(var(--sx,0), 26%) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(var(--sx,0), -82%) scale(.9)}}.summon-portal-spark{background:radial-gradient(circle, #fff 0%, var(--vfx) 55%, transparent 78%);width:6px;height:6px;box-shadow:0 0 7px var(--vfx);mix-blend-mode:screen;animation:summon-portal-rise .54s var(--ease-out) both;animation-delay:var(--sd,0s);border-radius:50%;margin-left:-3px;position:absolute;bottom:14%;left:50%}.summon-portal[data-reduced] .summon-portal-glow{animation-duration:.2s}@media (prefers-reduced-motion:reduce){.summon-portal-spark{animation:none!important;display:none!important}.summon-portal-glow{animation:summon-portal-glow .2s var(--ease-out) both}}.vfx-local{pointer-events:none;z-index:26;border-radius:inherit;position:absolute;inset:0;overflow:visible}@keyframes vfx-heal-glow{0%{opacity:0;transform:translateY(18%)scale(.6)}30%{opacity:.95;transform:translateY(2%)scale(1.02)}to{opacity:0;transform:translateY(-10%)scale(1.12)}}.vfx-heal-glow{background:radial-gradient(58% 72% at 50% 76%, color-mix(in oklab, #fff 45%, var(--vfx-heal)) 0%, var(--vfx-heal) 38%, transparent 74%);mix-blend-mode:screen;filter:blur(1px);animation:vfx-heal-glow .7s var(--ease-out) both;border-radius:50%;position:absolute;inset:-8% -12%}@keyframes vfx-heal-ring{0%{opacity:0;transform:scale(.6)}30%{opacity:.85;transform:scale(.95)}to{opacity:0;transform:scale(1.22)}}.vfx-heal-ring{border:2px solid color-mix(in oklab, #fff 40%, var(--vfx-heal));box-shadow:0 0 14px var(--vfx-heal), inset 0 0 10px color-mix(in oklab, var(--vfx-heal) 60%, transparent);mix-blend-mode:screen;animation:vfx-heal-ring .56s var(--ease-out) both;border-radius:50%;position:absolute;inset:4%}@keyframes vfx-rise-particle{0%{opacity:0;transform:translate(var(--sx,0), 42%) scale(.55)}25%{opacity:1}to{opacity:0;transform:translate(var(--sx,0), -110%) scale(1)}}.vfx-heal-plus{font:800 15px/1 var(--font-heading), system-ui, sans-serif;color:#eafff2;text-shadow:0 0 6px var(--vfx-heal), 0 0 12px var(--vfx-heal);animation:vfx-rise-particle .88s var(--ease-out) both;animation-delay:var(--sd,0s);margin-left:-7px;position:absolute;bottom:16%;left:50%}@keyframes heal-pulse{0%{transform:scale(1)}40%{transform:scale(1.045)}to{transform:scale(1)}}.heal-pulse{animation:heal-pulse .48s var(--ease-out)}@keyframes vfx-buff-ring{0%{opacity:0;transform:scale(.85)}30%{opacity:.9;transform:scale(1.02)}to{opacity:0;transform:scale(1.18)}}.vfx-buff-ring{border-radius:inherit;border:2px solid var(--accent);box-shadow:0 0 14px var(--accent-glow), inset 0 0 10px var(--accent-glow);animation:vfx-buff-ring .56s var(--ease-out) both;position:absolute;inset:-2px}.vfx-buff-arrow{color:var(--accent);text-shadow:0 0 6px var(--accent-glow), 0 0 10px var(--accent-glow);animation:vfx-rise-particle .76s var(--ease-out) both;animation-delay:var(--sd,0s);margin-left:-6px;font-size:12px;line-height:1;position:absolute;bottom:20%;left:50%}@keyframes buff-pop{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.buff-pop{animation:buff-pop .38s var(--ease-snap)}@keyframes vfx-slash-sweep{0%{opacity:0;transform:rotate(var(--slash-rot,-28deg)) translateX(-26%) scaleX(.25)}35%{opacity:1;transform:rotate(var(--slash-rot,-28deg)) translateX(0) scaleX(1)}to{opacity:0;transform:rotate(var(--slash-rot,-28deg)) translateX(26%) scaleX(.6)}}.vfx-slash-line{background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, #fff 60%, var(--vfx,var(--accent))) 35%, #fff 50%, color-mix(in oklab, #fff 60%, var(--vfx,var(--accent))) 65%, transparent 100%);mix-blend-mode:screen;width:130%;height:3px;filter:drop-shadow(0 0 6px var(--vfx,var(--accent)));transform-origin:50%;opacity:0;animation:vfx-slash-sweep .34s var(--ease-impact) both;border-radius:2px;margin:-1.5px 0 0 -65%;position:absolute;top:50%;left:50%}.vfx-slash-line--a{--slash-rot:-28deg}.vfx-slash-line--b{--slash-rot:24deg;animation-delay:90ms}@keyframes vfx-execute-tint{0%{opacity:0}25%{opacity:.55}to{opacity:0}}.vfx-execute-tint{border-radius:inherit;background:radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--vfx-power) 70%, #2a0505) 0%, transparent 74%);mix-blend-mode:screen;animation:vfx-execute-tint .48s var(--ease-impact) both;position:absolute;inset:0}.vfx-local--freeze{--vfx:var(--vfx-magic)}@keyframes vfx-freeze-tint{0%{opacity:0;transform:translateY(-6%)}30%{opacity:.75;transform:translateY(0)}75%{opacity:.6}to{opacity:0;transform:translateY(2%)}}.vfx-freeze-tint{border-radius:inherit;background:linear-gradient(180deg, color-mix(in oklab, #dff2ff 60%, var(--vfx-magic)) 0%, color-mix(in oklab, var(--vfx-magic) 45%, transparent) 55%, transparent 90%);mix-blend-mode:screen;animation:vfx-freeze-tint .82s var(--ease-out) both;position:absolute;inset:0}@keyframes vfx-freeze-ring{0%{opacity:0;transform:scale(1.15)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.vfx-freeze-ring{border-radius:inherit;border:2px solid color-mix(in oklab, #fff 50%, var(--vfx-magic));box-shadow:0 0 12px var(--vfx-magic), inset 0 0 14px color-mix(in oklab, var(--vfx-magic) 55%, transparent);mix-blend-mode:screen;animation:vfx-freeze-ring .62s var(--ease-out) both;position:absolute;inset:2%}@keyframes vfx-freeze-crystal{0%{opacity:0;transform:translate(var(--sx,0), 26%) scale(.4) rotate(-18deg)}30%{opacity:1}to{opacity:0;transform:translate(var(--sx,0), -66%) scale(1) rotate(14deg)}}.vfx-freeze-crystal{color:#dff2ff;text-shadow:0 0 6px var(--vfx-magic), 0 0 12px var(--vfx-magic);animation:vfx-freeze-crystal .84s var(--ease-out) both;animation-delay:var(--sd,0s);margin-left:-7px;font-size:13px;line-height:1;position:absolute;bottom:22%;left:50%}@keyframes vfx-silence-swirl{0%{opacity:0;transform:rotate(0)scale(1.2)}30%{opacity:.8}to{opacity:0;transform:rotate(200deg)scale(.5)}}.vfx-silence-swirl{background:repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in oklab, var(--vfx-dark) 55%, #9aa0ac) 0deg 26deg, transparent 26deg 90deg);mix-blend-mode:screen;animation:vfx-silence-swirl .62s var(--ease-out) both;border-radius:50%;position:absolute;inset:6%;-webkit-mask-image:radial-gradient(circle,#0000 0% 34%,#000 52% 66%,#0000 78%);mask-image:radial-gradient(circle,#0000 0% 34%,#000 52% 66%,#0000 78%)}@keyframes vfx-silence-cross{0%{opacity:0;transform:scale(.4)}45%{opacity:.95;transform:scale(1.12)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1)}}.vfx-silence-cross{font:800 18px/1 var(--font-heading), system-ui, sans-serif;color:#cfd4dd;text-shadow:0 0 8px var(--vfx-dark), 0 1px 2px #000c;animation:vfx-silence-cross .64s var(--ease-out) both;margin:-9px 0 0 -7px;animation-delay:.16s;position:absolute;top:50%;left:50%}@keyframes vfx-drain-tint{0%{opacity:0}30%{opacity:.6}to{opacity:0}}.vfx-drain-tint{border-radius:inherit;background:linear-gradient(180deg, transparent 10%, color-mix(in oklab, var(--vfx-dark) 45%, transparent) 60%, color-mix(in oklab, var(--vfx-dark) 70%, #14061e) 100%);mix-blend-mode:screen;animation:vfx-drain-tint .76s var(--ease-out) both;position:absolute;inset:0}@keyframes vfx-drain-wisp{0%{opacity:0;transform:translate(var(--sx,0), -34%) scale(.9)}25%{opacity:.9}to{opacity:0;transform:translate(calc(var(--sx,0%) * 1.4), 70%) scale(.45)}}.vfx-drain-wisp{background:radial-gradient(circle, #e6d2ff 0%, var(--vfx-dark) 52%, transparent 78%);width:7px;height:7px;box-shadow:0 0 8px var(--vfx-dark);mix-blend-mode:screen;animation:vfx-drain-wisp .82s var(--ease-out) both;animation-delay:var(--sd,0s);border-radius:50%;margin-left:-3.5px;position:absolute;top:30%;left:50%}.game-arena,.game-arena *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-arena img{-webkit-user-drag:none;user-drag:none}.game-arena .log-entry,.game-arena [role=log]{-webkit-user-select:text;user-select:text}.game-context-menu{z-index:70;background:var(--surface);border:1px solid var(--ink);-webkit-user-select:none;user-select:none;min-width:184px;animation:ctx-in .12s var(--ease-out) both;border-radius:12px;padding:4px;position:fixed;box-shadow:0 8px 28px #00000059}@keyframes ctx-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.game-context-menu [role=menuitem]{width:100%;min-height:40px;font:600 14px/1.1 var(--font-heading);color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.game-context-menu [role=menuitem]:hover,.game-context-menu [role=menuitem]:focus-visible{background:var(--surface-2)}.game-context-menu [role=menuitem][data-accent=true]{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){.card-foil:after,.card-rainbow:before,.card-shell:after,.gacha-shake,.gacha-flash{animation:none!important}.gacha-reveal,.log-entry{opacity:1;transform:none;animation:none!important}.arena-bg img{transition:none!important;transform:none!important}.board-land,.deck-shuffle,.slot-flash{box-shadow:none;animation:none!important;transform:none!important}.impact-flash{opacity:0!important;animation:none!important}.hit-shake{animation:none!important;transform:none!important}.creature-death{opacity:0!important;animation:none!important}.float-num,.float-num[data-big]{animation:.7s step-end both float-num-static;transform:translateY(-14px)}.hand-card{transition:none}.hand-card:hover,.hand-card:focus-visible{transform:translateY(-22px)}.mana-pip,.player-hand-card{transition:none}.player-hand-card:hover,.player-hand-card:focus-within{transform:none!important}.player-hand-card[data-playable=true]:after{border-width:2px}.end-turn-orb[data-ready=true]:after{opacity:0;animation:none!important}.board-cell--drop:before,.board-stage.is-targeting .board-cell--empty,.creature-chip{transition:none!important}.creature-chip.is-selected,.creature-chip:hover{filter:none!important;transform:none!important}.board-stage.is-targeting .board-cell--filled .creature-chip:not(.target-valid){transition:none!important}.vfx-bolt,.vfx-burst,.vfx-local,.vfx-muzzle,.manga-lines,.manga-star,.manga-frame,.manga-speck,.attack-smear{animation:none!important;display:none!important}.heal-pulse,.buff-pop{animation:none!important}.impact-flash[data-element]{opacity:0!important}.game-context-menu{animation:none!important}.card3d-body{transition:none!important;transform:none!important}.holo-foil{opacity:calc(var(--holo-opacity,0) * .5)!important;background-position:50%!important}.holo-glare{opacity:0!important}.holo-sparkle{opacity:calc(var(--sparkle-on,0) * .4)!important;background-position:50%!important}}.target-arrow{pointer-events:none;z-index:39;opacity:0;--arrow-color:#ff4d4d;--arrow-glow:#ff4d4d99;width:100vw;height:100dvh;filter:drop-shadow(0 0 6px var(--arrow-glow)) drop-shadow(0 1px 2px #0000008c);transition:opacity .11s var(--ease-out);position:fixed;inset:0;overflow:visible}.target-arrow[data-intent=heal]{--arrow-color:var(--vfx-heal,#46e08a);--arrow-glow:#46e08a99}.target-arrow[data-intent=buff]{--arrow-color:#ffce4a;--arrow-glow:#ffce4a9e}.target-arrow[data-active=true]{opacity:1}.target-arrow-body{stroke:var(--arrow-color);stroke-width:6.5px;stroke-linecap:round;opacity:.85}.target-arrow-flow{stroke:color-mix(in oklab, #fff 62%, var(--arrow-color));stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:2 15;animation:.55s linear infinite arrow-energy-flow}@keyframes arrow-energy-flow{to{stroke-dashoffset:-17px}}.target-arrow-head{fill:var(--arrow-color);stroke:color-mix(in oklab, #fff 35%, var(--arrow-color));stroke-width:1.5px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.target-arrow[data-locked=true] .target-arrow-body{stroke:color-mix(in oklab, #fff 30%, var(--arrow-color));stroke-width:8px;opacity:1}.target-arrow[data-locked=true]{filter:drop-shadow(0 0 11px var(--arrow-glow)) drop-shadow(0 1px 3px #0009)}.target-arrow[data-locked=true] .target-arrow-head{fill:color-mix(in oklab, #fff 24%, var(--arrow-color));animation:target-arrow-lock .52s var(--ease-out) infinite}@keyframes target-arrow-lock{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.dmg-preview{z-index:6;font-family:var(--font-heading,inherit);white-space:nowrap;color:#fff;pointer-events:none;background:#d62828f0;border:1px solid #ffffff59;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000008c}.dmg-preview.is-advantage{color:#1a1400;background:linear-gradient(#ffe27d,#ffb938);border-color:#ffffffb3;font-size:13px;animation:1.1s ease-in-out infinite dmg-adv-pulse;box-shadow:0 0 10px 1px #ffc846b3,0 1px 4px #00000080}@keyframes dmg-adv-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.1)}}.creature-chip.is-advantaged .creature-chip-frame{box-shadow:inset 0 0 0 2px #ffce4a,inset 0 0 12px #ffce4a8c,0 0 10px -1px #ffce4a99}.hero-frame.is-lethal .hero-portrait-wrap{animation:.9s ease-in-out infinite lethal-pulse}@keyframes lethal-pulse{0%,to{box-shadow:0 0 0 2px var(--hp), 0 0 14px 1px #ff3c3c8c}50%{box-shadow:0 0 0 3px var(--hp), 0 0 26px 4px #ff3c3ce0}}.hero-lethal-badge{z-index:8;white-space:nowrap;font-family:var(--font-heading,inherit);letter-spacing:.02em;color:#fff;pointer-events:none;background:linear-gradient(#ff5a5a,#d61f1f);border:1px solid #ffffff80;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;animation:.9s ease-in-out infinite lethal-badge-bob;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 0 12px 1px #ff3c3cb3,0 1px 4px #00000080}@keyframes lethal-badge-bob{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-2px)scale(1.06)}}.hero-dmg-preview{z-index:7;top:50%;left:auto;right:-8px;transform:translateY(-50%)}.turn-banner{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.turn-banner:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 20%, transparent) 50%, transparent);height:88px;animation:1.05s ease-out forwards turn-banner-bg;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.turn-banner-text{font-family:var(--font-heading,inherit);letter-spacing:.04em;color:var(--accent);text-shadow:0 0 18px #0009,0 2px 6px #000000b3;animation:turn-banner-text 1.05s var(--ease-out,ease-out) forwards;font-size:clamp(28px,6vw,64px);font-weight:800;position:relative}@keyframes turn-banner-bg{0%{opacity:0;transform:translateY(-50%)scaleY(.4)}25%{opacity:1;transform:translateY(-50%)scaleY(1)}72%{opacity:1}to{opacity:0}}@keyframes turn-banner-text{0%{opacity:0;transform:scale(.82)translate(-26px)}22%{opacity:1;transform:scale(1)translate(0)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)translate(26px)}}@keyframes ready-glow{0%,to{box-shadow:inset 0 0 0 2.5px var(--accent), inset 0 0 11px var(--accent-glow)}50%{box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 16px var(--accent-glow), 0 0 8px -1px var(--accent-glow)}}.creature-chip.can-attack .creature-chip-frame{animation:1.6s ease-in-out infinite ready-glow}@keyframes chip-idle-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.6px)scale(1.012)}}.board-cell--filled .creature-chip-art{transform-origin:50% 65%;animation:3.4s ease-in-out infinite chip-idle-breathe}.board-row .board-cell:nth-child(2) .creature-chip-art{animation-duration:3.8s;animation-delay:-.7s}.board-row .board-cell:nth-child(3) .creature-chip-art{animation-duration:3.2s;animation-delay:-1.5s}.board-row .board-cell:nth-child(4) .creature-chip-art{animation-duration:4s;animation-delay:-2.2s}.board-row .board-cell:nth-child(5) .creature-chip-art{animation-duration:3.5s;animation-delay:-1.1s}.board-row--enemy .board-cell:first-child .creature-chip-art{animation-delay:-.4s}.board-row--enemy .board-cell:nth-child(3) .creature-chip-art{animation-delay:-2.6s}.creature-chip.is-frozen .creature-chip-art{animation-play-state:paused}@keyframes impact-spark{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.impact-spark{pointer-events:none;border-radius:inherit;z-index:27;mix-blend-mode:screen;animation:impact-spark .3s var(--ease-impact) both;background:radial-gradient(circle,#fffffff2 0%,#fff0 26%),repeating-conic-gradient(#ffffffd9 0deg 4deg,#0000 4deg 45deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0% 38%,#0000 70%);mask-image:radial-gradient(circle,#000 0% 38%,#0000 70%)}.impact-spark[data-weak=true]{background:radial-gradient(circle at 50% 50%, var(--accent-glow) 0%, transparent 30%), repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in oklab, #fff 50%, var(--accent)) 0deg 4deg, transparent 4deg 45deg)}@keyframes manga-lines-burst{0%{opacity:0;transform:scale(.5)rotate(-14deg)}20%{opacity:.9}to{opacity:0;transform:scale(1.34)rotate(5deg)}}.manga-lines{pointer-events:none;z-index:27;background:repeating-conic-gradient(from 9deg at 50% 50%, color-mix(in oklab, #fff 80%, var(--vfx,#fff)) 0deg 2.4deg, transparent 2.4deg 20deg);mix-blend-mode:screen;animation:manga-lines-burst .3s var(--ease-impact) both;border-radius:50%;position:absolute;inset:-34%;-webkit-mask-image:radial-gradient(circle,#0000 0 30%,#000 46% 74%,#0000 92%);mask-image:radial-gradient(circle,#0000 0 30%,#000 46% 74%,#0000 92%)}@keyframes manga-star-pop{0%{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--mi-rot,-12deg) - 24deg)) scale(.25)}30%{opacity:1;transform:translate(-50%, -50%) rotate(var(--mi-rot,-12deg)) scale(1.06)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--mi-rot,-12deg) + 8deg)) scale(.78)}}.manga-star{aspect-ratio:1;pointer-events:none;z-index:28;background:radial-gradient(circle, #fff 0 16%, color-mix(in oklab, #fff 55%, var(--vfx,#fff)) 38%, transparent 62%);clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);width:86%;filter:drop-shadow(0 0 6px var(--vfx,#fffc));mix-blend-mode:screen;animation:manga-star-pop .26s var(--ease-impact) both;position:absolute;top:50%;left:50%}@keyframes manga-frame-flicker{0%{opacity:.9}to{opacity:0}}.manga-frame{pointer-events:none;z-index:26;mix-blend-mode:screen;background:radial-gradient(circle,#fffffff2 0 34%,#0000 64%);border-radius:50%;animation:.14s steps(2,jump-none) both manga-frame-flicker;position:absolute;inset:-26%}@keyframes manga-speck-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx,36px)), calc(-50% + var(--dy,-32px))) scale(.9) rotate(90deg)}}.manga-speck{pointer-events:none;z-index:28;background:radial-gradient(circle, #fff 0 30%, var(--vfx,#ffe9a8) 55%, transparent 78%);clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%);mix-blend-mode:screen;width:14px;height:14px;animation:manga-speck-fly .34s var(--ease-out) both;animation-delay:var(--sd,0s);position:absolute;top:50%;left:50%}@keyframes attack-smear-sweep{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--smear-rot,0deg)) translateX(-6%) scaleX(.55)}30%{opacity:.8}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--smear-rot,0deg)) translateX(-52%) scaleX(1.3)}}.attack-smear{pointer-events:none;z-index:3;mix-blend-mode:screen;width:165%;height:58%;animation:attack-smear-sweep .38s var(--ease-out) both;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff8c 3px 4.5px,#0000 4.5px 10px);position:absolute;top:50%;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30% 55%,#0000 92%);mask-image:linear-gradient(90deg,#0000 0,#000 30% 55%,#0000 92%)}@media (prefers-reduced-motion:reduce){.board-cell--filled .creature-chip-art{animation:none!important;transform:none!important}.creature-chip.can-attack .creature-chip-frame,.target-arrow-head,.target-arrow-flow,.dmg-preview.is-advantage,.hero-frame.is-lethal .hero-portrait-wrap,.hero-lethal-badge{animation:none!important}.turn-banner{display:none!important}.impact-spark,.manga-lines,.manga-star,.manga-frame,.manga-speck,.attack-smear{animation:none!important;display:none!important}}.game-scope .lobby{isolation:isolate;position:relative}.game-scope .lobby>*{z-index:1;position:relative}.game-scope .lobby>.lobby-particles{z-index:0}.game-scope .lobby:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 100% at 50% 0%, var(--accent-glow) 0%, color-mix(in oklab, var(--accent-glow) 30%, transparent) 26%, transparent 62%);opacity:.5;filter:blur(28px);height:62%;position:absolute;inset:-8% -12% auto}.game-scope .lobby:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 12%, transparent 0%, transparent 58%, color-mix(in oklab, var(--background) 60%, transparent) 100%);position:absolute;inset:0}[data-theme=light] .game-scope .lobby:before{opacity:.32}[data-theme=night] .game-scope .lobby:before{opacity:.28}.lobby-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lobby-particle{left:var(--px,50%);top:var(--py,50%);background:radial-gradient(circle, #fff 0%, color-mix(in oklab, #fff 70%, var(--accent)) 40%, var(--accent) 64%, transparent 82%);width:4px;height:4px;box-shadow:0 0 6px 1px color-mix(in oklab, var(--accent) 60%, transparent);opacity:0;filter:blur(.4px);mix-blend-mode:screen;animation:lobby-particle-drift var(--pdur,18s) ease-in-out var(--pd,0s) infinite;border-radius:50%;position:absolute}@keyframes lobby-particle-drift{0%{opacity:0;transform:translate(0, 8px) scale(calc(var(--psc,1) * .6))}18%{opacity:.5}50%{opacity:.6;transform:translate(var(--pdx,0px), -14px) scale(var(--psc,1))}82%{opacity:.4}to{opacity:0;transform:translate(calc(var(--pdx,0px) * 1.5), -30px) scale(calc(var(--psc,1) * .7))}}[data-theme=light] .lobby-particle{opacity:0;mix-blend-mode:normal}.lobby-hero{background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--accent-soft) 100%, transparent) 0%, transparent 46%), var(--surface);position:relative;overflow:hidden}.lobby-hero:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--accent) 28%, transparent), inset 0 0 30px -18px var(--accent-glow);position:absolute;inset:0}.lobby-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side, var(--accent-glow), transparent 72%);opacity:.35;filter:blur(30px);width:46%;height:180%;position:absolute;top:-40%;right:-10%}.lobby-hero>*{z-index:1;position:relative}[data-theme=light] .lobby-hero:after{opacity:.22}.lobby-mascot-halo{z-index:0;pointer-events:none;background:radial-gradient(closest-side, var(--accent-glow), transparent 70%);opacity:.55;animation:lobby-halo-pulse 4.5s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-14%}@keyframes lobby-halo-pulse{0%,to{opacity:.42;transform:scale(.94)}50%{opacity:.62;transform:scale(1.06)}}.lobby-xp-track{border:1px solid var(--ink-line);position:relative;box-shadow:inset 0 1px 2px #00000040}.lobby-xp-fill{background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 78%, transparent), var(--accent));box-shadow:0 0 10px var(--accent-glow);position:relative}.lobby-xp-fill:after{content:"";border-radius:inherit;mix-blend-mode:screen;animation:lobby-xp-shimmer 3.4s var(--ease-out) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff8c 48%,#0000 64%) 0 0/220% 100%;position:absolute;inset:0}@keyframes lobby-xp-shimmer{0%{background-position:130% 0}55%,to{background-position:-40% 0}}[data-theme=light] .lobby-xp-fill:after{opacity:.6}.lobby-stat{border:1px solid var(--ink-line);background:linear-gradient(180deg, color-mix(in oklab, var(--accent-soft) 60%, transparent), transparent 60%), var(--surface-2);position:relative;box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .lobby-stat{box-shadow:inset 0 1px #00000005}.lobby-stat-icon{background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.lobby-loop-icon{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 24%, transparent), 0 0 14px -4px var(--accent-glow)}.lobby-tile{background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--accent-soft) 70%, transparent) 0%, transparent 50%), var(--surface);position:relative;overflow:hidden}.lobby-tile.panel-accent{background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--accent-soft) 100%, transparent) 0%, transparent 52%), var(--accent-soft)}.lobby-tile:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;transition:box-shadow .2s var(--ease-out);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000,0 0 #0000}.lobby-tile:hover:before,.lobby-tile:focus-visible:before{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 36%, transparent), inset 0 0 24px -10px var(--accent-glow)}.lobby-tile.panel-accent:hover:before,.lobby-tile.panel-accent:focus-visible:before{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 50%, transparent), inset 0 0 30px -8px var(--accent-glow)}.lobby-tile>*{z-index:1;position:relative}.lobby-tile-icon{box-shadow:0 0 16px -6px var(--accent-glow);transition:transform .2s var(--ease-snap,var(--ease-out));position:relative}.lobby-tile:hover .lobby-tile-icon,.lobby-tile:focus-visible .lobby-tile-icon{transform:scale(1.06)rotate(-2deg)}.lobby-tile.panel-accent .lobby-tile-icon{box-shadow:0 0 18px -4px var(--accent-glow)}@media (prefers-reduced-motion:reduce){.lobby-particle{opacity:.16;animation:none!important}.lobby-mascot-halo{animation:none!important}.lobby-xp-fill:after{animation:none!important;display:none!important}.lobby-tile-icon{transition:none!important}.lobby-tile:hover .lobby-tile-icon,.lobby-tile:focus-visible .lobby-tile-icon{transform:none!important}}[data-theme=night] .lobby-mascot-halo{filter:opacity(.62)}[data-theme=night] .lobby-hero:after{opacity:.22}[data-theme=night] .lobby-particle{filter:opacity(.7)}[data-theme=night] .lobby-loop-icon{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 16%, transparent), 0 0 10px -6px var(--accent-glow)}[data-theme=night] .lobby-tile-icon{box-shadow:0 0 12px -8px var(--accent-glow)}[data-theme=night] .game-scope .lobby:after{background:radial-gradient(120% 80% at 50% 12%, transparent 0%, transparent 55%, color-mix(in oklab, var(--surface) 55%, transparent) 100%)}.lobby-num-skel{vertical-align:baseline;background:color-mix(in oklab, var(--muted) 30%, transparent);border-radius:6px;height:.9em;display:inline-block}.lobby-loop-icon{perspective:220px}.lobby-loop-icon>svg{backface-visibility:visible}@media (hover:hover) and (pointer:fine){.lobby-loop:hover .lobby-loop-icon--star>svg{animation:lobby-star-spin .85s var(--ease-snap,ease-out) both}.lobby-loop:hover .lobby-loop-icon--book>svg{transform-origin:18%;animation:lobby-book-flip .9s var(--ease-out) both}.lobby-loop:hover .lobby-loop-icon{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 38%, transparent), 0 0 18px -4px var(--accent-glow)}}@keyframes lobby-star-spin{0%{transform:rotateY(0)scale(1)}55%{transform:rotateY(260deg)scale(1.18)}to{transform:rotateY(360deg)scale(1)}}@keyframes lobby-book-flip{0%{transform:rotateY(0)}32%{transform:rotateY(-42deg)}58%{transform:rotateY(16deg)}78%{transform:rotateY(-8deg)}to{transform:rotateY(0)}}@media (hover:hover) and (pointer:fine){.lobby-tile:hover .lobby-tile-icon,.lobby-tile:focus-visible .lobby-tile-icon{transform:perspective(320px)rotateY(-12deg)rotateX(5deg)scale(1.08)rotate(-2deg)}}.lobby-hero-deck{z-index:0;pointer-events:none;width:118px;height:104px;margin-top:-52px;display:none;position:absolute;top:50%;right:1.4rem}@media (min-width:768px){.lobby-hero-deck{display:block}}.lobby-hero-card{border:1px solid color-mix(in oklab, var(--accent) 42%, var(--ink-line));background:radial-gradient(130% 130% at 30% 18%, color-mix(in oklab, var(--accent-soft) 92%, transparent) 0%, transparent 68%), var(--surface-2);width:46px;height:64px;box-shadow:0 8px 18px -10px #00000080, 0 0 14px -6px var(--accent-glow);border-radius:8px;animation:5.6s ease-in-out infinite lobby-card-float;position:absolute}.lobby-hero-card:after{content:"";background:color-mix(in oklab, var(--accent) 55%, var(--surface-2));width:12px;height:12px;box-shadow:0 0 8px -2px var(--accent-glow);opacity:.75;border-radius:3px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.lobby-hero-card:first-child{animation-delay:-1.8s;top:22px;left:0;transform:rotate(-13deg)}.lobby-hero-card:nth-child(2){z-index:1;border-color:color-mix(in oklab, var(--accent) 55%, var(--ink-line));width:50px;height:70px;top:8px;left:34px;transform:rotate(-2deg)}.lobby-hero-card:nth-child(3){animation-delay:-3.6s;top:20px;left:72px;transform:rotate(12deg)}@keyframes lobby-card-float{0%,to{translate:0}50%{translate:0 -7px}}.lobby-hero-spark{background:radial-gradient(circle, #fff 0%, color-mix(in oklab, #fff 70%, var(--accent)) 40%, var(--accent) 64%, transparent 82%);width:5px;height:5px;box-shadow:0 0 7px 1px color-mix(in oklab, var(--accent) 60%, transparent);mix-blend-mode:screen;opacity:0;border-radius:50%;animation:4.8s ease-in-out infinite lobby-spark-rise;position:absolute}.lobby-hero-spark:nth-of-type(4){top:78px;left:26px}.lobby-hero-spark:nth-of-type(5){animation-delay:-2.4s;top:66px;left:92px}@keyframes lobby-spark-rise{0%{opacity:0;transform:translateY(8px)scale(.6)}38%{opacity:.75}to{opacity:0;transform:translateY(-26px)scale(1)}}[data-theme=light] .lobby-hero-spark{display:none}[data-theme=light] .lobby-hero-card{box-shadow:0 8px 18px -12px #00000040}[data-theme=night] .lobby-hero-card{box-shadow:0 8px 18px -10px #0009, 0 0 10px -6px var(--accent-glow)}@media (prefers-reduced-motion:reduce){.lobby-hero-card{animation:none!important}.lobby-hero-spark{opacity:.2;animation:none!important}.lobby-loop:hover .lobby-loop-icon--star>svg,.lobby-loop:hover .lobby-loop-icon--book>svg{animation:none!important}.lobby-tile:hover .lobby-tile-icon,.lobby-tile:focus-visible .lobby-tile-icon{transform:none!important}}.result-fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.result-fx>*{position:absolute}.result-glow{opacity:0;animation:result-glow-in .6s var(--ease-out) forwards;inset:0}.result-fx--win .result-glow{background:radial-gradient(58% 48% at 50% 42%, var(--accent-glow), transparent 70%)}.result-fx--loss .result-glow{background:radial-gradient(70% 60%,#00000073,#0000 72%)}.result-rays{background:repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, color-mix(in oklab, var(--accent) 16%, transparent) 2.5deg, transparent 7deg);opacity:0;mix-blend-mode:screen;filter:blur(2px);animation:result-rays-in .9s var(--ease-out) forwards, result-rays-spin 36s linear infinite;inset:-60%}@keyframes result-glow-in{to{opacity:1}}@keyframes result-rays-in{to{opacity:.45}}@keyframes result-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-title-win{text-shadow:0 0 18px var(--accent-glow), 0 2px 8px #00000080}@media (prefers-reduced-motion:reduce){.result-glow{opacity:1;animation:none!important}.result-rays{opacity:.3;animation:none!important}}.avatar-frame{--frame-c:var(--accent);--frame-c2:var(--accent);isolation:isolate;border-radius:50%;position:relative}.avatar-frame:before{content:"";z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-frame:after{content:"";z-index:0;pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-10%}.avatar-frame-img{z-index:1}.avatar-frame--default:before{box-shadow:none}.avatar-frame--default:after{opacity:0}.avatar-frame--lime{--frame-c:var(--accent);--frame-c2:color-mix(in oklab, var(--accent) 60%, #fff)}.avatar-frame--lime:before{box-shadow:0 0 0 2px var(--frame-c), inset 0 0 6px color-mix(in oklab, var(--frame-c) 40%, transparent)}.avatar-frame--lime:after{opacity:.5;background:radial-gradient(closest-side, var(--accent-glow), transparent 72%)}.avatar-frame--slate{--frame-c:#9aa4b2;--frame-c2:#cbd5e1}.avatar-frame--slate:before{box-shadow:0 0 0 3px var(--frame-c), inset 0 0 0 1px color-mix(in oklab, var(--frame-c2) 70%, transparent)}.avatar-frame--rose{--frame-c:#fb7185;--frame-c2:#fda4af}.avatar-frame--rose:before{box-shadow:0 0 0 2.5px var(--frame-c), inset 0 0 7px color-mix(in oklab, var(--frame-c) 45%, transparent)}.avatar-frame--rose:after{opacity:.45;background:radial-gradient(closest-side, color-mix(in oklab, var(--frame-c) 60%, transparent), transparent 72%)}.avatar-frame--azure{--frame-c:#38bdf8;--frame-c2:#7dd3fc}.avatar-frame--azure:before{box-shadow:0 0 0 2.5px var(--frame-c), inset 0 0 7px color-mix(in oklab, var(--frame-c) 45%, transparent)}.avatar-frame--azure:after{opacity:.45;background:radial-gradient(closest-side, color-mix(in oklab, var(--frame-c) 60%, transparent), transparent 72%)}.avatar-frame--amber{--frame-c:#f59e0b;--frame-c2:#fcd34d}.avatar-frame--amber:before{box-shadow:0 0 0 2.5px var(--frame-c), inset 0 0 7px color-mix(in oklab, var(--frame-c) 45%, transparent)}.avatar-frame--amber:after{opacity:.5;background:radial-gradient(closest-side, color-mix(in oklab, var(--frame-c) 65%, transparent), transparent 72%)}.avatar-frame--violet{--frame-c:#a78bfa;--frame-c2:#d8b4fe}.avatar-frame--emerald{--frame-c:#34d399;--frame-c2:#6ee7b7}.avatar-frame--aurora{--frame-c:#22d3ee;--frame-c2:#a78bfa}.avatar-frame--violet:before,.avatar-frame--emerald:before,.avatar-frame--aurora:before{background:conic-gradient(from 0deg, var(--frame-c), var(--frame-c2), var(--frame-c));box-shadow:none;animation:9s linear infinite avatar-frame-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.avatar-frame--violet:after,.avatar-frame--emerald:after,.avatar-frame--aurora:after{opacity:.5;background:radial-gradient(closest-side, color-mix(in oklab, var(--frame-c) 55%, transparent), transparent 72%)}.avatar-frame--prismatic:before{box-shadow:none;background:conic-gradient(#f87171,#fbbf24,#34d399,#38bdf8,#a78bfa,#f472b6,#f87171);animation:6s linear infinite avatar-frame-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3.5px))}.avatar-frame--prismatic:after{opacity:.55;filter:blur(6px);background:conic-gradient(#f8717180,#38bdf880,#a78bfa80,#f8717180);animation:6s linear infinite reverse avatar-frame-spin}.avatar-frame--celestial{--frame-c:var(--gold);--frame-c2:color-mix(in oklab, var(--gold) 55%, #fff)}.avatar-frame--mythic{--frame-c:var(--gold);--frame-c2:#fde68a}.avatar-frame--celestial:before,.avatar-frame--mythic:before{box-shadow:0 0 0 3px var(--frame-c), inset 0 0 8px color-mix(in oklab, var(--frame-c) 50%, transparent)}.avatar-frame--celestial:after,.avatar-frame--mythic:after{opacity:.5;background:radial-gradient(closest-side, color-mix(in oklab, var(--gold) 60%, transparent), transparent 72%);animation:avatar-frame-pulse 3.6s var(--ease-out,ease) infinite}@keyframes avatar-frame-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-frame-pulse{0%,to{opacity:.4;transform:scale(.97)}50%{opacity:.6;transform:scale(1.04)}}[data-theme=night] .avatar-frame:after{filter:opacity(.72)}[data-theme=light] .avatar-frame:after{opacity:.85}.avatar-frame--season-2026-07{--frame-c:var(--accent);--frame-c2:var(--gold)}.avatar-frame--season-2026-07:before{background:conic-gradient(from 0deg, var(--frame-c), var(--frame-c2), var(--frame-c));box-shadow:none;animation:7.5s linear infinite avatar-frame-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.avatar-frame--season-2026-07:after{opacity:.55;background:radial-gradient(closest-side, var(--accent-glow), transparent 72%);animation:avatar-frame-pulse 3.6s var(--ease-out,ease) infinite}@media (prefers-reduced-motion:reduce){.avatar-frame:before,.avatar-frame:after{animation:none!important}}.lobby-arena-portrait{transform-origin:48% 46%;animation:6.4s ease-in-out infinite lobby-arena-breathe;transform:scale(1.12)}@keyframes lobby-arena-breathe{0%,to{transform:scale(1.12)}50%{transform:scale(1.155)}}.arena-gate-avatar{isolation:isolate;border-radius:50%;display:inline-flex}.arena-gate-avatar:before{content:"";z-index:2;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--accent) 62%, transparent), inset 0 0 12px -4px var(--accent-glow);border-radius:50%;position:absolute;inset:0}.arena-gate-avatar:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--accent-glow), transparent 72%);opacity:.55;animation:lobby-halo-pulse 4.5s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-18%}[data-theme=light] .arena-gate-avatar:after{opacity:.35}[data-theme=night] .arena-gate-avatar:after{filter:opacity(.72)}@media (prefers-reduced-motion:reduce){.lobby-arena-portrait,.arena-gate-avatar:after{animation:none!important}}:is(html:has(.game-arena),body:has(.game-arena)){overscroll-behavior:none;overflow:hidden}.game-arena{-webkit-tap-highlight-color:transparent}.board-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-arena :is(a,button){touch-action:manipulation}.board-stage :is(a,button),.player-hand-card :is(a,button){touch-action:none}.result-overlay{justify-content:safe center}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse) and (max-width:640px){.rotate-hint{z-index:60;padding:2rem 1.5rem calc(2rem + env(safe-area-inset-bottom,0px));text-align:center;background:color-mix(in oklab, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.05);touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:absolute;inset:0}}.rotate-hint-phone{border:3px solid var(--accent-text);width:40px;height:66px;box-shadow:0 0 18px -4px var(--accent-glow);animation:rotate-hint-turn 2.8s var(--ease-out) infinite;border-radius:10px;position:relative}.rotate-hint-phone:before{content:"";background:var(--accent-text);opacity:.75;border-radius:999px;width:14px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes rotate-hint-turn{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-hint-title{font:800 1.25rem/1.2 var(--font-heading), system-ui, sans-serif;color:var(--foreground)}.rotate-hint-sub{max-width:18rem;color:var(--muted);font-size:.85rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.rotate-hint-phone{transform:rotate(-90deg);animation:none!important}}@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){.game-scope:has(.game-arena)>header{display:none}.game-arena{height:100dvh;top:0}.board-stage{--arena-h:100dvh}.board-topbar{padding:.3rem calc(.5rem + env(safe-area-inset-right,0px)) .25rem calc(.5rem + env(safe-area-inset-left,0px))}.board-handbar{padding:0 calc(.75rem + env(safe-area-inset-right,0px)) calc(.2rem + env(safe-area-inset-bottom,0px)) calc(.75rem + env(safe-area-inset-left,0px))}.game-scope{--hand-card-w:84px;--hand-card-h:122px;--hand-overlap:-16px;--hand-lift:-12px}.player-hand{min-height:0;padding-top:10px;transform:translate(clamp(24px,6vw,48px))}.hero-frame{--hero-portrait:46px;min-height:calc(var(--hero-portrait) + 16px);gap:.4rem;padding:.35rem .5rem .35rem .4rem}.hero-frame-name{font-size:12px}.hero-frame .mana-gem{width:11px;height:11px}.hero-power-btn{height:2rem;min-height:34px;padding:0 .7rem;font-size:.75rem}.deck-stack{--deck-w:36px;--deck-h:50px}.deck-stack-count{min-width:20px;height:18px;font-size:11px}.end-turn-label{font-size:11px}}:root[data-perf=lite] .holo-foil{opacity:0!important}.finish-layer{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.finish--gloss{mix-blend-mode:screen;background:linear-gradient(118deg,#0000 32%,#ffffff24 44%,#ffffff0d 52%,#0000 64%)}.finish--silver-ink{background:linear-gradient(#c8d0dc14,#0000 45%);box-shadow:inset 0 0 0 2px #c8d0dc8c,inset 0 0 18px #c8d0dc38}.finish--gold-ink{background:linear-gradient(#e8c05a1a,#0000 45%);box-shadow:inset 0 0 0 2px #e8c05a99,inset 0 0 20px #e8c05a3d}.finish--prism{mix-blend-mode:screen;background:linear-gradient(115deg,#ff5a5a29,#ffd65a29 20%,#78ff8c29 40%,#5ac8ff29 60%,#be78ff29 80%,#ff5a5a29) 0 0/300% 300%;animation:7s linear infinite finish-prism-shift;box-shadow:inset 0 0 0 2px #ffffff47}@keyframes finish-prism-shift{0%{background-position:0%}to{background-position:300%}}.finish--joli-autograph{box-shadow:inset 0 0 0 2px var(--accent,#b6f34c);background:radial-gradient(#0000 55%,#00000061 100%)}.finish-autograph{z-index:6;pointer-events:none;font-family:var(--font-heading,inherit);letter-spacing:.04em;color:var(--accent,#b6f34c);text-shadow:0 1px 3px #000000bf,0 0 10px #00000080;font-size:15px;font-style:italic;font-weight:700;position:absolute;bottom:26%;right:8px;transform:rotate(-8deg)}.mastery-badge{color:var(--mastery,#fff)}.mastery-badge .mastery-dot{background:var(--mastery,#fff);width:7px;height:7px;box-shadow:0 0 5px var(--mastery,#fff);border-radius:9999px}.mastery--bronze{--mastery:#d9995e}.mastery--silver{--mastery:#cdd5e0}.mastery--gold{--mastery:#f0c75e}.cu-track{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.625rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.cu-node{scroll-snap-align:start;flex:none;width:8.5rem}@media (prefers-reduced-motion:reduce){.finish--prism{background-position:50%;animation:none}}:root[data-perf=lite] .finish--prism{animation:none!important}:root[data-perf=lite] .finish--gloss{opacity:0!important}.pack-rar-wood{--pack-mat:#8a6a44;--pack-glow:#8a6a4400;--pack-bw:1px}.pack-rar-bronze{--pack-mat:#c07f38;--pack-glow:#c07f3838;--pack-bw:1px}.pack-rar-silver{--pack-mat:#b8c2cc;--pack-glow:#b8c2cc4d;--pack-bw:2px}.pack-rar-gold{--pack-mat:var(--gold,#f5c044);--pack-glow:#f5c0446b;--pack-bw:2px}.pack-rar-prismatic{--pack-mat:#ff5db1;--pack-glow:#ff5db180;--pack-bw:2px}.pack-chest{aspect-ratio:4/3;border:var(--pack-bw,1px) solid color-mix(in oklab, var(--pack-mat) 70%, var(--ink-line));background:radial-gradient(120% 90% at 50% 12%, color-mix(in oklab, var(--elem,var(--surface-2)) 34%, var(--surface)) 0%, var(--surface) 72%);box-shadow:0 6px 22px -8px var(--pack-glow,transparent), inset 0 1px 0 color-mix(in oklab, var(--pack-mat) 40%, transparent);isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.pack-chest:before{content:"";background:linear-gradient(180deg, color-mix(in oklab, var(--pack-mat) 30%, transparent) 0%, transparent 100%);border-bottom:1px solid color-mix(in oklab, var(--pack-mat) 45%, transparent);height:34%;position:absolute;inset:0 0 auto}.pack-lock{aspect-ratio:1;width:22%;min-width:26px;color:var(--accent-text,#6b8f00);z-index:2;filter:drop-shadow(0 1px 2px #00000059);position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.pack-chest--prismatic:after{content:"";mix-blend-mode:screen;z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ff5db147 45%,#6fa8ff47 55%,#0000 70%) 0 0/220% 220%;animation:3.4s ease-in-out infinite pack-holo;position:absolute;inset:0}@keyframes pack-holo{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pack-chest--opening{animation:.62s ease-in-out pack-shake}@keyframes pack-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-2px)rotate(-1.2deg)}40%{transform:translate(3px)rotate(1.2deg)}60%{transform:translate(-3px)rotate(-1deg)}80%{transform:translate(2px)rotate(.8deg)}}@media (prefers-reduced-motion:reduce){.pack-chest--prismatic:after{background-position:50%;animation:none}.pack-chest--opening{animation:none}}:root[data-perf=lite] .pack-chest--prismatic:after{animation:none!important}.pack-chest--art{background:radial-gradient(120% 95% at 50% 14%, color-mix(in oklab, var(--elem,#6a7180) 26%, #171a1f) 0%, #0c0e12 76%);justify-content:center;align-items:flex-end;padding:5% 7% 3.5%;display:flex}.pack-chest--art:before{content:none}.pack-chest-img{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #0000008c);width:92%;height:100%;position:relative}.pack-chest-ground{z-index:1;pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000 72%);border-radius:50%;width:64%;height:12%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.league-crest{--crest-c:#b8860b;isolation:isolate;background:radial-gradient(closest-side, color-mix(in oklab, var(--crest-c) 30%, var(--surface-2)) 0%, color-mix(in oklab, var(--crest-c) 12%, var(--surface-2)) 70%);width:3.25rem;height:3.25rem;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--crest-c) 70%, transparent), inset 0 0 10px -3px color-mix(in oklab, var(--crest-c) 60%, transparent);color:color-mix(in oklab, var(--crest-c) 45%, var(--fg));border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.league-crest:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--crest-c) 50%, transparent), transparent 72%);opacity:.45;border-radius:50%;position:absolute;inset:-22%}.league-crest--bronze{--crest-c:#cd7f32}.league-crest--silver{--crest-c:#b8c2cc}.league-crest--gold{--crest-c:var(--gold)}.league-crest--platinum{--crest-c:#5fd6c8}.league-crest--diamond{--crest-c:#6aa9ff}.league-crest--master{--crest-c:#c084fc}[data-theme=night] .league-crest:after{filter:opacity(.72)}[data-theme=light] .league-crest:after{opacity:.3}.league-pips{gap:3px;display:inline-flex}.league-pip{background:color-mix(in oklab, var(--accent) 80%, transparent);border-radius:50%;width:6px;height:6px}.league-pip--off{background:color-mix(in oklab, var(--fg) 22%, transparent)}.rp-bar{background:color-mix(in oklab, var(--fg) 12%, transparent);border-radius:999px;height:8px;position:relative;overflow:hidden}.rp-bar__fill{background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 70%, #fff) 0%, var(--accent) 100%);transform-origin:0;transition:width .64s var(--ease-out,ease);border-radius:999px;position:absolute;inset:0 auto 0 0}.a-league-promo{animation:league-promo 1.2s var(--ease-out,ease) 1}@keyframes league-promo{0%{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 0 var(--accent-glow);transform:scale(1)}35%{box-shadow:inset 0 0 0 3px var(--accent), 0 0 22px 6px var(--accent-glow);transform:scale(1.14)}to{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--crest-c) 70%, transparent), 0 0 0 0 transparent;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rp-bar__fill{transition:none}.a-league-promo{animation:none}}.cardv2{isolation:isolate;border-radius:1.54%/1.06%;container-type:inline-size}.cardv2.card-frame{border:0}.cardv2.card-foil:after{content:none}.cardv2-t1{--tier-accent:#9aa0a8;--rank-color:#45494f;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t2{--tier-accent:#e8edf2;--rank-color:#b8c0cc;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t3{--tier-accent:#c7f43c;--rank-color:#b4f038;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t4{--tier-accent:#a78bfa;--rank-color:#8b5cf6;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t5{--tier-accent:#f0d060;--rank-color:#d4ab3a;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t6{--tier-accent:#e6e0d0;--rank-glow:transparent;--rank-glow-far:transparent;--rank-glow-r:0px}.cardv2-t1.card-frame:not(.card3d-body){box-shadow:var(--shadow-soft)}.cardv2-t2.card-frame:not(.card3d-body),.cardv2-t3.card-frame:not(.card3d-body){box-shadow:0 0 0 1px #0a0c10d9, 0 0 var(--rank-glow-r,0px) var(--rank-glow), var(--shadow-soft)}.cardv2-art{border-radius:1.55% 1.55% 0 0/1.65% 1.65% 0 0}.cardv2-frame{z-index:10;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.cardv2-frame--showcase{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20650%20943'%3E%3Cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M0%200h650v943H0z%20M14%20612Q325%20590%20636%20612L636%20929%2014%20929Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20650%20943'%3E%3Cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M0%200h650v943H0z%20M14%20612Q325%20590%20636%20612L636%20929%2014%20929Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cardv2--showcase .cardv2-art{border-radius:1.55%/1.65%}.cardv2-art-fallback.elem{background:radial-gradient(120% 90% at 50% 26%, color-mix(in srgb, var(--elem,#8a8f98) 34%, transparent) 0%, transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--elem,#8a8f98) 20%, #151820) 0%, #0e1015 84%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cardv2-art-fallback.elem svg{opacity:.32;width:46%;height:46%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--elem,#fff) 55%, transparent))}.cardv2-medallion,.cardv2-name,.cardv2-text,.cardv2-kws,.cardv2-cost,.cardv2-stat,.cardv2-moons{z-index:20;pointer-events:none;position:absolute}.cardv2-medallion{color:var(--elem,#e8e6df);background:radial-gradient(circle, color-mix(in srgb, var(--elem,#fff) 30%, transparent) 0%, transparent 72%);border-radius:50%;justify-content:center;align-items:center;display:flex}.cardv2-medallion svg{filter:drop-shadow(0 1px 2px #000c);width:56%;height:56%}.cardv2-name{width:100%;height:100%;inset:0;overflow:visible}.cardv2-name text{letter-spacing:.055em;fill:color-mix(in srgb, var(--tier-accent,#f4f1e8) 62%, #f6f3ea);paint-order:stroke fill;stroke:#040508b8;stroke-width:2.6px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #000000d9);font-weight:500}.cardv2-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2%;display:flex}.cardv2-text-mech{-webkit-line-clamp:4;color:#ece8db;text-shadow:0 1px 2px #000000bf;-webkit-box-orient:vertical;font-size:5.4cqw;font-weight:400;line-height:1.24;display:-webkit-box;overflow:hidden}.cardv2-mech-lead{color:#f6f2e4;font-style:normal;font-weight:700}.cardv2-mech-body{color:#e2ddcd;font-size:.88em;font-weight:400}.cardv2-text-flavor{-webkit-line-clamp:2;color:#c9c3b2;text-shadow:0 1px 2px #000000b3;-webkit-box-orient:vertical;font-size:3.3cqw;font-style:italic;line-height:1.22;display:-webkit-box;overflow:hidden}.cardv2-text-flavor:only-child{transform:translateY(3.4cqw)}.player-hand-tile .cardv2-text-mech{-webkit-line-clamp:3}@media (hover:hover) and (pointer:fine){.player-hand-tile .cardv2-text{opacity:0;transform-origin:50%;transition:transform .29s var(--ease-out,cubic-bezier(.22, .61, .36, 1)), opacity .17s var(--ease-out,ease);overflow:hidden;transform:scaleX(.12)}.player-hand-tile .cardv2-text-mech{transform-origin:50%;transition:transform .29s var(--ease-out,cubic-bezier(.22, .61, .36, 1));transform:scaleX(8.333)}.player-hand-card:hover .player-hand-tile .cardv2-text,.player-hand-card:focus-within .player-hand-tile .cardv2-text{opacity:1;will-change:transform;transform:scaleX(1)}.player-hand-card:hover .player-hand-tile .cardv2-text-mech,.player-hand-card:focus-within .player-hand-tile .cardv2-text-mech{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.player-hand-tile .cardv2-text{transition:opacity .12s var(--ease-out,ease);transform:none}.player-hand-tile .cardv2-text-mech{transition:none;transform:none}}}:root[data-perf=lite] .player-hand-tile .cardv2-text{transition:opacity .12s var(--ease-out,ease);transform:none}:root[data-perf=lite] .player-hand-tile .cardv2-text-mech{transition:none;transform:none}.cardv2-kws{justify-content:center;align-items:center;gap:3%;width:68%;height:4.3%;display:flex;top:63.9%;left:16%}.cardv2-kw{aspect-ratio:1;background:color-mix(in srgb, var(--tier-accent,#999) 22%, #0c0c0e);border:1px solid color-mix(in srgb, var(--tier-accent,#999) 70%, transparent);color:#f2efe6;border-radius:50%;justify-content:center;align-items:center;height:100%;display:inline-flex;box-shadow:0 1px 3px #0009}.cardv2-kw svg{width:66%;height:66%}.cardv2-cost{justify-content:flex-start;align-items:flex-start;padding:2.5% 0 0 3.5%;display:flex}.cardv2-cost-gem{aspect-ratio:1;filter:drop-shadow(0 2px 5px #0000008c);color:#fff;font-variant-numeric:tabular-nums;background:url(/game/card-frames/stat-mana.webp) 50%/contain no-repeat;justify-content:center;align-items:center;height:96%;font-size:7cqw;font-weight:800;display:flex;position:relative}.cardv2-stat{color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:9.4cqw;font-weight:800;line-height:1;display:flex}.cardv2-stat--atk:before,.cardv2-stat--hp:before{content:"";filter:drop-shadow(0 2px 5px #0000008c);background:50%/contain no-repeat;position:absolute;inset:-13%}.cardv2-stat--atk:before{background-image:url(/game/card-frames/stat-attack.webp)}.cardv2-stat--hp:before{background-image:url(/game/card-frames/stat-health.webp)}.cardv2-stat--hp .cardv2-stat-num{transform:translateY(-9%)}.cardv2-stat-num{z-index:0;text-shadow:0 1px 2px #000000f2,0 0 4px #000000bf;place-items:center;display:inline-grid;position:relative}.cardv2-stat-num:before{content:"";z-index:-1;background:radial-gradient(closest-side,#08080c94 0%,#08080c57 55%,#0000 100%);border-radius:50%;position:absolute;inset:-18% -34%}.cardv2-stat--spell:before{content:"";filter:drop-shadow(0 2px 5px #0000008c);background:radial-gradient(circle at 35% 30%,#d8e2f029 0%,#0000 36%),radial-gradient(closest-side,#262631 0%,#17171f 46%,#0c0c12 63%,#0000 64%),radial-gradient(closest-side,#0000 60%,#140e04e6 62%,#99793f 67%,#e0c481 72%,#a5854a 78%,#5c4820 86%,#2a2010 93%,#0000 95%);border-radius:50%;position:absolute;inset:-13%;box-shadow:inset 0 2px 3px #fff0c852,inset 0 -2px 3px #00000080}.cardv2-stat--buffed{color:#c9f76a}.cardv2-stat--spell svg{z-index:0;width:52%;height:52%;color:color-mix(in srgb, var(--tier-accent,#ddd) 75%, #fff);filter:drop-shadow(0 1px 2px #000c);position:relative}.cardv2-moons{justify-content:center;align-items:center;gap:4.5%;display:flex}.cardv2-moon{aspect-ratio:1;background:50%/contain no-repeat;height:92%}.cardv2-moon--on{filter:drop-shadow(0 0 2px #d6f88ce6)drop-shadow(0 0 5px #b4f03880);background-image:url(/game/card-frames/moon-filled.webp)}.cardv2-moon--off{opacity:.45;background-image:url(/game/card-frames/moon-empty.webp)}.cardv2-sheen{z-index:12;pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.cardv2-sheen--t5{-webkit-mask-image:url(/game/card-frames/tier5.webp);mask-image:url(/game/card-frames/tier5.webp)}.cardv2-sheen--t6{-webkit-mask-image:url(/game/card-frames/tier6.webp);mask-image:url(/game/card-frames/tier6.webp)}.cardv2-sheen:before{content:"";width:55%;position:absolute;top:-25%;bottom:-25%;left:0;transform:translate(-140%)skew(-16deg)}.cardv2-sheen--t5:before{background:linear-gradient(90deg,#0000 0%,#ffe2948c 38%,#fff6d6f2 50%,#ffe2948c 62%,#0000 100%);animation:9s linear infinite cardv2-sheen-run}.cardv2-sheen--t6:before{background:linear-gradient(90deg,#0000 0%,#ff5db180 26%,#ffb14c9e 38%,#f4fcf9f2 50%,#4cd6ff9e 62%,#9b8cff80 74%,#0000 100%);animation:5.5s linear infinite cardv2-sheen-run}@keyframes cardv2-sheen-run{0%{transform:translate(-140%)skew(-16deg)}18%{transform:translate(320%)skew(-16deg)}to{transform:translate(320%)skew(-16deg)}}.cardv2-sheen--hover:before{opacity:0;animation:none}.cardv2:where(:hover,:focus-visible,:focus-within) .cardv2-sheen--hover:before{opacity:1;animation:2.8s linear infinite cardv2-sheen-run}@media (prefers-reduced-motion:reduce){.cardv2-sheen:before,.cardv2:where(:hover,:focus-visible,:focus-within) .cardv2-sheen--hover:before{opacity:.5;animation:none;transform:translate(80%)skew(-16deg)}}:root[data-perf=lite] .cardv2-sheen:before{opacity:.5;transform:translate(80%)skew(-16deg);animation:none!important}.cardv2-fireaura{z-index:-1;pointer-events:none;-webkit-mask-composite:source-in;position:absolute;inset:-10%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%),linear-gradient(#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%),linear-gradient(#0000 0%,#000 9% 91%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.cardv2-fireaura:before,.cardv2-fireaura:after{content:"";will-change:transform, opacity;background:50%/100% 100% no-repeat;position:absolute;inset:0}.cardv2-fireaura--t5:before,.cardv2-fireaura--t5:after{background-image:url(/game/card-frames/aura-gold-a.webp)}.cardv2-fireaura--t6:before,.cardv2-fireaura--t6:after{background-image:url(/game/card-frames/aura-prism-a.webp)}.cardv2-fireaura:before{opacity:.85;animation:13s ease-in-out infinite alternate cardv2-fireaura-breathe}.cardv2-fireaura:after{opacity:.55;animation:9s ease-in-out infinite alternate cardv2-fireaura-drift}@keyframes cardv2-fireaura-breathe{0%{opacity:.72;transform:scale(.99)rotate(.4deg)}to{opacity:.92;transform:scale(1.015)rotate(-.5deg)}}@keyframes cardv2-fireaura-drift{0%{opacity:.26;transform:scale(1.02)rotate(-.8deg)}to{opacity:.48;transform:scale(.995)rotate(.7deg)}}@media (prefers-reduced-motion:reduce){.cardv2-fireaura:before{animation:none}.cardv2-fireaura:after{display:none}}:root[data-perf=lite] .cardv2-fireaura:before{animation:none!important}:root[data-perf=lite] .cardv2-fireaura:after{display:none!important}.cardv2.card-rainbow:before{content:none}