.pit,.covered,.turned{--cardHeight:70vmin;--cardWidth:calc(var(--cardHeight) * .6);--intraSpace:calc(100vmin - var(--cardWidth) - var(--cardWidth));--fontSize:calc(var(--cardWidth) * .075);--suitunisize:calc(var(--cardWidth) * .2);font-size:var(--fontSize);position:absolute;left:var(--cardWidth);left:calc(var(--intraSpace) / 4);width:var(--cardWidth);height:var(--cardHeight);display:block}.covered{transform:translateX(calc(calc(var(--intraSpace) / 3) + 100%))}.turned,.covered{background-color:#fff9;border:dotted 1px #0009;border-radius:1.1em;cursor:pointer}.pit{pointer-events:none}.card{width:var(--cardWidth);height:var(--cardHeight);will-change:transform;transition-property:transform,transform-origin;transition-duration:.25s;transform-origin:right 75%;transition-timing-function:ease-in-out;transform-style:preserve-3d;cursor:pointer;position:absolute;font-family:'Times New Roman',Times,serif;background-color:#ffffff;text-align:center;text-shadow:none;border-radius:1em;display:inline-block;z-index:0;box-shadow:0 .5px 1.5px .3px #0002}.card.flipped{transform:translateX(calc(var(--intraSpace) / 3)) rotateY(180deg)}.card.turning{}.top-card a{pointer-events:all}.back{background-image:var(--cardBg);background-size:var(--cardBgSize);transform:translateZ(-1px) rotateY(180deg);image-rendering:pixelated}.face{position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 .25em #000000;backface-visibility:hidden;border-radius:1em;border:solid .5em #ffffff;transform-style:preserve-3d}.aberration-color .front{filter:sepia(.2) hue-rotate(var(--cardAberrantColor)) saturate(1.5)}.card-corner{padding:0;margin:0;text-shadow:none;width:2em;line-height:1em;text-align:center;position:absolute;font-weight:bold;font-size:1.35em;display:grid;grid-template-columns:auto;grid-template-rows:1em 1em}.suit-♥,.suit-♦{color:#dd0000}.suit-♣,.suit-♠{color:#111111}.card-corner:nth-child(1){top:.5em;left:0}.card-corner:nth-child(2){top:.5em;right:0}.card-corner:nth-child(3){bottom:.5em;right:0;transform:rotate(180deg)}.card-corner:nth-child(4){bottom:.5em;left:0;transform:rotate(180deg)}.corner-nominal-value{}.corner-suit{--suited:calc(var(--suitunisize) * .8);font-size:var(--suited)}.card-content{display:grid;height:100%;margin:0 2em;grid-template-columns:1fr 1fr 1fr;place-items:center}.reversed{transform:rotate(180deg)}.card-figure-suit,.card-value-unit{--suited:calc(var(--suitunisize) * 1.4);font-size:var(--suited);line-height:1em}.value-1 .card-value-unit{--suited:calc(var(--suitunisize) * 5)}.card-figure-suit{vertical-align:baseline}.card-figure-face{font-size:4.5em}.card.value-1 .card-content,.card.value-2 .card-content,.card.value-3 .card-content,.card.value-4 .card-content,.card.value-5 .card-content,.card.value-6 .card-content{grid-template-rows:1fr 1fr 1fr}.card.value-7 .card-content,.card.value-8 .card-content{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.card.value-9 .card-content,.card.value-10 .card-content{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.card.value-9 .card-content,.card.value-10 .card-content{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.card.value-11 .card-content,.card.value-12 .card-content,.card.value-13 .card-content{grid-template-rows:auto 1fr auto}.card.value-1 .card-value-unit:nth-child(1){grid-column:2;grid-row:2}.card.value-2 .card-value-unit:nth-child(1){grid-column:2;grid-row:1}.card.value-2 .card-value-unit:nth-child(2){grid-column:2;grid-row:3;transform:rotate(180deg)}.card.value-3 .card-value-unit:nth-child(1){grid-column:2;grid-row:1}.card.value-3 .card-value-unit:nth-child(2){grid-column:2;grid-row:2}.card.value-3 .card-value-unit:nth-child(3){grid-column:2;grid-row:3;transform:rotate(180deg)}.card.value-4 .card-value-unit:nth-child(1){grid-column:1;grid-row:1}.card.value-4 .card-value-unit:nth-child(2){grid-column:3;grid-row:1}.card.value-4 .card-value-unit:nth-child(3){grid-column:1;grid-row:3;transform:rotate(180deg)}.card.value-4 .card-value-unit:nth-child(4){grid-column:3;grid-row:3;transform:rotate(180deg)}.card.value-5 .card-value-unit:nth-child(1){grid-column:1;grid-row:1}.card.value-5 .card-value-unit:nth-child(2){grid-column:3;grid-row:1}.card.value-5 .card-value-unit:nth-child(3){grid-column:1;grid-row:3;transform:rotate(180deg)}.card.value-5 .card-value-unit:nth-child(4){grid-column:3;grid-row:3;transform:rotate(180deg)}.card.value-5 .card-value-unit:nth-child(5){grid-column:2;grid-row:2}.card.value-6 .card-value-unit:nth-child(1){grid-column:1;grid-row:1}.card.value-6 .card-value-unit:nth-child(2){grid-column:1;grid-row:2}.card.value-6 .card-value-unit:nth-child(3){grid-column:1;grid-row:3;transform:rotate(180deg)}.card.value-6 .card-value-unit:nth-child(4){grid-column:3;grid-row:1}.card.value-6 .card-value-unit:nth-child(5){grid-column:3;grid-row:2}.card.value-6 .card-value-unit:nth-child(6){grid-column:3;grid-row:3;transform:rotate(180deg)}.card.value-7 .card-value-unit:nth-child(1){grid-column:1;grid-row:1 / span 2}.card.value-7 .card-value-unit:nth-child(2){grid-column:1;grid-row:3 / span 2}.card.value-7 .card-value-unit:nth-child(3){grid-column:1;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-7 .card-value-unit:nth-child(4){grid-column:2;grid-row:2 / span 2}.card.value-7 .card-value-unit:nth-child(5){grid-column:3;grid-row:1 / span 2}.card.value-7 .card-value-unit:nth-child(6){grid-column:3;grid-row:3 / span 2}.card.value-7 .card-value-unit:nth-child(7){grid-column:3;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-8 .card-value-unit:nth-child(1){grid-column:1;grid-row:1 / span 2}.card.value-8 .card-value-unit:nth-child(2){grid-column:1;grid-row:3 / span 2}.card.value-8 .card-value-unit:nth-child(3){grid-column:1;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-8 .card-value-unit:nth-child(4){grid-column:2;grid-row:2 / span 2}.card.value-8 .card-value-unit:nth-child(5){grid-column:2;grid-row:4 / span 2;transform:rotate(180deg)}.card.value-8 .card-value-unit:nth-child(6){grid-column:3;grid-row:1 / span 2}.card.value-8 .card-value-unit:nth-child(7){grid-column:3;grid-row:3 / span 2}.card.value-8 .card-value-unit:nth-child(8){grid-column:3;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-9 .card-value-unit:nth-child(1){grid-column:1;grid-row:1 / span 2}.card.value-9 .card-value-unit:nth-child(2){grid-column:1;grid-row:3 / span 2}.card.value-9 .card-value-unit:nth-child(3){grid-column:1;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-9 .card-value-unit:nth-child(4){grid-column:1;grid-row:7 / span 2;transform:rotate(180deg)}.card.value-9 .card-value-unit:nth-child(5){grid-column:2;grid-row:4 / span 2}.card.value-9 .card-value-unit:nth-child(6){grid-column:3;grid-row:1 / span 2}.card.value-9 .card-value-unit:nth-child(7){grid-column:3;grid-row:3 / span 2}.card.value-9 .card-value-unit:nth-child(8){grid-column:3;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-9 .card-value-unit:nth-child(9){grid-column:3;grid-row:7 / span 2;transform:rotate(180deg)}.card.value-10 .card-value-unit:nth-child(1){grid-column:1;grid-row:1 / span 2}.card.value-10 .card-value-unit:nth-child(2){grid-column:1;grid-row:3 / span 2}.card.value-10 .card-value-unit:nth-child(3){grid-column:1;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-10 .card-value-unit:nth-child(4){grid-column:1;grid-row:7/ span 2;transform:rotate(180deg)}.card.value-10 .card-value-unit:nth-child(5){grid-column:2;grid-row:2 / span 2}.card.value-10 .card-value-unit:nth-child(6){grid-column:2;grid-row:6 / span 2;transform:rotate(180deg)}.card.value-10 .card-value-unit:nth-child(7){grid-column:3;grid-row:1 / span 2}.card.value-10 .card-value-unit:nth-child(8){grid-column:3;grid-row:3 / span 2}.card.value-10 .card-value-unit:nth-child(9){grid-column:3;grid-row:5 / span 2;transform:rotate(180deg)}.card.value-10 .card-value-unit:nth-child(10){grid-column:3;grid-row:7 / span 2;transform:rotate(180deg)}.card-figure-suit{grid-column:1;grid-row:1;align-self:normal}.card-figure-suit.reversed{grid-column:3;grid-row:3}.card-figure-face{grid-column:2 /span 2;grid-row:1/span 1}.card-figure-face:before{font-size:.75em;position:absolute;top:1em;margin-left:-1.1em;color:#111}.suit-♥.card.value-11 .card-figure-face:before{content:'🍡';}.suit-♦.card.value-11 .card-figure-face:before{content:'🍺';}.suit-♣.card.value-11 .card-figure-face:before{content:'🎻';}.suit-♠.card.value-11 .card-figure-face:before{content:'🍷';}.suit-♥.card.value-12 .card-figure-face:before{content:'🌻';}.suit-♦.card.value-12 .card-figure-face:before{content:'🌹';}.suit-♣.card.value-12 .card-figure-face:before{content:'🌼';}.suit-♠.card.value-12 .card-figure-face:before{content:'🌷';}.suit-♥.card.value-13 .card-figure-face:before{content:'🔨';}.suit-♦.card.value-13 .card-figure-face:before{content:'🔪';}.suit-♣.card.value-13 .card-figure-face:before{content:'🧨';}.suit-♠.card.value-13 .card-figure-face:before{content:'🪓';}.card-figure-face.reversed{grid-column:1 /span 2;grid-row:3/span 1}.suit-♥ .card-figure-cloth{background-color:#a00;background-image:repeating-radial-gradient(#1110 0 .1em,#111 .1em .2em,#900 .2em .4em,#fff .4em .7em,#fff0 .7em 1em);background-size:7% 7%}.suit-♦ .card-figure-cloth{background-color:#0a0;background-image:repeating-linear-gradient(60deg,#1110 0 .1em,#111 .1em .2em,#090 .2em .3em,#fff .3em .4em,#fff0 .4em 1em);background-size:10% 10%}.suit-♣ .card-figure-cloth{background-color:#a0a;background-image:repeating-linear-gradient(-60deg,#1110 0 .3em,#111 .3em .4em,#909 .4em .6em,#fff .6em .8em,#fff0 .8em 1em);background-size:9% 8%}.suit-♠ .card-figure-cloth{background-color:#00a;background-image:repeating-radial-gradient(#1110 0 .2em,#111 .2em .3em,#009 .3em .35em,#fff .35em .4em,#fff0 .4em 1em);background-size:20% 20%}.card.value-11 .card-figure-cloth{border-radius:6em 1em}.card.value-12 .card-figure-cloth{border-radius:9em 2em}.card.value-13 .card-figure-cloth{border-radius:3em 1em}.card-figure-cloth{grid-column:1 /span 3;grid-row:2/span 1;display:block;width:100%;height:100%;border-radius:6em 1em;transform:skew(-10deg) rotate(-20deg);overflow:hidden}.card-figure-cloth span{background-image:repeating-radial-gradient(#1110 0 1em,#111 1em 2em,#dd00 2em 3.5em,#fff 3.5em 4.45em,#1119 4.5em 4.55em,#fff 4.6em 5em),linear-gradient(65deg,#1110 0 25%,#111 25% 35%,#00d 35% 55%,#1110 55% 100%),linear-gradient(-30deg,#0000 0 45%,#dd0 45% 55%,#0000 55% 100%);background-size:100% 140%,100% 100%,100% 100%;background-position-x:3.65em,center,center;background-repeat:no-repeat repeat,no-repeat;background-blend-mode:normal,hue,normal;mix-blend-mode:hard-light;display:block;width:100%;height:50%}