.cards{perspective:62.5rem;flex-wrap:wrap;justify-content:center;align-items:center;margin:1.5rem auto;display:flex;position:relative}.tcard{cursor:pointer;background:0 0;border-radius:.625rem;flex-direction:column;width:7.375rem;height:11.375rem;margin:.75rem;transition:top 4s;position:relative;box-shadow:0 10px 30px #0003}.tcard:hover{top:-.65rem}.tcard:hover.tcard--default{cursor:default;top:0}.tcard__front,.tcard__back{filter:drop-shadow(0 0 .313rem silver);backface-visibility:hidden;border-radius:.625rem;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.tcard__back{padding:.4rem}.tcard__back:before{content:"";box-sizing:border-box;border:3px solid var(--primary);background-image:linear-gradient(-60deg, transparent 40%, var(--primary) 40%, var(--primary) 60%, transparent 60%),linear-gradient(60deg, transparent 40%, var(--primary) 40%, var(--primary) 60%, transparent 60%);background-size:8px 8px;width:100%;height:100%;display:block}.tcard__front{background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:1.5rem;transform:rotateY(180deg)}.tcard--checked .tcard__front{transform:rotateY(0)}.tcard--checked .tcard__back{transform:rotateY(180deg)}.tcard.tcard--default .tcard__back:before{content:"";box-sizing:border-box;border:3px solid var(--secondary);background-image:linear-gradient(-60deg, transparent 40%, var(--secondary) 40%, var(--secondary) 60%, transparent 60%),linear-gradient(60deg, transparent 40%, var(--secondary) 40%, var(--secondary) 60%, transparent 60%);background-size:8px 8px;width:100%;height:100%;display:block}.tcard--shuffle{z-index:1;color:var(--primary);background:#ffeaea94;border-radius:1.25rem;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;inset:0}