#solitaire *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#solitaire{margin:0;margin-bottom:100px;background:#2aa33e;padding:1em;overflow:hidden}.card,#solitaire{box-sizing:border-box}.card{font-family:sans-serif;font-weight:700;width:8em;height:12em;background:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.5);display:inline-block;padding:.2em;position:absolute;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:top .02s linear,left .02s linear,-webkit-transform .3s ease;transition:top .02s linear,left .02s linear,-webkit-transform .3s ease;transition:transform .3s ease,top .02s linear,left .02s linear;transition:transform .3s ease,top .02s linear,left .02s linear,-webkit-transform .3s ease;z-index:1}.card *{pointer-events:none}.card.open{cursor:move;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:rotateY(0);transform:rotateY(0)}.card.open:after{display:none}.card:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/solitaire_card_back.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.5)}.card>*{position:absolute;font-size:1.3em}.card>span:first-child{top:.25em;left:.25em}.card>span:last-child{bottom:.25em;right:.25em}.card .type{position:absolute;text-align:center;font-size:4em;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#solitaire .card.red{font-size:unset;color:red}.card.selected{margin-top:0!important;pointer-events:none;z-index:2}.card.selected+.selected{margin-top:2em!important}.card.selected+.selected+.selected{margin-top:4em!important}.card.selected+.selected+.selected+.selected{margin-top:6em!important}.card.selected+.selected+.selected+.selected+.selected{margin-top:8em!important}.card.selected+.selected+.selected+.selected+.selected+.selected{margin-top:10em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:12em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:14em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:16em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:18em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:20em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:22em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:24em!important}.card.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected+.selected{margin-top:26em!important}.foundations,.full,.stack,.view{width:8em;height:12em;border:1px dashed #fff;box-sizing:border-box}.draw{margin-bottom:1em;display:-webkit-box;display:flex;justify-content:space-around}.draw>div{margin:0 1em 0 0}.stacks{display:-webkit-box;display:flex;width:100%;justify-content:space-around}.stacks .stack .card:nth-child(2){margin-top:2em}.stacks .stack .card:nth-child(3){margin-top:4em}.stacks .stack .card:nth-child(4){margin-top:6em}.stacks .stack .card:nth-child(5){margin-top:8em}.stacks .stack .card:nth-child(6){margin-top:10em}.stacks .stack .card:nth-child(7){margin-top:12em}.stacks .stack .card:nth-child(8){margin-top:14em}.stacks .stack .card:nth-child(9){margin-top:16em}.stacks .stack .card:nth-child(10){margin-top:18em}.stacks .stack .card:nth-child(11){margin-top:20em}.stacks .stack .card:nth-child(12){margin-top:22em}.stacks .stack .card:nth-child(13){margin-top:24em}.foundation{display:-webkit-box;display:flex;justify-content:space-around}.foundation>div{margin:0 1em 0 0}.top{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}