h1{font-family:Bitcount Single,sans-serif}.cards-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.card{background:var(--color-background-primary,#fff);cursor:pointer;border:.5px solid #ddd;border-radius:12px;justify-content:center;align-items:center;min-width:120px;max-width:120px;min-height:180px;padding:1.25rem 1rem;transition:border-color .15s,transform .2s;display:flex;position:relative}.card:hover{border-color:#aaa;transform:translateY(-2px)}.card-label{letter-spacing:.08em;text-transform:uppercase;color:#999;font-size:11px;font-weight:500;position:absolute;top:10px;left:12px}.card-text{color:#111;text-align:center;min-height:130px;margin:0;padding-top:.5rem;font-size:13px;line-height:1.5}.card.face-down{cursor:pointer;background:#3c3489;border-color:#3c3489}.card.face-down:after{content:"?";color:#cecbf6;font-size:2rem}.card.matched{background:#eafaea;border-color:#6fcf97}.card.matched .card-label,.card.matched .card-text{color:#27ae60}@media (width>=1024px){.cards-container{grid-template-columns:repeat(5,minmax(150px,200px));display:grid}.card{max-width:100%}}.skeleton{background-color:#a3a3b0;border-radius:10px;flex-direction:column;gap:.5rem;width:160px;max-width:100%;display:flex}.skeleton .line{background-color:#fff;border-radius:4px;height:8px}.skeleton .rect{border-radius:10px;flex-direction:column;justify-content:center;gap:1rem;height:120px;padding:1rem;display:flex}.skeleton div{position:relative}.skeleton .line:before,.skeleton div:before{content:"";width:0;height:100%;animation:.6s ease-in-out infinite skeletonSlide;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px 20px #fff}@keyframes skeletonSlide{0%{left:-100px}to{left:calc(100% + 100px)}}