.memory-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:660px;margin:auto;perspective:1000px}.memory-card{height:clamp(84px,15vw,132px);position:relative;transform-style:preserve-3d;transition:transform .35s;cursor:pointer}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg)}.face{position:absolute;inset:0;border-radius:15px;display:grid;place-items:center;backface-visibility:hidden;border:1px solid rgba(255,255,255,.13)}.front{background:linear-gradient(145deg,#273b60,#16243f);font-size:clamp(24px,5vw,38px);color:#91a7ce;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.back{transform:rotateY(180deg);background:linear-gradient(145deg,#fff1d9,#f4c87d);font-size:clamp(34px,7vw,58px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.matched .back{background:linear-gradient(145deg,#d0ffde,#73d99b);border-color:#74dc9a}.memory-win{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(7,13,25,.88);border-radius:12px;text-align:center}.memory-win[hidden]{display:none}.memory-win strong{font-size:28px}.memory-win span{color:#b9c8e2}.memory-win button{margin-top:5px}@media(max-width:520px){.cards{gap:7px}.face{border-radius:10px}.memory-head{flex-wrap:wrap}.memory-head .g-stats{width:100%;justify-content:space-between}}
.memory-card{border:0;padding:0;background:transparent;width:100%}