:root{--card-aspect-ratio: .715}.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)}.optimized-card{contain:layout style;transform:translateZ(0)}.optimized-card .counter-circle,.optimized-card .ability-icon{animation:none;transition:none}@media (prefers-reduced-motion: reduce){.counter-circle,.ability-icon,.ability-badge{animation:none;transition:none}}.zone-card{border-radius:var(--chakra-radii-md);border:2px 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 20px #fbd38d4d!important;background-color:#fbd38d0d!important;border-color:#fbd38d80!important}.drop-zone-can-drop{box-shadow:inset 0 0 30px #fbd38d80!important;background-color:#fbd38d1a!important;border-color:#fbd38db3!important}.card-ping-animation{animation:card-shake .82s cubic-bezier(.36,.07,.19,.97) both}@keyframes card-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}