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