.card picture{height:100%}.card.cards-game{position:absolute;top:0}.card.cards-game:hover{cursor:pointer;transition:top .3s;top:-30px}.card.cards-game.selected:hover{cursor:initial}.card.cards-game.selected{opacity:0;visibility:hidden;margin-top:100px;transition:all 1s}.card.cards-game.frozen:hover{cursor:initial;top:0}.card.cards-game .front,.card.cards-game .back{backface-visibility:hidden;position:relative;top:0;left:0}.card.cards-game>.front{display:none;transform:rotateY(-90deg)}.card.cards-game>.back{transform:rotateY(0)}.card.drawn-cards{transform-style:preserve-3d;transition:transform 1s;position:relative;transform:rotateY(0)}.card.drawn-cards.drawn{transform:rotateY(-180deg)}.card.drawn-cards.drawn .front{backface-visibility:visible;opacity:1;transition:opacity .3s step-end}.card.drawn-cards .front,.card.drawn-cards .back{backface-visibility:hidden;width:100%;max-height:185px}.card.drawn-cards .back{height:52.6316%;position:relative}.card.drawn-cards .front{opacity:0;position:absolute;left:0;transform:rotateY(180deg)}.card img{border:2px solid #fff;border-radius:10px;max-width:100%;height:auto;box-shadow:0 3px 6px #44444438}.card .name-drawn-card{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;min-height:36px;margin-top:10px;display:flex;position:absolute;bottom:-2rem;transform:rotateY(180deg)}.card .name-drawn-card.hide{display:none}.drawn-card-wrapper{text-align:center;z-index:1;margin:0 20px}.drawn-card-wrapper .name-drawn-card{margin-top:5px}@media (max-width:640px){.card .name-drawn-card{bottom:1rem}.drawn-card-wrapper{margin:0 5px}.drawn-card-wrapper .name-drawn-card{font-size:.8em}}
.hand-cards{margin-bottom:30px}.hand-cards .card-game-wrapper{z-index:1;min-height:230px;display:flex;position:relative}.hand-cards .card-game-wrapper>div{transition:left 1s}@media screen and (max-width:640px){.hand-cards{margin-bottom:0}}
.drawn-cards{justify-content:center;display:flex}.drawn-cards .drawn-cards-wrapper{flex:1}