.tb-card{position:absolute;border-radius:calc(6*var(--tb-u));background:var(--tb-ivory);box-shadow:0 calc(3*var(--tb-u)) calc(8*var(--tb-u)) rgba(0,0,0,.45);box-sizing:border-box;}
.tb-card--face{width:calc(95*var(--tb-u));height:calc(135*var(--tb-u));}
.tb-card-corner,.tb-card-corner-br{position:absolute;left:calc(6*var(--tb-u));top:calc(6*var(--tb-u));z-index:1;display:flex;flex-direction:column;align-items:center;line-height:.86;}
.tb-card-corner-br{left:auto;top:auto;right:calc(6*var(--tb-u));bottom:calc(6*var(--tb-u));transform:rotate(180deg);}
.tb-card-corner .tb-rank,.tb-card-corner-br .tb-rank{font-size:calc(27*var(--tb-u));}
.tb-card-corner .tb-suit,.tb-card-corner-br .tb-suit{font-size:calc(19*var(--tb-u));margin-top:calc(1*var(--tb-u));}
.tb-card--red .tb-rank,.tb-card--red .tb-suit,.tb-card--red .tb-card-pip{color:#b8141f;}
.tb-card--black .tb-rank,.tb-card--black .tb-suit,.tb-card--black .tb-card-pip{color:#161412;}
.tb-card-pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(58*var(--tb-u));line-height:1;}
.tb-court{position:absolute;left:15%;right:15%;top:5.5%;bottom:5.5%;}
.tb-wild{position:absolute;right:calc(4*var(--tb-u));top:calc(4*var(--tb-u));z-index:2;font-size:calc(11*var(--tb-u));color:var(--tb-gold,#e7c477);}
.tb-card--wild{box-shadow:0 0 0 calc(2*var(--tb-u)) var(--tb-gold,#e7c477) inset,0 calc(3*var(--tb-u)) calc(8*var(--tb-u)) rgba(0,0,0,.45);}