html{font-size:62.5%}*,:after,:before{box-sizing:border-box}:root{--border-radius:5px;--accent-color:#6366f1}body{color:#222;background-color:#f5f7fb;font-family:Playfair Display,Times New Roman,Times,serif;font-size:1.3rem}h1{font-size:1.8rem}h2{font-size:1.5rem}.container{flex-direction:column;justify-content:center;align-items:center;gap:3rem;margin:8rem 1rem;display:flex}.game{text-align:center;position:relative}.header__report{border:2px solid var(--accent-color);background-color:#0000;border-radius:10px;margin-top:3rem;padding:1.5rem 2rem;font-weight:700}.header__report .report__record{margin-bottom:2rem}.game--finished .game__board{opacity:.2}.game__message{display:none}.game--finished .game__message{white-space:nowrap;color:var(--accent-color);font-size:5rem;display:inline-block;position:absolute;top:50%;right:20%}.game__board{background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:2rem;padding:4rem;display:grid;box-shadow:0 10px 30px #00000014}.game__card{cursor:pointer;border-radius:var(--border-radius);perspective:1000px;background:0 0;border:none;outline:none;width:65px;height:90px;padding:0;position:relative}.game__card.game__card--matched{pointer-events:none}.card--inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--border-radius);transition:transform .5s ease-in-out;position:absolute;top:0}.game__card--flipped .card--inner,.game__card--matched .card--inner{transform:rotateY(180deg)}.card--front{border-radius:var(--border-radius);background:#7c83fd;transition:all .5s}.game__card:hover .card--front,.game__card:focus-visible .card--front{transform:translateY(-4px);box-shadow:0 8px 20px #6366f140}.game__card--flipped .card--back{color:#1e1b4b;background-color:#eef2ff}.game__card--matched{transform:scale(.9)}.game__card--matched .card--back{color:#14532d;background-color:#dcfce7;border:1px solid #86efac}.card--back{border-radius:var(--border-radius);justify-content:center;align-items:center;font-weight:700;transition:background-color .5s ease-in-out;display:flex;transform:rotateY(180deg)}.card--front,.card--back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.footer{gap:4rem;display:flex}.btn{background-color:var(--accent-color);cursor:pointer;border:0;border-radius:10px;outline:none;width:13rem;padding:1rem 0;transition:all .6s cubic-bezier(.075,.82,.165,1)}.restart-btn{border:2px solid var(--accent-color);color:var(--accent-color);background:0 0}.resume-btn{background:var(--accent-color);color:#f2f2f2;box-shadow:0 8px 20px #6366f159}.btn:hover,.btn:focus-visible{color:#f2f2f2;background:#4f46e5;transform:translateY(-5px)}.btn:disabled{pointer-events:none;opacity:.4}.hidden{display:none}.game__skeleton{justify-content:center;gap:10px;display:flex}.skeleton-item{border-radius:var(--border-radius);background:linear-gradient(90deg,#c7d0f0 25%,#e0e7ff 50%,#c7d0f0 75%) 200% 0/200% 100%;width:70px;height:100px;margin-top:5rem;margin-bottom:2rem;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (width>=768px){h1{font-size:2.5rem}h2{font-size:2rem}body{font-size:1.5rem}.btn{width:15rem}.game__board{gap:3.5rem}.game__card{border-radius:8px;width:90px;height:120px}}
/*# sourceMappingURL=V-2(with parcel).7062c5bb.css.map */