.active-ability-overlay{z-index:5100;pointer-events:auto;flex-direction:column;align-items:center;width:fit-content;height:fit-content;max-height:calc(100vh - 40px);transition:translate .35s cubic-bezier(.22,1,.36,1);animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:50% auto auto 50%;overflow:visible;translate:-50% -50%}.active-ability-overlay--beside-floating{translate:16px -50%}.active-ability-overlay--closing{pointer-events:none;animation:.25s ease-in forwards fadeOut}.active-ability-overlay--closing *,.active-ability-overlay--closing :before,.active-ability-overlay--closing :after{pointer-events:none!important}.active-ability-header{color:#fff;text-align:center;text-shadow:0 2px 4px #0006;background:linear-gradient(135deg,#0009,#16161694);font-size:.8rem;font-weight:800;box-shadow:0 10px 30px #0006}.active-ability-content{margin-bottom:20px}.active-ability-content .card-detail-view{transform-origin:top;transform:scale(1.05)}.active-ability-top{z-index:2;justify-content:center;align-items:center;width:260px;height:380px;display:flex;overflow:visible}.active-ability-top .active-ability-stack{width:100%;height:100%;padding-left:40px;padding-right:40px}.active-ability-groups{z-index:1;flex-flow:wrap;justify-content:center;align-items:flex-start;gap:12px;max-width:80vw;margin-top:-4rem;margin-bottom:16px;transition:margin-top .35s cubic-bezier(.22,1,.36,1);display:flex}.active-ability-groups:hover{margin-top:0}.active-ability-group{width:180px;height:260px}.active-ability-stack{--rest-x:52px;--rest-y:-16px;--rest-rotate:4deg;--fan-step:155px;--fan-y:-18px;--fan-gap:min(var(--fan-step), calc((80vw - 220px) / max(var(--count) - 1, 1)));--fan-half:calc((var(--count) - 1) / 2 * var(--fan-gap));flex-direction:column;justify-content:center;align-items:center;width:220px;height:320px;transition:z-index 0s linear .35s;display:flex;position:relative}.active-ability-stack--expanded{z-index:20;transition:z-index linear}.active-ability-stack:before{content:"";z-index:-1;pointer-events:auto;position:absolute;inset:-40px}.active-ability-stack--multi:hover:before,.active-ability-stack--multi.active-ability-stack--expanded:before{top:calc((var(--count) - 1) * var(--fan-y) - 40px);left:calc(-1 * var(--fan-half) - 60px);right:calc(-1 * var(--fan-half) - 60px)}.active-ability-stack--top{width:100%;height:100%}.active-ability-group .active-ability-stack{--rest-x:34px;--rest-y:-11px;--rest-rotate:3.5deg;--fan-step:118px;--fan-y:-14px;width:100%;height:100%}.active-ability-card{will-change:transform, filter;transform-origin:bottom;width:100%;transform:translateX(calc(var(--peek-side) * var(--peek-step) * var(--rest-x))) translateY(calc(var(--peek) * var(--rest-y))) scale(var(--scale)) rotate(calc(var(--base-rotate) + var(--peek-side) * var(--peek-step) * var(--rest-rotate)));filter:brightness(calc(1 - var(--peek) * .09)) drop-shadow(0 8px 16px #00000073);transition:transform .45s cubic-bezier(.22, 1.2, .36, 1) calc((var(--count) - 1 - var(--index)) * 25ms), filter .35s ease-out calc((var(--count) - 1 - var(--index)) * 25ms);justify-content:center;align-items:center;display:flex;position:absolute}.active-ability-stack--expanded .active-ability-card{transform:translateX(calc(var(--fan-half) - var(--index) * var(--fan-gap))) translateY(calc(var(--index) * var(--fan-y))) scale(var(--scale)) rotate(calc((var(--index) - var(--count) / 2) * -2deg));filter:brightness()drop-shadow(0 14px 28px #0000008c);transition:transform .5s cubic-bezier(.2, 1.25, .4, 1) calc(var(--index) * 45ms), filter .35s ease-out calc(var(--index) * 45ms)}.active-ability-card-inner{opacity:0;will-change:transform, opacity;transform-origin:bottom;justify-content:center;align-items:center;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.active-ability-card,.active-ability-stack--expanded .active-ability-card{transition-duration:.01ms;transition-delay:0s}.active-ability-card-inner{animation-duration:.01ms!important}.active-ability-count{animation:none}}.active-ability-count{color:#fff;z-index:100;background:#ef4444;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:800;transition:opacity .2s ease-out,scale .25s cubic-bezier(.34,1.56,.64,1);animation:2.4s ease-in-out infinite activeCountBreathe;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes activeCardReveal{0%{opacity:0;transform:translateY(26px)scale(.82)}65%{opacity:1;transform:translateY(-4px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes activeCardHide{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.85)}}.active-ability-waiting{color:#fff;text-align:center;text-shadow:0 2px 4px #0006;background:linear-gradient(135deg,#0009,#16161694);border-radius:12px;padding:8px 16px;font-size:.75rem;font-weight:700;animation:1.2s ease-in-out infinite pulse;box-shadow:0 10px 30px #0006}.active-ability-count--hidden{opacity:0;animation:none;scale:.6}@keyframes activeCountBreathe{0%,to{scale:1}50%{scale:1.12}}.active-ability-card-actions{z-index:200;opacity:0;pointer-events:none;gap:8px;transition:opacity .2s ease-out,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)translateY(8px)}.active-ability-card-actions--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.active-ability-actions{z-index:200;justify-content:center;align-items:center;gap:12px;display:flex}.active-ability-actions button,.active-ability-card-actions button{padding:6px 12px;font-size:.75rem}.active-ability-question{z-index:200;background:linear-gradient(135deg,#000c,#161616cc);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:12px 18px;animation:.22s cubic-bezier(.22,1,.36,1) both activeAbilityQuestionIn;display:flex;box-shadow:0 10px 30px #0009}.active-ability-question-text{color:#fff;text-align:center;text-shadow:0 2px 4px #0006;font-size:.85rem;font-weight:700;line-height:1.35}@keyframes activeAbilityQuestionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.phaseMessageOverlay-module__TGaiJa__phaseMessageOverlay{pointer-events:none;z-index:999;background:linear-gradient(90deg,#0000 0%,#000000d9 25%,#000000f2 50%,#000000d9 75%,#0000 100%);justify-content:center;align-items:center;width:100vw;animation:2.5s ease-out forwards phaseMessageOverlay-module__TGaiJa__phaseMessageFade;display:flex;position:fixed;top:50%;left:0;transform:translateY(500%)}.phaseMessageOverlay-module__TGaiJa__phaseMessageContent{text-align:center;width:100%;max-width:800px;padding:0 20px}.phaseMessageOverlay-module__TGaiJa__phaseMessageText{color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px #fff9,0 2px 10px #00000080;font-family:serif;font-size:1.5rem;font-style:italic;font-weight:500;display:block}@media (max-width:768px){.phaseMessageOverlay-module__TGaiJa__phaseMessageOverlay{padding:16px 0}.phaseMessageOverlay-module__TGaiJa__phaseMessageText{letter-spacing:1px;font-size:1.8rem}}@keyframes phaseMessageOverlay-module__TGaiJa__phaseMessageFade{0%{opacity:0;transform:translateY(500%)scale(.95)}12%{opacity:1;transform:translateY(500%)scale(1)}85%{opacity:1;transform:translateY(500%)scale(1)}to{opacity:0;transform:translateY(500%)scale(1.05)}}
.card-view-module__IpmOiq__container{padding:8px}.card-view-module__IpmOiq__message{color:#e5e7eb;text-align:center;margin:0 0 16px;font-size:.95rem}.card-view-module__IpmOiq__cardsGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-items:center;gap:12px;max-height:55vh;padding:8px;display:grid;overflow-y:auto}.card-view-module__IpmOiq__cardWrapper{cursor:pointer;justify-content:center;align-items:flex-start;width:100%;max-width:110px;transition:transform .15s;display:flex;position:relative}.card-view-module__IpmOiq__cardWrapper:hover{transform:translateY(-4px)}.card-view-module__IpmOiq__cardInner{width:110px}.card-view-module__IpmOiq__cardWrapper.card-view-module__IpmOiq__selectable{cursor:pointer}.card-view-module__IpmOiq__cardWrapper.card-view-module__IpmOiq__selectable:hover{transform:translateY(-4px)}.card-view-module__IpmOiq__cardWrapper.card-view-module__IpmOiq__selected{box-shadow:0 0 0 3px #f59e0b,0 8px 24px #f59e0b4d}.card-view-module__IpmOiq__cardWrapper.card-view-module__IpmOiq__viewOnly{cursor:default}.card-view-module__IpmOiq__footer{justify-content:flex-end;gap:12px;width:100%;display:flex}.card-view-module__IpmOiq__groupList{flex-direction:column;gap:18px;max-height:55vh;padding:4px;display:flex;overflow-y:auto}.card-view-module__IpmOiq__group{background:#ffffff08;border:1px solid #f59e0b40;border-radius:10px;padding:10px 8px 12px}.card-view-module__IpmOiq__groupHeader{border-bottom:1px solid #f59e0b33;align-items:center;gap:8px;margin:0 4px 10px;padding-bottom:6px;display:flex}.card-view-module__IpmOiq__groupLabel{color:#f59e0b;letter-spacing:.02em;font-size:.9rem;font-weight:600}.card-view-module__IpmOiq__groupCount{color:#9ca3af;font-size:.8rem}.card-view-module__IpmOiq__groupGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-items:center;gap:12px;padding:4px;display:grid}.card-view-module__IpmOiq__groupEmpty{color:#9ca3af;padding:4px 6px 2px;font-size:.85rem;font-style:italic}.card-view-module__IpmOiq__lazySlot{width:100%;height:100%;min-height:1px}.card-view-module__IpmOiq__lazySlotIn{animation:.26s ease-out both card-view-module__IpmOiq__cardViewSlotIn}@keyframes card-view-module__IpmOiq__cardViewSlotIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card-view-module__IpmOiq__lazySlotIn{animation:none}}
.strikeOverlay-module__pLLsYq__strikeOverlay{z-index:1000;background:linear-gradient(90deg,#78141400 0%,#781414d9 25%,#961414f2 50%,#781414d9 75%,#78141400 100%);justify-content:center;align-items:center;width:100vw;animation:3s ease-out forwards strikeOverlay-module__pLLsYq__strikeMessageFade;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.strikeOverlay-module__pLLsYq__strikeContent{text-align:center;justify-content:center;align-items:center;gap:12px;width:100%;max-width:800px;padding:0 20px;display:flex}.strikeOverlay-module__pLLsYq__strikeIcon{font-size:2rem}.strikeOverlay-module__pLLsYq__strikeText{color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px #fff9,0 2px 10px #00000080;font-family:serif;font-size:1.5rem;font-style:italic;font-weight:500}.strikeOverlay-module__pLLsYq__strikeCount{color:#fca5a5;border:2px solid #fca5a5;border-radius:999px;min-width:60px;padding:4px 14px;font-size:1.2rem;font-weight:700}@keyframes strikeOverlay-module__pLLsYq__strikeMessageFade{0%{opacity:0;transform:translateY(-50%)scale(.95)}12%{opacity:1;transform:translateY(-50%)scale(1)}85%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(1.05)}}
.diceRollOverlay-module__5GiuRq__overlay{z-index:5010;pointer-events:none;background:radial-gradient(60% 55%,#06060cd1 0%,#06060c8c 55%,#06060c00 100%);flex-direction:column;justify-content:center;align-items:center;animation:3.2s ease-out forwards diceRollOverlay-module__5GiuRq__diceOverlayFade;display:flex;position:fixed;inset:0}.diceRollOverlay-module__5GiuRq__stage{color:#e8e0cc;text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:92vw;padding:16px;display:flex}.diceRollOverlay-module__5GiuRq__eyebrow{letter-spacing:2px;text-transform:uppercase;color:#f3d98b;text-shadow:0 0 14px #f3d98b73,0 2px 4px #000c;font-size:.8rem;font-weight:700}.diceRollOverlay-module__5GiuRq__source{color:#e8e0ccb3;text-shadow:0 2px 4px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:34rem;margin-top:-6px;font-size:.85rem;overflow:hidden}.diceRollOverlay-module__5GiuRq__plainRolls{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 28px;margin-top:8px;display:flex}.diceRollOverlay-module__5GiuRq__rollGroup{flex-direction:column;align-items:center;gap:6px;display:flex}.diceRollOverlay-module__5GiuRq__rollName,.diceRollOverlay-module__5GiuRq__rollNameCentered{letter-spacing:1px;text-transform:uppercase;color:#e8e0cc8c;font-size:.72rem}.diceRollOverlay-module__5GiuRq__rollNameCentered{margin-top:-4px}.diceRollOverlay-module__5GiuRq__diceRow{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.diceRollOverlay-module__5GiuRq__die{--die-size:72px;width:var(--die-size);height:var(--die-size);border-radius:calc(var(--die-size) * .2);color:#1c1608;box-shadow:inset 0 calc(var(--die-size) * -.06) 0 #00000029, inset 0 calc(var(--die-size) * .04) 0 #ffffffb3, 0 calc(var(--die-size) * .14) calc(var(--die-size) * .3) #0009;animation-delay:var(--delay,0s);background:linear-gradient(155deg,#fffaf0 0%,#efe4c6 55%,#d4c59e 100%);justify-content:center;align-items:center;display:inline-flex;position:relative}.diceRollOverlay-module__5GiuRq__dieLg{--die-size:clamp(76px, 14vmin, 112px)}.diceRollOverlay-module__5GiuRq__dieMd{--die-size:clamp(56px, 10vmin, 76px)}.diceRollOverlay-module__5GiuRq__dieSm{--die-size:clamp(44px, 8vmin, 56px)}.diceRollOverlay-module__5GiuRq__dieRolling{animation:.36s linear infinite diceRollOverlay-module__5GiuRq__dieTumble}.diceRollOverlay-module__5GiuRq__dieSettled{animation:.5s cubic-bezier(.2,1.5,.4,1) both diceRollOverlay-module__5GiuRq__dieLand}.diceRollOverlay-module__5GiuRq__dieMax{box-shadow:inset 0 calc(var(--die-size) * -.06) 0 #00000029, 0 0 calc(var(--die-size) * .4) #f3d98bd9, 0 calc(var(--die-size) * .14) calc(var(--die-size) * .3) #0009;background:linear-gradient(155deg,#fff4c4 0%,#f3d27a 55%,#d9a92e 100%)}.diceRollOverlay-module__5GiuRq__dieMin{filter:saturate(.6)brightness(.88)}.diceRollOverlay-module__5GiuRq__dieFace{margin-bottom:calc(var(--die-size) * .1);font-size:calc(var(--die-size) * .42);font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.diceRollOverlay-module__5GiuRq__dieSides{bottom:calc(var(--die-size) * .07);font-size:calc(var(--die-size) * .13);letter-spacing:1px;opacity:.5;font-weight:700;position:absolute}.diceRollOverlay-module__5GiuRq__pips{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:68%;height:68%;display:grid}.diceRollOverlay-module__5GiuRq__pip,.diceRollOverlay-module__5GiuRq__pipEmpty{width:calc(var(--die-size) * .16);height:calc(var(--die-size) * .16);border-radius:50%}.diceRollOverlay-module__5GiuRq__pip{background:radial-gradient(circle at 35% 35%,#4a3a18,#140f04 70%);box-shadow:inset 0 1px 1px #0009}.diceRollOverlay-module__5GiuRq__result{opacity:0;align-items:baseline;gap:10px;margin-top:6px;transition:opacity .3s,transform .35s cubic-bezier(.2,1.4,.4,1);display:flex;transform:translateY(6px)scale(.9)}.diceRollOverlay-module__5GiuRq__resultVisible{opacity:1;transform:none}.diceRollOverlay-module__5GiuRq__resultLabel{letter-spacing:2px;text-transform:uppercase;color:#e8e0cc99;font-size:.8rem}.diceRollOverlay-module__5GiuRq__resultValue{color:#fff;text-shadow:0 0 20px #f3d98b80,0 3px 6px #000c;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:900;line-height:1}.diceRollOverlay-module__5GiuRq__crit{letter-spacing:1px;text-transform:uppercase;color:#ffe9a3;text-shadow:0 0 12px #f3d98bcc;align-self:center;font-size:.8rem;font-weight:800}.diceRollOverlay-module__5GiuRq__sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:6px;display:grid}.diceRollOverlay-module__5GiuRq__sidesSingle{grid-template-columns:1fr}.diceRollOverlay-module__5GiuRq__versus{color:#e8e0cc8c;text-shadow:0 2px 4px #000c;font-family:serif;font-size:1.3rem;font-style:italic}.diceRollOverlay-module__5GiuRq__side{background:#0a0a128c;border-top:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:12px 16px 14px;display:flex}.diceRollOverlay-module__5GiuRq__sideLabel{letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-size:.8rem;font-weight:800}.diceRollOverlay-module__5GiuRq__sideCards{color:#e8e0cc99;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;margin-top:-6px;font-size:.72rem;overflow:hidden}.diceRollOverlay-module__5GiuRq__sum{opacity:0;align-items:flex-end;gap:8px;margin-top:2px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(4px)}.diceRollOverlay-module__5GiuRq__sumVisible{opacity:1;transform:none}.diceRollOverlay-module__5GiuRq__sumPart{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;font-size:1.15rem;font-weight:800;line-height:1.1;display:flex}.diceRollOverlay-module__5GiuRq__sumCaption{letter-spacing:1px;text-transform:uppercase;color:#e8e0cc80;font-size:.6rem;font-weight:600}.diceRollOverlay-module__5GiuRq__sumDice{color:#f3d98b}.diceRollOverlay-module__5GiuRq__sumTotal{color:#fff;font-size:1.6rem}.diceRollOverlay-module__5GiuRq__sumOp{color:#e8e0cc80;padding-bottom:2px;font-size:1rem}@media (max-width:640px){.diceRollOverlay-module__5GiuRq__sides{grid-template-columns:1fr;gap:8px}.diceRollOverlay-module__5GiuRq__side{width:100%;min-width:0}}@keyframes diceRollOverlay-module__5GiuRq__diceOverlayFade{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes diceRollOverlay-module__5GiuRq__dieTumble{0%{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-10%)rotate(18deg)scale(1.04)}50%{transform:translateY(0)rotate(-6deg)scale(.98)}75%{transform:translateY(-8%)rotate(-18deg)scale(1.03)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes diceRollOverlay-module__5GiuRq__dieLand{0%{transform:scale(1.3)rotate(-10deg)}60%{transform:scale(.95)rotate(2deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.diceRollOverlay-module__5GiuRq__dieRolling,.diceRollOverlay-module__5GiuRq__dieSettled{animation:none}}.diceRollOverlay-module__5GiuRq__overlayHold{pointer-events:auto;animation:.4s ease-out forwards diceRollOverlay-module__5GiuRq__diceOverlayFadeIn}@keyframes diceRollOverlay-module__5GiuRq__diceOverlayFadeIn{0%{opacity:0}to{opacity:1}}.diceRollOverlay-module__5GiuRq__closeButton{opacity:0;z-index:2;pointer-events:none;margin-top:18px;transition:opacity .3s,transform .3s;position:relative;transform:translateY(6px)}.diceRollOverlay-module__5GiuRq__closeButtonVisible{opacity:1;pointer-events:auto;transform:translateY(0)}.diceRollOverlay-module__5GiuRq__stage{z-index:1;position:relative}.diceRollOverlay-module__5GiuRq__backdrop{opacity:.42;filter:brightness(.6)saturate(.75);pointer-events:none;justify-content:center;align-items:center;gap:clamp(24px,12vmin,160px);padding:0 4vw;display:flex;position:absolute;inset:0}.diceRollOverlay-module__5GiuRq__backdropGroup{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,1.5vmin,14px);max-width:38vw;display:flex}.diceRollOverlay-module__5GiuRq__backdropGroupTarget{justify-content:flex-start}.diceRollOverlay-module__5GiuRq__backdropCard{aspect-ratio:5/7;flex:none;width:clamp(88px,13vmin,150px)}.diceRollOverlay-module__5GiuRq__backdropCardTarget{width:clamp(104px,16vmin,180px)}@media (max-width:640px){.diceRollOverlay-module__5GiuRq__backdrop{opacity:.32;gap:6vw}.diceRollOverlay-module__5GiuRq__backdropCard{width:clamp(60px,18vw,100px)}.diceRollOverlay-module__5GiuRq__backdropCardTarget{width:clamp(70px,22vw,120px)}}
.playerDefeatOverlay-module__g8560G__overlay{z-index:45000;pointer-events:auto;position:fixed;inset:0;overflow:hidden}.playerDefeatOverlay-module__g8560G__epicenter{pointer-events:none;width:0;height:0;position:absolute}.playerDefeatOverlay-module__g8560G__sourceCharge{animation:1s cubic-bezier(.36,.07,.19,.97) both playerDefeatOverlay-module__g8560G__defeatShakeInPlace}.playerDefeatOverlay-module__g8560G__sourceDestroyed{opacity:0!important;pointer-events:none!important}@keyframes playerDefeatOverlay-module__g8560G__defeatShakeInPlace{0%{filter:none;transform:none}10%{transform:translate(-3px,2px)scale(1.02)rotate(-2deg)}20%{transform:translate(4px,-2px)scale(1.03)rotate(2deg)}35%{filter:brightness(1.35)saturate(1.4);transform:translate(-5px,-3px)scale(1.05)rotate(-3deg)}50%{transform:translate(6px,3px)scale(1.06)rotate(3deg)}65%{filter:brightness(1.7)saturate(1.6);transform:translate(-7px,2px)scale(1.08)rotate(-4deg)}80%{transform:translate(7px,-4px)scale(1.1)rotate(4deg)}to{filter:brightness(2.3)saturate(.6);transform:scale(1.14)}}.playerDefeatOverlay-module__g8560G__cracks{width:var(--w);height:var(--h);mix-blend-mode:screen;opacity:0;background:repeating-conic-gradient(from 8deg,#fff0c800 0deg 26deg,#fff4d2f2 26deg 28.5deg);border-radius:50%;animation:1s ease-in both playerDefeatOverlay-module__g8560G__defeatCracks;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes playerDefeatOverlay-module__g8560G__defeatCracks{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}55%{opacity:.5}to{opacity:.95;transform:translate(-50%,-50%)scale(1.06)}}.playerDefeatOverlay-module__g8560G__fragment{width:var(--w);height:var(--h);animation:1.3s cubic-bezier(.12,.62,.28,1) forwards playerDefeatOverlay-module__g8560G__defeatFragment;animation-delay:var(--delay,0s);will-change:transform, opacity;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes playerDefeatOverlay-module__g8560G__defeatFragment{0%{opacity:1;filter:brightness(2.4);transform:translate(-50%,-50%)translate(0)rotate(0)scale(1)}14%{filter:brightness(1.5)}70%{opacity:1}to{opacity:0;filter:brightness(.45)blur(2px);transform:translate(-50%, -50%) translate(var(--tx), calc(var(--ty) + var(--fall))) rotate(var(--rot)) scale(.8)}}.playerDefeatOverlay-module__g8560G__glow{width:calc(var(--size) * 2.4);height:calc(var(--size) * 2.4);mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#fff0be2e 0%,#ff8a2e73 42%,#dc262652 62%,#dc262600 76%);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2)}.playerDefeatOverlay-module__g8560G__charge .playerDefeatOverlay-module__g8560G__glow{animation:.9s ease-in both playerDefeatOverlay-module__g8560G__defeatGlow}@keyframes playerDefeatOverlay-module__g8560G__defeatGlow{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.9;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.playerDefeatOverlay-module__g8560G__flash{width:calc(var(--size) * 6);height:calc(var(--size) * 6);opacity:0;background:radial-gradient(circle,#fffffff2 0%,#ffe0a0cc 25%,#ff7a1a73 45%,#ff7a1a00 70%);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.1)}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__flash{animation:.7s ease-out forwards playerDefeatOverlay-module__g8560G__defeatFlash}@keyframes playerDefeatOverlay-module__g8560G__defeatFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}12%{opacity:1;transform:translate(-50%,-50%)scale(.75)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.playerDefeatOverlay-module__g8560G__ring{width:var(--size);height:var(--size);opacity:0;border:3px solid #ffcd78e6;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.3);box-shadow:0 0 24px #ff963cb3,inset 0 0 18px #ff963c80}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__ring{animation:.9s cubic-bezier(.16,1,.3,1) forwards playerDefeatOverlay-module__g8560G__defeatRing;animation-delay:var(--delay,0s)}@keyframes playerDefeatOverlay-module__g8560G__defeatRing{0%{opacity:.95;border-width:6px;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%, -50%) scale(var(--ring-scale,5));border-width:1px}}.playerDefeatOverlay-module__g8560G__shard{width:calc(var(--size) * .16);height:calc(var(--size) * .34);opacity:0;background:linear-gradient(160deg,#fff3c4 0%,#ffae42 40%,#b91c1c 100%);border-radius:2px 6px 3px 5px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 12px #ffa03ccc}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__shard{animation:1s cubic-bezier(.18,.72,.32,1) forwards playerDefeatOverlay-module__g8560G__defeatShard;animation-delay:var(--delay,0s)}@keyframes playerDefeatOverlay-module__g8560G__defeatShard{0%{opacity:1;transform:translate(-50%,-50%)translate(0)rotate(0)scale(.5)}60%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(.9)}}.playerDefeatOverlay-module__g8560G__smoke{width:calc(var(--size) * .7);height:calc(var(--size) * .7);opacity:0;background:radial-gradient(circle,#3c3430b3 0%,#28222059 55%,#1e1a1800 75%);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.3)}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__smoke{animation:1.2s ease-out forwards playerDefeatOverlay-module__g8560G__defeatSmoke;animation-delay:var(--delay,0s)}@keyframes playerDefeatOverlay-module__g8560G__defeatSmoke{0%{opacity:.8;transform:translate(-50%,-50%)translate(0)scale(.3)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--tx), var(--ty)) scale(1.8)}}.playerDefeatOverlay-module__g8560G__label{left:0;top:calc(var(--size) * 1.1);white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#ffe9b0;text-shadow:0 0 12px #ff7828e6,0 2px 6px #000c;opacity:0;font-size:clamp(1rem,2.4vw,1.6rem);font-weight:900;position:absolute;transform:translate(-50%)}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__label{animation:1.1s ease-out .18s forwards playerDefeatOverlay-module__g8560G__defeatLabel}@keyframes playerDefeatOverlay-module__g8560G__defeatLabel{0%{opacity:0;transform:translate(-50%,12px)scale(.85)}25%{opacity:1;transform:translate(-50%)scale(1.06)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(1)}}.playerDefeatOverlay-module__g8560G__screenShake{animation:.55s cubic-bezier(.36,.07,.19,.97) both playerDefeatOverlay-module__g8560G__defeatScreenShake}@keyframes playerDefeatOverlay-module__g8560G__defeatScreenShake{0%,to{transform:translate(0,0)}10%{transform:translate(-8px,4px)scale(1.015)}25%{transform:translate(9px,-6px)scale(1.015)}40%{transform:translate(-7px,-3px)scale(1.015)}55%{transform:translate(6px,5px)scale(1.012)}70%{transform:translate(-4px,-2px)scale(1.008)}85%{transform:translate(3px,2px)scale(1.004)}}@media (prefers-reduced-motion:reduce){.playerDefeatOverlay-module__g8560G__sourceCharge,.playerDefeatOverlay-module__g8560G__cracks,.playerDefeatOverlay-module__g8560G__fragment,.playerDefeatOverlay-module__g8560G__charge .playerDefeatOverlay-module__g8560G__glow,.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__flash,.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__ring,.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__shard,.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__smoke,.playerDefeatOverlay-module__g8560G__screenShake{animation-duration:.2s!important}.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__shard,.playerDefeatOverlay-module__g8560G__blast .playerDefeatOverlay-module__g8560G__smoke{display:none}}
.arenaSummary-module__0Pwz9q__modalBackdrop{z-index:46000;-webkit-backdrop-filter:blur(6px)saturate(.85);background:radial-gradient(circle at 50% 45%,#0a0e208c 0%,#040714cc 100%);justify-content:center;align-items:center;animation:.45s ease-out both arenaSummary-module__0Pwz9q__summaryBackdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}.arenaSummary-module__0Pwz9q__modalContent{animation:.5s cubic-bezier(.16,1,.3,1) 80ms both arenaSummary-module__0Pwz9q__summaryContentIn}@keyframes arenaSummary-module__0Pwz9q__summaryBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1}}@keyframes arenaSummary-module__0Pwz9q__summaryContentIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.arenaSummary-module__0Pwz9q__modalBackdrop,.arenaSummary-module__0Pwz9q__modalContent{animation-duration:.15s}}.arenaSummary-module__0Pwz9q__replayBox{background:#fbbf240f;border:1px dashed #fbbf2459;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:14px 16px;display:flex}.arenaSummary-module__0Pwz9q__replayHint{color:#ffffff8c;text-align:center;font-size:.8rem}.arenaSummary-module__0Pwz9q__replayStatus{color:#fde68a;font-weight:600}.arenaSummary-module__0Pwz9q__replayLink{color:#fcd34d;text-underline-offset:3px;font-size:.9rem;text-decoration:underline}.arenaSummary-module__0Pwz9q__replayLink:hover{color:#fef3c7}
@keyframes cardSlideIn{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cardSlideInRight{0%{opacity:0;transform:translateY(-20px)translate(20px)scale(.8)}to{opacity:1;transform:translateY(0)translate(0)scale(1)}}@keyframes target-pulse{0%,to{box-shadow:0 0 0 3px #ff444480}50%{box-shadow:0 0 0 6px #f44c,0 0 20px #f446}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes pulseResponse{0%,to{box-shadow:0 0 #ff6b3500}50%{box-shadow:0 0 0 4px #ff6b3540}}@keyframes glowResponse{0%,to{box-shadow:0 0 8px #ff6b3533}50%{box-shadow:0 0 14px #ff6b3566}}@keyframes badgePop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes impactBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}40%{opacity:.9;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes impactRing{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes targetShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}}.impact-effect{background:radial-gradient(circle, #fbbf24 0%, var(--impact-color,#ef4444) 50%, transparent 70%);pointer-events:none;z-index:10001;border-radius:50%;width:90px;height:90px;animation:.45s ease-out forwards impactBurst;position:fixed}.impact-effect:after{content:"";border:3px solid var(--impact-color,#ef4444);border-radius:50%;animation:.45s ease-out forwards impactRing;position:absolute;inset:-20px}.target-shake{animation:.3s ease-in-out targetShake!important}.attack-ghost,.block-ghost{will-change:transform, opacity}.arena-container{touch-action:manipulation;overscroll-behavior:none;color:#fff;background-color:#0000;background-image:radial-gradient(#1a1a2e03 100%,#050d25 100%),url(/assets/images/bg/arena3.avif);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden}.arena-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#4a9eff14 0%,#0000 25%),radial-gradient(circle at 80% 70%,#8b5cf614 0%,#0000 25%);position:absolute;inset:0}.arena-main{width:100%;height:100dvh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex;transform:perspective(900px)rotateX(14deg)}.arena-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border-bottom:1px solid #ffffff14;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 16px;display:none;bottom:0;left:0;right:0}.arena-exit-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.arena-exit-btn:hover{background:#ef444440;transform:translateY(-1px)}.connection-status-bar{align-items:center;gap:10px;display:flex}.dev-mode-indicator{color:#fbbf24;letter-spacing:.5px;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:800}.status-indicator{color:#fffc;background:#00000059;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.status-dot{background:#6b7280;border-radius:50%;width:8px;height:8px}.status-connected .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-connecting .status-dot,.status-reconnecting .status-dot{background:#f59e0b;animation:1.5s infinite pulse}.status-error .status-dot,.status-disconnected .status-dot{background:#ef4444}.reconnect-btn{color:#93c5fd;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700;transition:all .2s}.reconnect-btn:hover{background:#3b82f659}.notification-container{z-index:2500;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.notification-item{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;padding:12px 20px;font-size:.9rem;font-weight:600;animation:.3s cardSlideIn;box-shadow:0 10px 30px #00000059}.notification-item.error{background:#450a0af2;border-color:#ef444480}.notification-item.success{background:#064e3bf2;border-color:#22c55e80}.player-panels-row{align-items:stretch;gap:16px;width:100%;max-width:1200px;display:flex}.player-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #ffffff1a;border-radius:16px;min-width:260px;padding:14px 16px;transition:all .3s;box-shadow:0 8px 24px #00000040}.player-panel.active-turn{border-color:#22c55e80;box-shadow:0 0 20px #22c55e26,0 8px 24px #00000040}.player-panel.pending-target{cursor:crosshair;border-color:#ef444499;animation:1.5s infinite target-pulse}.player-panel.opponent{border-color:#ef444440}.player-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.player-name{color:#fff;text-shadow:1px 1px 2px #00000080;font-size:1rem;font-weight:800}.player-stats{gap:12px;font-size:.9rem;font-weight:700;display:flex}.life-stat{color:#fca5a5}.mana-stat{color:#93c5fd}.player-zone-counts{color:#fff9;gap:14px;margin-top:6px;font-size:.75rem;display:flex}.game-info-pill{z-index:1000;color:#fff;background:linear-gradient(135deg,#4f46e5e6,#9333eae6);border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:6px;min-width:180px;padding:12px 16px;font-size:.8rem;font-weight:700;display:flex;position:fixed;top:70px;right:16px;box-shadow:0 10px 30px #0000004d}.game-info-pill .resource-line{color:#fde68a}.game-info-pill .resource-line.exhausted{color:#fca5a5}.battle-field{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1200px;display:flex}.opponent-field,.my-field{border-radius:16px;width:100%;transition:all .3s}.cards-grid{flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;min-height:170px;transition:all .3s;display:flex;position:relative}.empty-field-message{color:#6b7280;border-radius:12px;justify-content:center;align-items:center;width:100%;font-size:.9rem;font-style:italic;transition:all .3s;display:flex}.my-field .cards-grid.drop-zone-hover .empty-field-message,.my-field .cards-grid.drop-zone-hover{color:#3b82f6;background:#3b82f61f;border-color:#3b82f6;border-radius:12px;animation:1.2s ease-in-out infinite dropZonePulse}@keyframes dropZonePulse{0%,to{box-shadow:inset 0 0 #3b82f600}50%{box-shadow:inset 0 0 24px #3b82f640}}.player-card{transform-origin:50%;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:visible}.player-card-visual{pointer-events:auto;cursor:pointer}.player-card:not(:first-child){margin-left:calc(-200px + 180px * var(--card-scale,.7))}.cancel-target-btn{color:#fff;cursor:pointer;z-index:20;background:#000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:10px;font-size:1.2rem;display:flex;position:absolute;top:-10px;right:-10px}.cancel-ability-target-btn{color:#fff;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.2rem;display:flex;position:absolute;top:-10px;right:-36px}.cancel-ability-target-btn:hover{background:#ffffff4d;transform:scale(1.1)}@media (hover:hover){.opponent-field .player-card:has(.player-card-visual:hover){filter:drop-shadow(0 4px 12px #f446);transform:scale(1.05)}}.opponent-field .player-card-visual:hover{cursor:crosshair}.vs-indicator{justify-content:center;align-items:center;display:flex}.vs-pill{text-transform:uppercase;letter-spacing:1px;color:#fffc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:6px 18px;font-size:.75rem;font-weight:800}.targeting-scrim{z-index:0;pointer-events:none;background:#000000b8;animation:.22s ease-out targeting-scrim-in;position:absolute;inset:0}.targeting-cancel-pill{top:calc(64px + env(safe-area-inset-top,0px));z-index:2600;color:#fff;cursor:pointer;background:#0f172aeb;border:1px solid #ffffff59;border-radius:999px;min-height:40px;padding:8px 18px;font-size:.85rem;font-weight:700;animation:.22s ease-out targeting-scrim-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.targeting-progress-pill{top:calc(112px + env(safe-area-inset-top,0px));cursor:default}button.targeting-progress-pill{cursor:pointer}button.targeting-progress-pill:disabled{opacity:.55;cursor:not-allowed}.targeting-reopen-pill{top:calc(160px + env(safe-area-inset-top,0px))}@keyframes targeting-scrim-in{0%{opacity:0}to{opacity:1}}.arena-container.is-targeting .arena-layout-zone.targeting-dimmed,.arena-container.is-targeting .arena-player-phase-panel.targeting-dimmed{filter:brightness(.28)saturate(.35)blur(1px);transition:filter .22s ease-out}.arena-container.is-targeting .arena-layout-zone.targeting-focus .player-card:not(.is-ability-target):not(.is-ability-source),.arena-container.is-targeting .arena-layout-zone.targeting-source .player-card:not(.is-ability-source):not(.is-ability-target),.arena-container.is-targeting .arena-layout-zone.targeting-focus .hand-card-wrapper:not(.is-ability-target):not(.is-ability-source),.arena-container.is-targeting .arena-layout-zone.targeting-source .hand-card-wrapper:not(.is-ability-source):not(.is-ability-target){filter:brightness(.32)saturate(.4);transition:filter .22s ease-out}.arena-container.is-targeting .arena-layout-zone.targeting-dimmed,.arena-container.is-targeting .arena-layout-zone.targeting-dimmed *,.arena-container.is-targeting .arena-player-phase-panel.targeting-dimmed,.arena-container.is-targeting .arena-player-phase-panel.targeting-dimmed *,.arena-container.is-targeting .arena-layout-zone.targeting-focus .player-card:not(.is-ability-target):not(.is-ability-source),.arena-container.is-targeting .arena-layout-zone.targeting-focus .player-card:not(.is-ability-target):not(.is-ability-source) *,.arena-container.is-targeting .arena-layout-zone.targeting-source .player-card:not(.is-ability-source):not(.is-ability-target),.arena-container.is-targeting .arena-layout-zone.targeting-source .player-card:not(.is-ability-source):not(.is-ability-target) *,.arena-container.is-targeting .arena-layout-zone.targeting-focus .hand-card-wrapper:not(.is-ability-target):not(.is-ability-source),.arena-container.is-targeting .arena-layout-zone.targeting-focus .hand-card-wrapper:not(.is-ability-target):not(.is-ability-source) *,.arena-container.is-targeting .arena-layout-zone.targeting-source .hand-card-wrapper:not(.is-ability-source):not(.is-ability-target),.arena-container.is-targeting .arena-layout-zone.targeting-source .hand-card-wrapper:not(.is-ability-source):not(.is-ability-target) *{pointer-events:none!important}.arena-container.is-targeting .arena-layout-zone.targeting-focus .zone-box.ability-target-zone{background:#f59e0b33;border-color:#f59e0bf2}.arena-container.is-targeting .arena-player-phase-panel.targeting-focus{filter:drop-shadow(0 0 14px #f59e0b8c)}.arena-container.is-targeting .player-card.is-picked-target .player-card-visual{outline-offset:3px;border-radius:12px;outline:3px solid #f59e0bf2;transition:box-shadow .15s ease-out,outline-color .15s ease-out;box-shadow:0 0 22px #f59e0bbf}.arena-container.is-targeting .player-card.is-picked-target:after{content:"✓";z-index:3;color:#1c1917;text-align:center;pointer-events:none;background:#f59e0bf2;border-radius:999px;min-width:26px;height:26px;padding:0 6px;font-size:.85rem;font-weight:800;line-height:26px;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #00000073}.zone-box.ability-target-zone{background:#f59e0b1f;border-color:#f59e0bb3;animation:1.4s ease-in-out infinite ability-target-pulse;box-shadow:0 0 12px #f59e0b40}@keyframes ability-target-pulse{0%,to{box-shadow:0 0 12px #f59e0b40}50%{box-shadow:0 0 20px #f59e0b73}}.game-zones-row{flex-direction:row;flex:1;justify-content:center;align-items:stretch;gap:10px;display:flex}.zone-box{background:linear-gradient(#ffffff12 0%,#0f172a38 100%);border:1px solid #ffffff17;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:90px;padding:10px 12px;transition:border-color .2s,box-shadow .25s,background .25s;display:flex;box-shadow:inset 0 1px #ffffff17,0 6px 18px #00000047}.zone-box:hover{background:linear-gradient(#ffffff1a 0%,#0f172a57 100%);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000057}.zone-header{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.zone-title{text-transform:uppercase;letter-spacing:.8px;color:#ffffff8c;font-size:.65rem;font-weight:800}.zone-box.zone-viewable{cursor:pointer}.zone-box.zone-viewable:hover .zone-title,.zone-box.zone-viewable:focus-visible .zone-title{color:#ffffffd9}.zone-box.zone-viewable:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.zone-content{justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.zone-count{color:#ffffff73;font-size:.65rem;font-weight:700}.zone-stack-bg{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;width:52px;height:72px;position:absolute}.zone-stack-bg:first-child{transform:translate(2px,2px)}.zone-stack-bg:nth-child(2){transform:translate(-1px,-1px)}.stack-container{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex;position:relative}.stacked-card{transform-origin:50%;transform:translate(calc(-50% + var(--offset-x,0px)), calc(-50% + var(--offset-y,0px))) scale(var(--card-scale,1));transition:transform .3s,box-shadow .3s;position:absolute;top:50%;left:50%}@media (hover:hover){.stacked-card:hover{transform:translate(calc(-50% + var(--offset-x,0px)), calc(-50% + var(--offset-y,0px) - 12px)) scale(calc(var(--card-scale,1) * 1.08));z-index:1000!important}}.zone-card-row{transform:scale(var(--card-scale,1));transform-origin:50%;transition:transform .3s}.zone-empty{color:#ffffff40;font-size:.6rem}.card-preview-overlay{z-index:40000;pointer-events:auto;overscroll-behavior:contain;touch-action:none;transition:all .2s;position:fixed;overflow:visible}.card-preview-overlay.hover{animation:.2s ease-out cardSlideInRight;right:16px}.card-preview-overlay.sticky{animation:.2s ease-out cardSlideIn}.card-preview-close{z-index:50;color:#fff;cursor:pointer;background:#0f172af2;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 6px 16px #00000073}.card-preview-stack{overflow:visible}.card-preview-stack .tilt-card-wrapper.tapped{transform:translateZ(.1px)}.card-preview-stack-item{cursor:pointer;filter:drop-shadow(-6px 0 10px #00000073);transition:right .18s;position:absolute;top:0}.card-preview-stack-item.pinned:after{content:"";pointer-events:none;border:2px solid #ff9f6bd9;border-radius:10px;position:absolute;inset:-3px}.card-preview-pin-badge{pointer-events:none;background:#0f172af2;border:1px solid #ff9f6bd9;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex;position:absolute;top:-8px;left:-8px}.card-preview-overlay.floating{flex-direction:column;align-items:center;gap:12px;transition:translate .35s cubic-bezier(.22,1,.36,1);animation:.3s ease-out floatingCardIn;display:flex;top:50%;left:50%;translate:-50% -50%}.card-preview-overlay.floating.floating--beside-ability{translate:calc(-100% - 16px) -50%}@keyframes floatingCardIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.floating-preview-header{color:#ff9f6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0f172af2;border:1px solid #ff6b3599;border-radius:24px;padding:8px 18px;font-size:.85rem;font-weight:800;animation:2s infinite pulseResponse;box-shadow:0 10px 30px #00000059}.floating-preview-header.is-mine{color:#86efac;border-color:#4ade80b3}.floating-response-actions{justify-content:center;align-items:center;animation:.2s ease-out floatingCardIn;display:flex}.floating-response-actions.is-preview,.active-ability-actions.is-preview{pointer-events:none}.floatingPreviewContent,.hover .cardDetailView{border-radius:16px;animation:2s infinite glowResponse;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ff6b3566,0 20px 50px #00000080}.hover .cardDetailView{animation:none;box-shadow:0 20px 50px #00000080}.floating-preview-content .card-detail-card .card,.hover .card-detail-card .card{border-color:#ff6b3599}.player-hand{z-index:100;pointer-events:none;width:100%;max-width:1000px;height:210px;transition:all .3s;scale:.6}@media (hover:hover){.player-hand:hover{transform:translateY(-10%)}}.player-hand.opponent-hand{bottom:auto;transform:translate(-50%)translateY(-150%)rotate(180deg)scale(.7)}.hand-container{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.hand-card-wrapper{pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:10px}.hand-card-wrapper:hover{z-index:100!important}.hand-card-index{color:#e2e8f073;text-align:center;letter-spacing:.5px;pointer-events:none;background:#0f172a59;border-radius:6px;min-width:15px;padding:0 4px;font-size:.62rem;font-weight:600;line-height:15px;transition:color .2s,background .2s;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.hand-card-wrapper:hover .hand-card-index{color:#e2e8f0e6;background:#0f172a99}.key-hint{letter-spacing:0;text-transform:none;vertical-align:middle;opacity:.75;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;min-width:1.5em;margin-left:6px;padding:1px 5px;font-family:inherit;font-size:.7em;font-weight:600;line-height:1.4;display:inline-flex}@media (hover:none),(pointer:coarse){html:not([data-keyboard-input]) .key-hint,html:not([data-keyboard-input]) .hand-card-index,html:not([data-keyboard-input]) .key-hint-list{display:none!important}}.hand-card-wrapper:before{content:"";opacity:0;pointer-events:none;z-index:-1;border-radius:10px;transition:opacity .25s;position:absolute;inset:-6px;box-shadow:2px 2px 20px #fff}.hand-container[data-remote-hover-hand=true] .hand-card-wrapper:before{opacity:1}.phase-status-container{z-index:300;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#0f172aeb;border:1px solid #4a9eff66;border-radius:16px;min-width:260px;max-width:92vw;padding:8px 10px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000059}.phase-drag-handle{cursor:grab;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:6px;padding:4px 2px 8px;display:flex}.drag-grip{letter-spacing:1px;color:#ffffff59;font-size:10px;line-height:1}.phase-current-label{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.turn-indicator-mini{color:#ff8a8a;white-space:nowrap;background:#ff6b6b2e;border-radius:10px;flex-shrink:0;padding:3px 7px;font-size:10px;font-weight:700}.turn-indicator-mini.my-turn{color:#4ecdc4;background:#4ecdc42e}.turn-indicator-mini.response-phase{color:#ff9f6b;background:linear-gradient(135deg,#ff6b3540,#f7931e40);animation:2s infinite pulseResponse}.current-phase-name{color:#4a9eff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.phase-bar{align-items:center;gap:8px;display:flex}.phases-strip{scrollbar-width:none;flex:1;align-items:center;gap:4px;padding:2px;display:flex;overflow-x:auto}.phases-strip::-webkit-scrollbar{display:none}.phase-item{cursor:default;background:#ffffff0f;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:relative}.phase-item .phase-icon{filter:grayscale(.25);font-size:15px;line-height:1;transition:all .2s}.phase-item .phase-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#000000d9;border:1px solid #ffffff1a;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 16px #0000004d}.phase-item .phase-tooltip:after{content:"";border:5px solid #0000;border-top-color:#000000d9;position:absolute;top:100%;left:50%;transform:translate(-50%)}.phase-item:hover .phase-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.phase-item:hover .phase-icon{filter:grayscale(0);transform:scale(1.1)}.phase-item.current-phase{background:#4a9eff38;border-color:#4a9effb3;box-shadow:0 0 12px #4a9eff4d}.phase-item.completed-phase{opacity:.65;background:#4ecdc41f}.phase-item.completed-phase .phase-icon{filter:grayscale(.6)}.phase-item.disabled{opacity:.35}.phase-dot-marker{background:#4ecdc4;border-radius:50%;width:4px;height:4px;animation:1.5s infinite pulse;position:absolute;bottom:3px}.phase-item.allows-response:after{content:"💫";font-size:9px;position:absolute;top:-4px;right:-4px}.phase-item.response-phase{background:linear-gradient(135deg,#ff6b3540,#f7931e40);border-color:#ff6b35b3;animation:2s infinite glowResponse}.phase-actions-right{border-left:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:5px;padding-left:6px;display:flex}.arena-loading{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.arena-spinner{border:3px solid #ffffff26;border-top-color:#4a9eff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.arena-main{transform:none}}@media (max-width:768px){.arena-main{padding-top:72px}.player-panels-row{flex-direction:column}.player-panel{width:100%;min-width:0}.game-info-pill{width:100%;position:relative;top:auto;right:auto}.card,.card.md{width:110px}.phase-status-container{min-width:0;bottom:10px;left:10px;right:10px}}.payment-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #ffd7004d;border-radius:20px;width:90%;max-width:800px;max-height:90vh;padding:30px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.payment-header{border-bottom:2px solid #ffd70033;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.payment-header h3{color:gold;text-shadow:0 2px 4px #00000080;margin:0;font-size:24px}.close-btn{color:#f44;cursor:pointer;background:#f003;border:2px solid #ff000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.close-btn:hover{background:#f006;transform:scale(1.1)}.card-to-pay{margin-bottom:20px}.card-info{background:#0000004d;border:1px solid #ffd70033;border-radius:12px;padding:15px}.card-info h4{color:#fff;margin:0 0 10px;font-size:16px}.card-preview{justify-content:center;margin:15px 0;display:flex}.card-preview .card{transform-origin:50%;transform:scale(.7)}.cost-info{text-align:center;color:#ccc;margin:10px 0 0;font-size:18px}.payment-status{background:#0006;border:2px solid #64c8ff4d;border-radius:12px;margin-bottom:20px;padding:15px 20px}.payment-status h4{color:#fff;margin:0 0 12px;font-size:16px}.cost-breakdown{flex-direction:column;gap:10px;display:flex}.cost-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.cost-type{color:gold;text-transform:capitalize;font-size:16px;font-weight:700}.cost-amount{color:#fff;font-size:18px;font-weight:700}.cost-icon{color:#fbbf24;font-size:20px}.cost-icon.complete{color:#4ade80;text-shadow:0 0 10px #4ade8080}.resources-container{margin-bottom:20px}.resources-container h4{color:#fff;margin:0 0 15px;font-size:18px}.resources-grid{background:#0003;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;max-height:400px;padding:10px;display:grid;overflow-y:auto}.resource-item{cursor:pointer;background:#ffffff0d;border:3px solid #0000;border-radius:12px;padding:5px;transition:all .2s;position:relative}.resource-item:hover:not(.tapped){border-color:#ffd70080;transform:translateY(-5px);box-shadow:0 5px 15px #ffd7004d}.resource-item.selected{background:#4ade8026;border-color:#4ade80;box-shadow:0 0 20px #4ade8066}.resource-item.tapped{opacity:.4;cursor:not-allowed}.resource-item .card{transform-origin:50%;transform:scale(.8)}.resource-value{color:#000;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #0006}.payment-actions{justify-content:center;gap:15px;margin-top:20px;display:flex}.payment-actions button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .2s}.btn-cancel{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-confirm{color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 12px #4ade804d}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4ade8066}.btn-confirm:disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(135deg,#666,#555)}.resources-grid::-webkit-scrollbar{width:8px}.resources-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.resources-grid::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.resources-grid::-webkit-scrollbar-thumb:hover{background:#ffd70099}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.payment-modal::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.payment-modal::-webkit-scrollbar-thumb:hover{background:#ffd70099}@media (max-width:768px){.payment-modal{width:95%;max-height:85vh;padding:20px}.payment-header h3{font-size:18px}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.payment-actions button{padding:10px 16px;font-size:14px}}@keyframes floatUpAndFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-110%)scale(1.25)}40%{transform:translate(-50%,-160%)scale(1.1)}to{opacity:0;transform:translate(-50%,-240%)scale(1)}}.floating-text{white-space:nowrap;pointer-events:none;z-index:20000;text-shadow:0 2px 4px #0009;font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-size:1.6rem;font-weight:900;animation:1s ease-out forwards floatUpAndFade;position:fixed}.floating-text-positive{color:#4ade80}.floating-text-negative{color:#ef4444}.floating-text-life-up{color:#4ade80}.floating-text-life-down{color:#ef4444}.floating-text-mana-up{color:#60a5fa}.floating-text-mana-down{color:#f87171}.floating-text-attack-up{color:#fbbf24}.floating-text-attack-down{color:#f87171}.floating-text-defense-up{color:#60a5fa}.floating-text-defense-down{color:#f87171}.floating-text-generic{color:#fff}.floating-text-neutral{color:#d1d5db}@keyframes statPopUp{0%{transform:scale(1)}35%{color:#4ade80;text-shadow:0 0 14px #4ade80f2;transform:scale(1.55)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes statPopDown{0%{transform:scale(1)}35%{color:#ef4444;text-shadow:0 0 14px #ef4444f2;transform:scale(1.55)}60%{transform:scale(1.25)}to{transform:scale(1)}}.stat-modified-positive{text-shadow:0 0 8px #4ade8099;color:#4ade80!important}.stat-modified-negative{text-shadow:0 0 8px #ef444499;color:#f87171!important}.stat-changing-up{animation:.7s cubic-bezier(.34,1.56,.64,1) statPopUp}.stat-changing-down{animation:.7s cubic-bezier(.34,1.56,.64,1) statPopDown}.card-stats.stats-up{box-shadow:0 0 12px #4ade8066;background:linear-gradient(135deg,#14532d 0%,#166534 100%)!important;border-color:#22c55e!important}.card-stats.stats-down{box-shadow:0 0 12px #ef444466;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)!important;border-color:#ef4444!important}.card-detail-view{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #ffffff1f;border-radius:18px;gap:16px;max-width:520px;padding:18px;display:flex;box-shadow:0 20px 60px #00000080}.card-detail-card{flex-shrink:0}.card-detail-card .card{border-color:#fff3}.card-detail-info{flex-direction:column;gap:10px;min-width:220px;max-width:280px;display:flex}.card-detail-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-detail-name{color:#fff;text-shadow:0 2px 4px #0009;margin:0;font-size:1.15rem;font-weight:800}.card-detail-cost{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex;box-shadow:inset 0 1px 2px #ffffff1a,0 2px 6px #0000004d}.card-detail-type-line{text-transform:uppercase;letter-spacing:.5px;color:#93c5fd;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.card-detail-type-icon{font-size:1rem}.card-detail-resource-type{color:#d1d5db;text-transform:none}.card-detail-stats{background:#00000059;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;width:fit-content;padding:8px 12px;font-size:.95rem;font-weight:700;display:flex}.card-detail-stat{align-items:center;gap:4px;display:inline-flex}.card-detail-stat small{opacity:.8;font-size:.75rem}.card-detail-stat.positive{color:#4ade80}.card-detail-stat.negative{color:#f87171}.card-detail-stat-separator{color:#fbbf24;font-weight:900}.card-detail-resource-value{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:10px;width:fit-content;padding:8px 12px;font-weight:700}.card-detail-description{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px;font-size:.85rem;line-height:1.4}.card-detail-description p{margin:0}.card-detail-abilities{flex-direction:column;gap:8px;display:flex}.card-detail-abilities h4{text-transform:uppercase;letter-spacing:.8px;color:#ffffff8c;margin:0 0 2px;font-size:.75rem}.card-detail-ability{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;transition:all .2s}.card-detail-ability.highlighted{background:#8b5cf62e;border-color:#8b5cf680;box-shadow:0 0 16px #8b5cf640}.card-detail-ability-header{align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.card-detail-ability-icon{font-size:.85rem}.card-detail-ability-type{text-transform:capitalize;color:#c4b5fd}.card-detail-ability-cost{color:#fbbf24;margin-left:auto;font-weight:600}.card-detail-ability-text{color:#e2e8f0;margin:0;font-size:.8rem;line-height:1.35}@media (max-width:768px){.card-detail-view{flex-direction:column;align-items:center;max-width:92vw;padding:14px}.card-detail-info{width:100%;min-width:auto;max-width:100%}}@media (max-width:900px){.cancel-ability-target-btn{top:-36px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:640px){.arena-layout-zone-hand.inverted{transform:perspective(700px)rotateX(340deg)scale(.7)}}@media (max-width:640px),(max-height:520px){.active-ability-overlay{transform-origin:50%;transform:scale(.62)}.notification-container{width:calc(100vw - 24px);top:64px}.notification-item{text-align:center;padding:10px 14px;font-size:.8rem}}@media (max-width:640px){.card-preview-overlay.floating.floating--beside-ability{translate:-50% calc(-100% - 8px)}.active-ability-overlay.active-ability-overlay--beside-floating{transform-origin:top;translate:-50% 8px}}.coin-toss-overlay{--coin-size:168px;--coin-depth:12px;--coin-gold:#c9a84c;z-index:5000;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.coin-toss-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 42%,#c9a84c24,#0000 62%),#06060ce0;position:absolute;inset:0}.coin-toss-content{z-index:1;width:380px;max-width:92vw;animation:.45s cubic-bezier(.2,.9,.3,1.2) both coinTossPop;position:relative}@keyframes coinTossPop{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.coin-toss-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;box-shadow:0 30px 80px #0009}.coin-toss-glow{opacity:.3;pointer-events:none;background:radial-gradient(circle,#c9a84c52,#c9a84c12 45%,#0000 70%);border-radius:50%;width:340px;height:340px;margin-left:-170px;transition:opacity .6s;position:absolute;top:52px;left:50%}.coin-toss-overlay--spinning .coin-toss-glow{opacity:.55}.coin-toss-overlay--landed .coin-toss-glow{opacity:1}.coin-toss-title{letter-spacing:.06em;color:#e8e0cc;margin:0;font-size:1.5rem;font-weight:400;position:relative}.coin-toss-subtitle{color:#ffffffb8;margin:0;font-size:.95rem;position:relative}.coin-toss-subtitle strong{color:#fff;font-weight:600}.coin-toss-dots i{opacity:.3;background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:4px;animation:1.2s ease-in-out infinite coinDots;display:inline-block}.coin-toss-dots i:nth-child(2){animation-delay:.2s}.coin-toss-dots i:nth-child(3){animation-delay:.4s}@keyframes coinDots{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.coin-scene{width:calc(var(--coin-size) + 40px);height:calc(var(--coin-size) + 64px);perspective:900px;justify-content:center;align-items:center;display:flex;position:relative}.coin-shadow{width:calc(var(--coin-size) * .78);height:14px;margin-left:calc(var(--coin-size) * -.39);transform-origin:50%;background:radial-gradient(#0009,#0000 70%);border-radius:50%;animation:3.2s ease-in-out infinite coinShadowIdle;position:absolute;bottom:4px;left:50%}.coin{width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;will-change:transform;animation:3.2s ease-in-out infinite coinIdle;position:relative}.coin-face{object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 6px 14px #00000080);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.coin-face--heads{transform:translateZ(calc(var(--coin-depth) / 2))}.coin-face--tails{transform:rotateY(180deg) translateZ(calc(var(--coin-depth) / 2))}.coin-edge{transform:translateZ(calc(var(--coin-depth) / 2 - var(--coin-depth) * (var(--i) + .5) / 6));backface-visibility:visible;background:linear-gradient(90deg,#3a2a13 0%,#8a6630 28%,#d8bb7c 50%,#8a6630 72%,#3a2a13 100%);border-radius:50%;position:absolute;inset:4%}@keyframes coinIdle{0%{transform:translateY(0)rotateY(-24deg)rotateX(8deg)}50%{transform:translateY(-10px)rotateY(24deg)rotateX(8deg)}to{transform:translateY(0)rotateY(-24deg)rotateX(8deg)}}@keyframes coinShadowIdle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.coin--spinning{animation:.5s linear infinite coinSpin}@keyframes coinSpin{0%{transform:translateY(-32px)rotateY(0)rotateX(12deg)}to{transform:translateY(-32px)rotateY(1080deg)rotateX(12deg)}}.coin-toss-overlay--spinning .coin-shadow{opacity:.4;animation:none;transform:scale(.6)}.coin--landed{animation:none}.coin--land-heads{animation:1.1s cubic-bezier(.15,.85,.25,1) forwards coinLandHeads}.coin--land-tails{animation:1.1s cubic-bezier(.15,.85,.25,1) forwards coinLandTails}@keyframes coinLandHeads{0%{transform:translateY(-32px)rotateY(0)rotateX(12deg)}to{transform:translateY(0)rotateY(1440deg)rotateX(0)scale(1.06)}}@keyframes coinLandTails{0%{transform:translateY(-32px)rotateY(0)rotateX(12deg)}to{transform:translateY(0)rotateY(1620deg)rotateX(0)scale(1.06)}}.coin-toss-overlay--landed .coin-shadow{opacity:.95;transition:transform 1.1s ease-out,opacity 1.1s ease-out;animation:none;transform:scale(1.05)}.coin-toss-actions{justify-content:center;gap:14px;width:100%;margin-top:2px;display:flex;position:relative}.coin-toss-actions .coin-side-btn{border-radius:14px;width:140px;padding:14px 10px 12px;transition:filter .2s,transform .18s,border-color .18s,background .18s,box-shadow .18s}.coin-toss-actions .coin-side-btn>span{flex-direction:column;gap:8px}.coin-toss-actions .coin-side-btn:hover:not(:disabled){transform:translateY(-3px)}.coin-toss-actions .coin-side-btn:active:not(:disabled){transform:translateY(-1px)scale(.98)}.coin-side-btn-token{object-fit:contain;filter:drop-shadow(0 6px 12px #00000080);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:68px;height:68px;transition:transform .25s}.coin-side-btn:hover:not(:disabled) .coin-side-btn-token{transform:rotateY(22deg)scale(1.06)}.coin-side-btn-label{letter-spacing:.04em;font-size:1.05rem}.coin-side-btn-hint{opacity:.65}.coin-toss-result{flex-direction:column;align-items:center;gap:4px;animation:.5s cubic-bezier(.2,.9,.3,1.2) .9s both coinTossPop;display:flex;position:relative}.coin-toss-outcome-chip{letter-spacing:.12em;text-transform:uppercase;color:#e8e0cc;background:linear-gradient(#c9a84c2e,#0e0e16e6);border:1px solid #c9a84c59;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 5px;font-size:.78rem;font-weight:600;display:inline-flex}.coin-toss-outcome-chip img{object-fit:contain;width:26px;height:26px}.coin-toss-outcome{color:#fff;margin:4px 0 0;font-size:1.25rem;font-weight:700}.coin-toss-result--win .coin-toss-outcome{color:var(--coin-gold)}.coin-toss-outcome-detail{color:#ffffff8c;margin:0;font-size:.82rem}@media (prefers-reduced-motion:reduce){.coin,.coin--spinning,.coin-shadow,.coin-toss-dots i,.coin-toss-content,.coin-toss-result{animation:none!important}.coin--land-heads{transform:rotateY(0)}.coin--land-tails{transform:rotateY(180deg)}}@media (max-width:480px){.coin-toss-overlay{--coin-size:128px}.coin-toss-content{width:92vw}.coin-toss-actions .coin-side-btn{width:124px}.coin-side-btn-token{width:56px;height:56px}}.arena-layout{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative;bottom:2.5rem}.arena-layout-layer{pointer-events:none;width:100%;height:50%;position:relative;inset:0}.arena-layout-layer>*{pointer-events:auto}.arena-layout-shared{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arena-layout-zone{justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.arena-layout-zone-hand{transition:all .3s}.arena-layout-zone-hand.pov{transform:perspective(500px)rotateX(340deg)}@media (hover:hover){.arena-layout-zone-hand.pov:hover{transform:perspective(500px)rotateX(354deg)}}.arena-layout-zone-hand.inverted{transform:perspective(700px)rotateX(320deg)}@media (max-width:768px){.arena-layout-zone-hand.pov{align-items:flex-end}.arena-layout-zone-hand.pov .player-hand{transform-origin:50% 100%}.arena-layout{bottom:0}}.arena-layout-zone .game-zones-row{justify-content:center;align-items:center;width:100%;height:100%}.arena-layout-zone .zone-box{gap:2px;min-width:0;height:100%;min-height:0;padding:6px 8px}.arena-layout-zone .zone-content{flex:auto;height:auto;min-height:0;padding:2px;overflow:visible}.arena-layout-zone .zone-card-row{flex-wrap:nowrap;width:max-content;max-width:none}.arena-layout-zone .stack-container{height:100%;min-height:0}.arena-layout-zone .battle-field,.arena-layout-zone .my-field,.arena-layout-zone .opponentsPlayers-list,.arena-layout-zone .opponent-field{width:100%;height:100%}.arena-layout-zone .cards-grid{min-height:100%}.field-zone{background:linear-gradient(#ffffff0f 0%,#0f172a33 100%);border:1px solid #ffffff17;border-radius:16px;flex-direction:column;gap:4px;width:100%;height:100%;padding:6px 8px 8px;transition:border-color .2s,box-shadow .25s,background .25s;display:flex;box-shadow:inset 0 1px #ffffff17,0 6px 18px #00000047}.field-zone:hover{border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000057}.field-zone-header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.field-zone-header .zone-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arena-layout-zone .field-zone .cards-grid{flex:auto;min-height:0}.field-zone.drop-candidate{background:linear-gradient(#3b82f62e 0%,#0f172a3d 100%);border-color:#3b82f68c;animation:1.6s ease-in-out infinite fieldZoneCandidate}.field-zone.drop-candidate .zone-title,.field-zone.drop-candidate .zone-count{color:#bfdbfef2}@keyframes fieldZoneCandidate{0%,to{box-shadow:inset 0 0 0 1px #3b82f640,0 0 16px #3b82f633}50%{box-shadow:inset 0 0 0 1px #3b82f673,0 0 26px #3b82f666}}.cards-grid.drop-candidate .empty-field-message{pointer-events:none;color:#bfdbfef2;letter-spacing:.5px;text-transform:uppercase;background:#3b82f60f;border:1px dashed #3b82f68c;border-radius:12px;gap:6px;font-size:.8rem;font-style:normal;font-weight:600;position:absolute;inset:0}.arena-layout.is-dragging .arena-layout-player .arena-layout-zone-field:not(.drop-candidate) .field-zone,.arena-layout.is-dragging .arena-layout-player .arena-layout-zone-panel:not(.drop-candidate) .zone-box{opacity:.55}.zone-box.drop-candidate{background:linear-gradient(#3b82f62e 0%,#0f172a3d 100%);border-color:#3b82f68c;animation:1.6s ease-in-out infinite fieldZoneCandidate}.zone-box.drop-candidate .zone-title,.zone-box.drop-candidate .zone-count,.zone-box.drop-candidate .zone-empty{color:#bfdbfef2}.zone-box.drop-zone-hover,.arena-layout-zone[data-touch-drop-hover] .zone-box{background:#3b82f61f;border-color:#3b82f6;animation:1.2s ease-in-out infinite dropZonePulse}.arena-layout-zone[data-touch-drop-hover] .cards-grid{background:#3b82f61f;border-color:#3b82f6;border-radius:12px;animation:1.2s ease-in-out infinite dropZonePulse}.arena-layout-zone.tap-target,.arena-layout-zone.tap-target .field-zone,.arena-layout-zone.tap-target .zone-box{cursor:pointer}.arena-layout-ui-layer{pointer-events:none;position:absolute;inset:0}.arena-layout-ui-layer>*{pointer-events:none}.arena-layout-overlay{text-shadow:0 1px 3px #0009;position:absolute;overflow:hidden}.arena-layout-overlay-element{width:100%;height:100%}.arena-layout-overlay.is-player-target{border-radius:10px;animation:1.2s ease-in-out infinite target-pulse}.arena-stats-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#141419bf;border:1px solid #c9a84c4d;border-radius:8px;min-width:280px;padding:.5rem 1rem;position:absolute;left:50%;transform:translate(-50%)}.arena-stats-top{top:-2.5rem}.arena-stats-bottom{bottom:2.5rem}.arena-stats-overlay .player-panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.arena-stats-overlay .player-zone-counts{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.card-ghost-layer{pointer-events:none;transform-origin:0 0;will-change:transform, opacity;backface-visibility:hidden;position:fixed;top:0;left:0}.card-ghost,.card-ghost *{pointer-events:none!important;transition:none!important;animation:none!important}.card-drag-ghost{filter:drop-shadow(0 18px 26px #0000008c);cursor:grabbing}.card-drop-ghost,.card-zone-change-ghost{filter:drop-shadow(0 22px 32px #0000008c)}.card-fall-shadow{pointer-events:none;filter:blur(6px);opacity:0;will-change:transform, opacity;background:radial-gradient(#000000bf 0%,#00000059 45%,#0000 72%);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.dust-burst{pointer-events:none;width:0;height:0;position:fixed;transform:translateZ(0)}.dust-burst>*{pointer-events:none;will-change:transform, opacity;backface-visibility:hidden;opacity:0;position:absolute;top:0;left:0}.dust-wave{background:radial-gradient(closest-side at 50% 55%,#fffcf400 42%,#e2d6c280 62%,#b0a18c47 80%,#8c7e6c00 100%);border-radius:50%}.dust-puff{background:radial-gradient(circle closest-side at 42% 38%,#fffaf09e 0%,#e0d5c36b 34%,#a89b8838 62%,#786e6000 100%);border-radius:50%}.dust-grit{background:radial-gradient(circle closest-side,#4a4034f2 0%,#4a40348c 70%,#4a403400 100%);border-radius:50%}@media (prefers-reduced-motion:reduce){.dust-burst{display:none}}.card-drop-landed,.card-zone-change-landed{animation:.4s ease-out cardLandFlash}@keyframes cardLandFlash{0%{filter:brightness(1.85)saturate(1.15)}to{filter:none}}body.dragging .card-preview-overlay{display:none!important}.arena-overlay-var{transform-origin:50%;display:inline-block}.arena-overlay-var--up,.arena-overlay-var--down,.arena-overlay-var--neutral{animation:1.5s cubic-bezier(.22,1,.36,1) both overlayVarPop}.arena-overlay-var--tick-1{animation-name:overlayVarPopAlt}.arena-overlay-var--up{--overlay-var-glow:#4ade80}.arena-overlay-var--down{--overlay-var-glow:#ef4444}.arena-overlay-var--neutral{--overlay-var-glow:#fbbf24}@keyframes overlayVarPop{0%{filter:brightness();transform:scale(1)}18%{filter:brightness(1.8);text-shadow:0 0 8px var(--overlay-var-glow), 0 0 18px var(--overlay-var-glow);transform:scale(1.45)}45%{transform:scale(.94)}to{filter:brightness();transform:scale(1)}}@keyframes overlayVarPopAlt{0%{filter:brightness();transform:scale(1)}18%{filter:brightness(1.8);text-shadow:0 0 8px var(--overlay-var-glow), 0 0 18px var(--overlay-var-glow);transform:scale(1.45)}45%{transform:scale(.94)}to{filter:brightness();transform:scale(1)}}.arena-overlay-image--changed{animation:1.5s cubic-bezier(.22,1,.36,1) both overlayImagePop}.arena-overlay-image--changed-1{animation-name:overlayImagePopAlt}@keyframes overlayImagePop{0%{filter:brightness(2.2)drop-shadow(0 0 14px #ffffffe6);transform:scale(.7)rotate(-6deg)}25%{filter:brightness(1.5)drop-shadow(0 0 10px #ffffffb3);transform:scale(1.18)rotate(3deg)}55%{transform:scale(.96)rotate(0)}to{filter:brightness();transform:scale(1)}}@keyframes overlayImagePopAlt{0%{filter:brightness(2.2)drop-shadow(0 0 14px #ffffffe6);transform:scale(.7)rotate(-6deg)}25%{filter:brightness(1.5)drop-shadow(0 0 10px #ffffffb3);transform:scale(1.18)rotate(3deg)}55%{transform:scale(.96)rotate(0)}to{filter:brightness();transform:scale(1)}}.ability-orb{pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle at 34% 30%, #fffdf2 0%, #fff6c8 22%, var(--orb-color,#facc15) 58%, transparent 100%);box-shadow:0 0 6px #fff8d0, 0 0 14px var(--orb-color,#facc15), 0 0 30px color-mix(in srgb, var(--orb-color,#facc15) 60%, transparent);border-radius:50%;position:fixed}.ability-orb__tail{transform-origin:0;background:linear-gradient(to right, color-mix(in srgb, var(--orb-color,#facc15) 85%, transparent) 0%, color-mix(in srgb, var(--orb-color,#facc15) 40%, transparent) 45%, transparent 100%);filter:blur(1.5px);border-radius:999px;width:380%;height:42%;margin-top:-21%;position:absolute;top:50%;left:50%}.ability-orb__core{background:radial-gradient(circle, color-mix(in srgb, var(--orb-color,#facc15) 50%, transparent) 0%, transparent 70%);border-radius:50%;animation:.42s ease-in-out infinite alternate abilityOrbPulse;position:absolute;inset:-60%}@keyframes abilityOrbPulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.ability-orb-burst{pointer-events:none;border:2px solid var(--orb-color,#facc15);width:10px;height:10px;box-shadow:0 0 12px var(--orb-color,#facc15);border-radius:50%;margin:-5px 0 0 -5px;animation:.52s cubic-bezier(.22,1,.36,1) forwards abilityOrbBurst;position:fixed}.ability-orb-burst:after{content:"";background:radial-gradient(circle, #fff7cc 0%, color-mix(in srgb, var(--orb-color,#facc15) 55%, transparent) 45%, transparent 70%);border-radius:50%;animation:.38s ease-out forwards abilityOrbFlash;position:absolute;inset:-60%}@keyframes abilityOrbBurst{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(4.2)}}@keyframes abilityOrbFlash{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.ability-orb-hit{animation:.62s cubic-bezier(.22,1,.36,1) abilityOrbHit}@keyframes abilityOrbHit{0%{text-shadow:none}25%{text-shadow:0 0 10px var(--orb-color,#facc15), 0 0 26px var(--orb-color,#facc15)}to{text-shadow:none}}@media (prefers-reduced-motion:reduce){.arena-overlay-var--up,.arena-overlay-var--down,.arena-overlay-var--neutral,.arena-overlay-image--changed,.ability-orb-hit{animation:none}.ability-orb,.ability-orb-burst{display:none}}.turn-timeline{z-index:12;pointer-events:none;--timeline-color:#ffe9a8;--timeline-color-strong:#ffd166;--timeline-glow:#ffd678bf;height:0;position:absolute;top:50%;left:6%;right:6%}.turn-timeline.critical{--timeline-color:#ffb3b3;--timeline-color-strong:#ff4d4d;--timeline-glow:#ff4d4dcc}.turn-timeline-track,.turn-timeline-fill{border-radius:999px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.turn-timeline-track{background:linear-gradient(90deg,#0000,#ffffff38 12% 88%,#0000);right:0}.turn-timeline-fill{width:calc(var(--timeline-progress,0) * 100%);background:linear-gradient(90deg, #ffffff59, var(--timeline-color) 60%, #fff);box-shadow:0 0 6px var(--timeline-glow), 0 0 14px var(--timeline-glow);transition:width .2s linear,background .4s,box-shadow .4s}.turn-timeline-head{top:50%;left:calc(var(--timeline-progress,0) * 100%);width:0;height:0;transition:left .2s linear;position:absolute;transform:translateY(-50%)}.turn-timeline-spark-halo,.turn-timeline-spark-core,.turn-timeline-spark{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.turn-timeline-spark-halo{background:radial-gradient(circle, var(--timeline-glow) 0%, #ffd67840 45%, transparent 70%);filter:blur(1px);width:22px;height:22px;animation:1.1s ease-in-out infinite turn-timeline-breathe}.turn-timeline-spark-core{background:radial-gradient(circle, #fff 0%, #fff4cf 55%, var(--timeline-color-strong) 100%);width:7px;height:7px;box-shadow:0 0 6px #fff, 0 0 12px var(--timeline-glow), 0 0 22px var(--timeline-glow);animation:.35s steps(2,end) infinite turn-timeline-flicker}.turn-timeline-spark{width:var(--spark-size,3px);height:var(--spark-size,3px);box-shadow:0 0 4px var(--timeline-color-strong), 0 0 8px var(--timeline-glow);opacity:0;animation:.9s ease-out infinite turn-timeline-spark;animation-delay:var(--spark-delay,0s);background:#fff7dd}.turn-timeline.critical .turn-timeline-spark-halo,.turn-timeline.critical .turn-timeline-spark{animation-duration:.55s}@keyframes turn-timeline-breathe{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.45)}}@keyframes turn-timeline-flicker{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.25)}}@keyframes turn-timeline-spark{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-dx,12px) * -1), calc(-50% + var(--spark-dy,6px))) scale(.2)}}.turn-timeline-label{color:#fff3d6;text-align:center;font-variant-numeric:tabular-nums;min-width:34px;text-shadow:0 0 6px var(--timeline-glow);box-shadow:0 0 10px #00000080, 0 0 8px var(--timeline-glow);background:#0a0c18d9;border:1px solid #ffebb48c;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;line-height:1.2;transition:color .4s,border-color .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-timeline.critical .turn-timeline-label{color:#ffd6d6;border-color:#ff7878cc;animation:.6s ease-in-out infinite turn-timeline-breathe-label}@keyframes turn-timeline-breathe-label{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.turn-timeline-spark-halo,.turn-timeline-spark-core,.turn-timeline-spark,.turn-timeline-label{animation:none}}.replay-timeline{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:45000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;-webkit-user-select:none;user-select:none;background:#080c1cd1;border:1px solid #ffd67840;border-radius:14px;flex-direction:column;gap:6px;width:min(960px,100% - 24px);padding:10px 14px 8px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.replay-timeline.docked{width:100%;max-width:1100px;box-shadow:none;border-radius:12px;margin:0 auto;position:static;transform:none}.replay-timeline-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.replay-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-width:34px;height:30px;padding:0 10px;transition:background .15s}.replay-btn:hover{background:#ffffff2e}.replay-btn-play{background:#fbbf2433;border-color:#fbbf2480;min-width:64px}.replay-btn-play:hover{background:#fbbf2459}.replay-speed{gap:4px;margin-left:10px;display:flex}.replay-speed-btn{color:#ffffffb3;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px}.replay-speed-btn.active{color:#fde68a;background:#fbbf2440;border-color:#fbbf2480}.replay-timeline-track-wrap{align-items:center;gap:10px;display:flex}.replay-timeline-clock{font-variant-numeric:tabular-nums;color:#ffffffb3;text-align:center;min-width:38px}.replay-timeline-track{cursor:pointer;touch-action:none;outline:none;flex:1;height:44px;position:relative}.replay-timeline-track:before{content:"";background:#ffffff2e;border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.replay-timeline-track:focus-visible:before{box-shadow:0 0 0 2px #fbbf2499}.replay-timeline-fill{pointer-events:none;background:linear-gradient(90deg,#fff6,#ffd678);border-radius:2px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #ffd67899}.replay-timeline-head{pointer-events:none;z-index:3;background:#fff;border:2px solid #ffd678;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffd678cc}.replay-marker{z-index:2;cursor:pointer;border:none;padding:0;transition:transform .12s;position:absolute;top:50%;transform:translate(-50%,-50%)}.replay-marker:hover,.replay-marker:focus-visible{z-index:4;outline:none;transform:translate(-50%,-50%)scale(1.35)}.replay-marker-turn{background:#ffffff8c;width:2px;height:18px}.replay-marker-turn:after{content:"";position:absolute;inset:-4px -6px}.replay-marker-turn.p1{background:#7dd3fccc}.replay-marker-turn.p2{background:#fca5a5cc}.replay-marker-turn-label{color:#fff9;font-variant-numeric:tabular-nums;pointer-events:none;font-size:9px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.replay-marker-action,.replay-marker-combat,.replay-marker-ability,.replay-marker-reconnect,.replay-marker-end{color:#111;background:#fff;border-radius:50%;width:9px;height:9px;font-size:9px;line-height:1;top:calc(50% + 11px)}.replay-marker-action.p1{background:#7dd3fc}.replay-marker-action.p2{background:#fca5a5}.replay-marker-combat{background:#fbbf24;width:13px;height:13px}.replay-marker-ability{background:#c4b5fd;width:12px;height:12px}.replay-marker-reconnect{background:#94a3b8;width:12px;height:12px}.replay-marker-end{background:0 0;width:16px;height:16px;font-size:13px}.replay-tooltip{z-index:6;color:#fff;text-align:left;white-space:normal;pointer-events:none;background:#080c1cf5;border:1px solid #ffd67859;border-radius:8px;min-width:160px;max-width:280px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;bottom:calc(100% - 2px);transform:translate(-50%);box-shadow:0 6px 20px #00000080}.replay-tooltip:after{content:"";border:6px solid #0000;border-top-color:#ffd67859;position:absolute;top:100%;left:50%;transform:translate(-50%)}.replay-tooltip.edge-left{transform:translate(-10%)}.replay-tooltip.edge-left:after{left:10%}.replay-tooltip.edge-right{transform:translate(-90%)}.replay-tooltip.edge-right:after{left:90%}.replay-tooltip.p1{border-color:#7dd3fc80}.replay-tooltip.p2{border-color:#fca5a580}.replay-tooltip-kind{letter-spacing:.08em;text-transform:uppercase;color:#fde68a;margin-bottom:3px;font-size:10px}.replay-tooltip.p1 .replay-tooltip-kind{color:#bae6fd}.replay-tooltip.p2 .replay-tooltip-kind{color:#fecaca}.replay-tooltip-label{font-weight:600}.replay-tooltip-player{color:#ffffffa6;margin-top:2px}.replay-timeline-caption{color:#fffc;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid}.replay-timeline-turn{color:#fde68a;font-weight:600}.replay-timeline-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.replay-timeline-index{font-variant-numeric:tabular-nums;color:#ffffff80}.replay-ranges{flex:1;position:relative}.replay-range{cursor:pointer;opacity:.75;border:none;border-radius:4px;height:7px;padding:0;transition:opacity .15s,box-shadow .15s;position:absolute}.replay-range:hover,.replay-range.active{opacity:1;box-shadow:0 0 0 1px #fffc}.replay-range.dialog{background:#fbbf24}.replay-range.audio{background:#34d399}.replay-range.phase-p1{background:#7dd3fc73}.replay-range.phase-p2{background:#fca5a573}.replay-shell{color:#fff;background:#070a16;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.replay-shell-header{background:#080c1ce6;border-bottom:1px solid #ffd67833;flex-shrink:0;align-items:center;gap:16px;padding:10px 18px;font-size:13px;display:flex}.replay-shell-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.replay-shell-tag{letter-spacing:.14em;text-transform:uppercase;color:#fde68a;font-size:10px}.replay-shell-players{white-space:nowrap;text-overflow:ellipsis;font-family:Cinzel,Georgia,serif;font-size:1.05rem;overflow:hidden}.replay-shell-meta{color:#ffffff8c}.replay-shell-pov{align-items:center;gap:6px;display:flex}.replay-shell-pov-label{color:#ffffff8c;margin-right:4px}.replay-shell-pov button{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:4px 12px}.replay-shell-pov button.active{color:#fde68a;background:#fbbf2440;border-color:#fbbf2480}.replay-shell-exit{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:999px;padding:5px 14px}.replay-shell-exit:hover{background:#ef444447}.replay-shell-body{flex:1;min-height:0;position:relative;overflow:hidden}.replay-shell-zoom{transform-origin:50%;border:1px solid #ffd6782e;border-radius:10px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 12px 40px #0000008c}.replay-shell .arena-container{width:100%;height:100%;min-height:0}.replay-shell .arena-main{max-width:none;height:100%}.replay-shell .arena-loading{height:100%;min-height:100%}.replay-shell-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#080c1ce6;border-top:1px solid #ffd67833;flex-shrink:0}@media (max-width:720px){.replay-shell-header{flex-wrap:wrap;gap:8px}.replay-shell-pov{order:3;width:100%}}.viewer-banner{top:calc(8px + env(safe-area-inset-top,0px));z-index:45000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;background:#080c1cd1;border:1px solid #ffd6784d;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.viewer-banner-tag{letter-spacing:.08em;text-transform:uppercase;color:#fde68a;font-size:11px}.viewer-banner-pov{gap:4px;display:flex}.viewer-banner-pov button{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:3px 10px}.viewer-banner-pov button.active{color:#fde68a;background:#fbbf2440;border-color:#fbbf2480}.viewer-banner-exit{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:999px;padding:3px 10px}.viewer-cover,.viewer-end{z-index:62000;position:absolute}.viewer-cover{background:#040610a6;justify-content:center;align-items:center;display:flex;inset:0}.viewer-cover-card{text-align:center;color:#fff;background:#080c1cf0;border:1px solid #ffd6784d;border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:520px;padding:28px 32px;display:flex}.viewer-cover-card h1{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.8rem}.viewer-cover-card p{color:#ffffffb3;white-space:pre-wrap;margin:0}.viewer-end{color:#fde68a;background:#080c1cf0;border:1px solid #ffd6784d;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex;bottom:24px;left:50%;transform:translate(-50%)}.cine-viewer{--cine-ink:#0a0a09;--cine-panel:#141311f5;--cine-edge:#ffffff12;--cine-accent:#cbbb92;background:var(--cine-ink)}.cine-viewer .replay-shell-header{background:var(--cine-panel);border-bottom:1px solid var(--cine-edge);gap:12px;padding:8px 16px}.cine-viewer .replay-shell-tag{color:var(--cine-accent)}.cine-viewer .replay-shell-meta{color:#ffffff80}.cine-viewer .replay-shell-zoom{border-color:var(--cine-edge);box-shadow:0 18px 60px #000c}.cine-viewer .replay-shell-footer{padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--cine-edge);background:#000}.cine-viewer .replay-timeline.docked{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;gap:4px;max-width:none;padding:0}.cine-viewer .replay-timeline-controls{gap:8px;padding:7px 56px;position:relative}.cine-viewer .replay-timeline-track-wrap,.cine-viewer .replay-timeline-caption{padding:0 18px}.cine-viewer .replay-timeline-caption{padding-bottom:8px}.cine-viewer .replay-btn{color:#ffffff9e;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;padding:0;font-size:11px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cine-viewer .replay-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff29}.cine-viewer .replay-btn-play{color:#ffffffd9;background:#ffffff1a;border-color:#ffffff24;width:38px;min-width:38px;height:38px;font-size:13px}.cine-viewer .replay-btn-play:hover{background:#fff3}.cine-viewer .replay-btn-play .key-hint{display:none}.cine-viewer .replay-speed{gap:3px;margin-left:6px}.cine-viewer .replay-speed-btn{color:#ffffff80;border-color:#ffffff14;border-radius:999px;padding:3px 9px;font-size:11px}.cine-viewer .replay-speed-btn:hover{color:#ffffffd9}.cine-viewer .replay-speed-btn.active{color:#fff;background:#ffffff24;border-color:#fff3}.cine-viewer .viewer-timeline-toggle{font-size:13px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cine-viewer .replay-timeline-fill{box-shadow:none;background:linear-gradient(90deg,#ffffff40,#ffffffbf)}.cine-viewer .replay-timeline-head{box-shadow:none;border-color:#fffc}.cine-viewer .replay-timeline-turn{color:var(--cine-accent)}.cine-viewer .viewer-cover{background:#060605b8}.cine-viewer .viewer-cover-card,.cine-viewer .viewer-end{background:var(--cine-panel);border-color:#ffffff1a}.cine-viewer .viewer-end{color:var(--cine-accent)}.cine-viewer .replay-shell-pov{gap:4px;font-size:12px}.cine-viewer .replay-shell-pov-label{color:#ffffff73}.cine-viewer .replay-shell-pov button{color:#fff9;border-color:#ffffff1a;padding:3px 11px;transition:background .15s,color .15s,border-color .15s}.cine-viewer .replay-shell-pov button:hover{color:#fff;border-color:#fff3}.cine-viewer .replay-shell-pov button.active{color:var(--cine-accent);background:#ffffff1f;border-color:#cbbb9280}.cine-viewer .replay-shell-players{font-size:1rem}.attached-card{width:100%;z-index:var(--az,-1);pointer-events:auto;transform:translate(-50%, -50%) translate(var(--ax,0%), var(--ay,34%)) scale(var(--as,.92)) rotate(var(--ar,0deg));transform-origin:50%;opacity:var(--ao,1);filter:drop-shadow(0 6px 10px #0000008c);transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%}.attached-card--over{filter:drop-shadow(0 4px 8px #000000b3)}.player-card.host-candidate .player-card-visual{border-radius:12px;animation:1.1s ease-in-out infinite hostCandidatePulse;box-shadow:0 0 0 3px #f3d98bf2,0 0 24px #f3d98ba6}.player-card.host-candidate .attached-card{opacity:.35}@keyframes hostCandidatePulse{0%,to{box-shadow:0 0 0 3px #f3d98bf2,0 0 18px #f3d98b80}50%{box-shadow:0 0 0 3px #f3d98b,0 0 34px #f3d98be6}}.held-card-play{z-index:5;color:#f3d98b;letter-spacing:1px;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#141008eb;border:1px solid #f3d98be6;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 0 12px #f3d98b73}.held-card-play:hover{background:#3c3010f5}.arena-phase-status-layer{pointer-events:none;z-index:300;max-width:1400px;margin:0 auto;position:absolute;inset:0}.arena-phase-status-box{pointer-events:none;position:absolute}