:root{--cr-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .35 0 0 0 0 .25 .16 0 0 0 -.03'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.tb-card{border-radius:6.5%/4.6%;}
.tb-card--back,.tb-card.tb-card--back{border:0;background:repeating-linear-gradient(45deg,rgba(60,8,8,.4) 0 .7px,transparent .7px 2.3px),repeating-linear-gradient(-45deg,rgba(60,8,8,.4) 0 .7px,transparent .7px 2.3px),url(../img/real/cardback.webp) center/cover no-repeat,#96302c;box-shadow:inset 0 0 0 calc(1.6*var(--tb-u,1px)) rgba(255,252,244,.92),0 0 0 .5px rgba(60,20,10,.55),0 1px 0 #d9ccb4,0 1.6px 0 rgba(120,90,60,.55),0 calc(3*var(--tb-u,1px)) calc(7*var(--tb-u,1px)) rgba(0,0,0,.5);}
.tb-card--back::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,250,235,0) 30%,rgba(255,250,235,.2) 44%,rgba(255,250,235,0) 58%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.14));box-shadow:inset 0 0 0 .6px rgba(255,248,230,.5);}
.tb-card--face{background:var(--cr-noise),radial-gradient(120% 90% at 30% 20%,#fdfaf3,#fbf6ee 55%,#f3ebdc);background-size:140px 140px,100% 100%;box-shadow:inset 0 0 0 .6px rgba(90,70,40,.38),inset 0 0 calc(5*var(--tb-u,1px)) rgba(160,130,90,.14),0 .6px 0 #e2d8c6,0 1.2px 0 rgba(110,90,60,.45),0 calc(2*var(--tb-u,1px)) calc(3*var(--tb-u,1px)) rgba(0,0,0,.35),0 calc(5*var(--tb-u,1px)) calc(12*var(--tb-u,1px)) rgba(0,0,0,.3);}
.tb-card--face.tb-card--wild{box-shadow:inset 0 0 0 calc(2*var(--tb-u,1px)) var(--tb-gold,#e7c477),inset 0 0 0 calc(2.6*var(--tb-u,1px)) rgba(120,80,20,.5),0 1.2px 0 rgba(110,90,60,.45),0 calc(2*var(--tb-u,1px)) calc(3*var(--tb-u,1px)) rgba(0,0,0,.35),0 calc(5*var(--tb-u,1px)) calc(12*var(--tb-u,1px)) rgba(0,0,0,.3);}
.tb-card--face .tb-rank{font-family:"Times New Roman",Times,"Liberation Serif","Noto Serif",serif;font-weight:700;letter-spacing:-.06em;transform:scaleX(.9);}
.tb-card--face .tb-suit,.tb-card-pip{font-family:"Times New Roman",Times,serif;font-variant-emoji:text;}
.tb-card-pip{opacity:.94;mix-blend-mode:multiply;}
.tb-court{background:center/116% 101% no-repeat;box-shadow:0 0 0 .6px rgba(150,110,40,.55);mix-blend-mode:multiply;}
.tb-court--K{background-image:url(../img/real/court_k.webp);}
.tb-court--Q{background-image:url(../img/real/court_q.webp);}
.tb-court--J{background-image:url(../img/real/court_j.webp);}
.tb-card--face:has(.tb-court) .tb-card-corner,.tb-card--face:has(.tb-court) .tb-card-corner-br{z-index:2;padding:calc(1*var(--tb-u,1px)) calc(1.5*var(--tb-u,1px)) calc(2*var(--tb-u,1px));border-radius:calc(2*var(--tb-u,1px));background:var(--cr-noise),#fbf7ef;background-size:140px 140px,auto;}