.tdp .board{height:calc(100vh - 40px);flex-direction:column;justify-content:space-evenly}.tdp .board,.tdp .sec{width:100%;display:flex}.tdp .sec div{display:flex}.tdp .sec-top>section{flex-grow:1;position:relative}.tdp .sec-middle{justify-content:center}.tdp .sec-middle .card-holder{margin:5px;width:min(15vw,10vh);max-width:100px;height:min(24vw,16vh);max-height:160px;border:1px solid #aaa;border-radius:5px}.tdp .sec-bottom{width:auto;flex-direction:column;margin:0 7vw}.tdp .card{width:min(15vw,10vh);max-width:100px;height:min(24vw,16vh);max-height:160px;padding:0 5px;font-weight:700;line-height:1.25;justify-content:space-between;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:50%}.tdp .card div{flex-direction:column}.tdp .card-back-place{width:6%;height:16vh;position:relative}.tdp .card-back-small{position:absolute;left:50%;transform:translateX(-50%)}.tdp .suit-small{width:12px;height:12px;background-color:transparent;background-repeat:no-repeat;background-position:0;background-size:contain;border:none}.tdp .club{background-image:url(/assets/svg/suit-club-fill.svg)}.tdp .diamond{background-image:url(/assets/svg/suit-diamond-fill.svg)}.tdp .heart{background-image:url(/assets/svg/suit-heart-fill.svg)}.tdp .spade{background-image:url(/assets/svg/suit-spade-fill.svg)}.tdp .trump-dialog{width:30%;position:absolute;left:50%;transform:translateX(-50%);background-color:#f5f5f5;flex-direction:column}.tdp .trump-dialog .dialog-header{background-color:#deb887;text-align:center;justify-content:center}.tdp .trump-dialog .suits{justify-content:space-evenly}.tdp .trump-dialog .suits div{width:30px;height:30px;margin:5px;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:80%}