: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) * .8 + 1rem)}@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}.hand-card{width:var(--card-width);height:var(--card-height);transition:all .2s ease-in-out}.hand-card:hover{transform:translateY(calc(-1 * var(--hand-hover-lift)))}.zone-label{font-size:clamp(.75rem,1.5vw,.875rem);max-width:var(--card-width)}.game-layout[data-card-scale="0.5"]{--card-width: calc(var(--base-card-width) * .5)}.game-layout[data-card-scale="0.6"]{--card-width: calc(var(--base-card-width) * .6)}.game-layout[data-card-scale="0.7"]{--card-width: calc(var(--base-card-width) * .7)}.game-layout[data-card-scale="0.8"]{--card-width: calc(var(--base-card-width) * .8)}.game-layout[data-card-scale="0.9"]{--card-width: calc(var(--base-card-width) * .9)}.game-layout[data-card-scale="1.1"]{--card-width: calc(var(--base-card-width) * 1.1)}.game-layout[data-card-scale="1.2"]{--card-width: calc(var(--base-card-width) * 1.2)}.game-layout[data-card-scale="1.3"]{--card-width: calc(var(--base-card-width) * 1.3)}.game-layout[data-card-scale="1.4"]{--card-width: calc(var(--base-card-width) * 1.4)}.game-layout[data-card-scale="1.5"]{--card-width: calc(var(--base-card-width) * 1.5)}.game-layout[data-card-scale="1.6"]{--card-width: calc(var(--base-card-width) * 1.6)}.game-layout[data-card-scale="1.7"]{--card-width: calc(var(--base-card-width) * 1.7)}.game-layout[data-card-scale="1.8"]{--card-width: calc(var(--base-card-width) * 1.8)}.game-layout[data-card-scale="1.9"]{--card-width: calc(var(--base-card-width) * 1.9)}.game-layout[data-card-scale="2.0"]{--card-width: calc(var(--base-card-width) * 2)}
