.coin-flip-wrapper{position:fixed;top:25%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;height:14rem;pointer-events:none;opacity:0;animation:coin-fade-in .3s ease-out forwards}.coin-flip-wrapper.dismissing{animation:coin-fade-out .2s ease-in forwards}.coin-flip-perspective{position:relative;width:10rem;height:10rem;perspective:1000px}.coin-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.coin-flip-inner.flip-heads{animation:coin-flip-heads 1.4s ease-out forwards}.coin-flip-inner.flip-tails{animation:coin-flip-tails 1.4s ease-out forwards}.coin-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:50%;overflow:hidden}.coin-face img{width:100%;height:100%;object-fit:cover;border-radius:50%}.coin-face-front{transform:rotateY(0)}.coin-face-back{transform:rotateY(180deg)}.coin-flip-result{margin-top:.75rem;padding:.35rem .75rem;white-space:nowrap;font-size:1.1rem;color:#fff;text-align:center;background:#0009;border-radius:.375rem;text-shadow:0 1px 4px rgba(0,0,0,.8);opacity:0;animation:coin-result-in .3s ease-out forwards}@keyframes coin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes coin-fade-out{0%{opacity:1}to{opacity:0}}@keyframes coin-flip-heads{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes coin-flip-tails{0%{transform:rotateY(0)}to{transform:rotateY(900deg)}}@keyframes coin-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--card-aspect-ratio: .715;--scale-factor: 1;--base-card-width: clamp(4.5rem, 6.5vw, 8.5rem);--pt-font-size: clamp(.6rem, calc(var(--base-card-width) * var(--scale-factor) * .15), 1rem);--pt-padding-x: clamp(.2rem, calc(var(--base-card-width) * var(--scale-factor) * .06), .5rem);--pt-padding-y: clamp( .05rem, calc(var(--base-card-width) * var(--scale-factor) * .015), .2rem )}.game-layout{--base-card-width: clamp(4.5rem, 6.5vw, 8.5rem);--card-width: var(--base-card-width);--card-height: calc(var(--card-width) / var(--card-aspect-ratio));--hand-lift: clamp(1rem, calc(var(--card-height) * .4), 2.5rem);--hand-hover-lift: clamp(.8rem, calc(var(--card-height) * .25), 1.5rem);--bottom-container-height: calc(var(--card-height) * .5 + .5rem);--hand-zone-height: calc(var(--card-height) * .5 + 2rem)}@media (max-height: 768px){.game-layout{--base-card-width: clamp(5rem, 7vw, 8rem);--hand-lift: clamp(.8rem, 1.5vh, 1.5rem);--hand-hover-lift: 1rem}}@media (max-height: 600px){.game-layout{--base-card-width: clamp(3.5rem, 5vw, 6rem);--hand-lift: clamp(.6rem, 1vh, 1rem);--hand-hover-lift: .8rem}}@media (max-height: 400px){.game-layout{--base-card-width: clamp(3rem, 4.5vw, 5rem);--hand-lift: clamp(.5rem, .8vh, .8rem);--hand-hover-lift: .6rem}}.game-layout[data-players="2"]{--base-card-width: clamp(4rem, 5.5vw, 7.5rem)}.game-layout[data-players="3"],.game-layout[data-players="4"]{--base-card-width: clamp(3.5rem, 5vw, 6.5rem)}.card{width:var(--card-width);height:var(--card-height);transition:transform .2s ease-in-out;will-change:transform;backface-visibility:hidden}.hand-card{width:var(--card-width);height:var(--card-height);transform:var(--card-transform);transition:transform .2s ease-out}.hand-card:hover{transform:var(--card-transform) translateY(calc(-1 * var(--hand-hover-lift)))}.zone-label{font-size:clamp(.75rem,1.5vw,.875rem);max-width:var(--card-width)}.game-layout{--card-width: calc(var(--base-card-width) * var(--scale-factor, 1))}.counter-circle,.ability-icon,.ability-badge{transition:none;will-change:auto}.custom-counters,.ability-icons{transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.counter-circle,.ability-icon,.ability-badge{animation:none;transition:none}}.zone-card{border-radius:var(--chakra-radii-md);border:1px solid rgba(255,255,255,.16);background-color:#0006}.drop-zone{transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.drop-zone-hover{box-shadow:inset 0 0 12 30px #0891b20f!important;background-color:#0891b20d!important;border-color:#0891b21a!important}.drop-zone-can-drop{box-shadow:inset 0 0 12 30px #0891b21a!important;background-color:#0891b21a!important;border-color:#0891b24d!important}.zone-card.drop-zone .card{transition:transform .1s ease-out}.zone-card.drop-zone-can-drop .card{transform:translateY(-6px) scale(1.02)}.hand-zone-drop.drop-zone-hover,.hand-zone-drop.drop-zone-can-drop{background-color:transparent!important;box-shadow:none!important}.hand-card{transition:transform .3s ease,left .3s ease}.hand-zone-drop.drop-zone-hover .hand-card{transform:var(--card-transform) translateY(-1rem) scaleX(1.05)}.hand-zone-drop.drop-zone-can-drop .hand-card{transform:var(--card-transform) translateY(-1.5rem) scaleX(1.1)}.battlefield-zone{border-radius:var(--chakra-radii-md);border:2px solid transparent;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.battlefield-zone.drop-zone-hover{box-shadow:inset 0 0 0 12px #0891b20f!important;background-color:#0891b20d!important;border-color:#0891b280!important}.battlefield-zone.drop-zone-can-drop{box-shadow:inset 0 0 0 14px #0891b21a!important;background-color:#0891b21a!important;border-color:#0891b2b3!important}.drop-zone[data-zone-name=stack].drop-zone-hover,.drop-zone[data-zone-name=stack].drop-zone-can-drop{box-shadow:0 0 12px 4px #0891b24d!important;border-color:#0891b280!important}@media (pointer: coarse){[data-draggable=true]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-draggable=true] img{-webkit-touch-callout:none;pointer-events:none}}body.card-drag-active [data-draggable=true]{pointer-events:none!important}body.card-drag-active .global-card-preview{display:none!important}body.card-drag-active .arrow-overlay *{pointer-events:none!important}body>.hand-card>.mana-cost-overlay{display:none!important}.card-frame.card-selected:before,.card-frame.card-pending:before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 6px #fde047!important}.no-select{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-ping-animation{position:relative}.card-ping-animation:before,.card-ping-animation:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;z-index:9999;will-change:transform,opacity}.card-ping-animation:before{border:3px solid #fde047;box-shadow:0 0 20px 5px #fde04799;animation:ping-ring-1 .8s ease-out forwards}.card-ping-animation:after{border:2px solid #facc15;box-shadow:0 0 15px 3px #facc1580;animation:ping-ring-2 .8s ease-out .1s forwards}@keyframes ping-ring-1{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes ping-ring-2{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}@keyframes scale-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.85)}60%{opacity:1}to{opacity:1;transform:scale(1)}}[data-zone-drawer-card][style*="position: fixed"] .card{display:block!important;opacity:1!important;width:calc(clamp(4.5rem,6.5vw,8.5rem) * var(--scale-factor, 1))!important;height:calc(clamp(4.5rem,6.5vw,8.5rem) * var(--scale-factor, 1) / .715)!important}[data-zone-drawer-card][style*="position: fixed"]>div:last-child{opacity:0!important}[data-zone-drawer-card][style*="position: fixed"]>.zone-drawer-row-content{opacity:0!important}.library-eye-pulse{position:absolute;bottom:calc(var(--card-height) / 2 - var(--card-height) * .1);left:50%;z-index:999;display:flex;align-items:center;justify-content:center;width:calc(var(--card-width) * .35);height:calc(var(--card-width) * .35);background-color:#000000e6;border:calc(var(--card-width) * .015) solid rgb(6,182,212);border-radius:9999px;font-size:calc(var(--card-width) * .18);animation:library-eye-pulse 1.5s ease-in-out infinite}@keyframes library-eye-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}[data-library-zone]:has(.library-shuffle-animation)>*{z-index:40!important}.library-shuffle-animation{will-change:transform;position:relative}.library-shuffle-animation:before,.library-shuffle-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem;background-image:var(--sleeve-url);background-size:cover;background-position:center;border:2px solid #4a5568;pointer-events:none;z-index:40;opacity:0;will-change:transform,opacity;animation:shuffle-fan 2s ease-in-out}.library-shuffle-animation:before{--fan-dir: -1}.library-shuffle-animation:after{--fan-dir: 1}.library-shuffle-animation>.card{position:relative;z-index:41;animation:library-shuffle-main 2s ease-in-out;will-change:transform}@keyframes shuffle-fan{0%,to{transform:translate(0) rotate(0);opacity:0}5%,15%,25%{transform:translate(calc(10px * var(--fan-dir))) rotate(calc(6deg * var(--fan-dir)));opacity:.9}10%,20%,30%{transform:translate(calc(4px * var(--fan-dir))) rotate(calc(2deg * var(--fan-dir)));opacity:.9}35%,45%{transform:translate(calc(9px * var(--fan-dir))) rotate(calc(5deg * var(--fan-dir)));opacity:.9}40%{transform:translate(calc(3px * var(--fan-dir))) rotate(calc(1.5deg * var(--fan-dir)));opacity:.9}50%{transform:translate(calc(3px * var(--fan-dir))) rotate(calc(1.5deg * var(--fan-dir)));opacity:.85}55%{transform:translate(calc(8px * var(--fan-dir))) rotate(calc(4deg * var(--fan-dir)));opacity:.8}60%{transform:translate(calc(2px * var(--fan-dir))) rotate(calc(1deg * var(--fan-dir)));opacity:.8}65%{transform:translate(calc(7px * var(--fan-dir))) rotate(calc(3.5deg * var(--fan-dir)));opacity:.7}70%{transform:translate(calc(2px * var(--fan-dir))) rotate(calc(1deg * var(--fan-dir)));opacity:.6}75%{transform:translate(calc(5px * var(--fan-dir))) rotate(calc(2.5deg * var(--fan-dir)));opacity:.5}80%{transform:translate(calc(1px * var(--fan-dir))) rotate(calc(.5deg * var(--fan-dir)));opacity:.4}85%{transform:translate(calc(3px * var(--fan-dir))) rotate(calc(1.5deg * var(--fan-dir)));opacity:.3}90%{transform:translate(calc(1px * var(--fan-dir))) rotate(calc(.5deg * var(--fan-dir)));opacity:.2}95%{transform:translate(calc(1px * var(--fan-dir))) rotate(calc(.5deg * var(--fan-dir)));opacity:.1}}@keyframes library-shuffle-main{0%,to{transform:translate(0) rotate(0)}5%,15%,25%{transform:translate(-5px) rotate(-2.5deg)}10%,20%,30%{transform:translate(5px) rotate(2.5deg)}35%,45%,55%{transform:translate(-4px) rotate(-2deg)}40%,50%,60%{transform:translate(4px) rotate(2deg)}65%{transform:translate(-3px) rotate(-1.5deg)}70%{transform:translate(3px) rotate(1.5deg)}75%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}85%{transform:translate(-1px) rotate(-.5deg)}90%{transform:translate(1px) rotate(.5deg)}95%{transform:translate(-.5px) rotate(-.2deg)}}
