/* Memory Game Styles */
#memory-game{display:none;flex-direction:column;height:100vh;padding:12px 8px 8px}
.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:8px;flex:1;padding:8px 0;max-height:calc(100vh - 160px)}
.memory-card{background:white;border:2.5px solid #E2E8F0;border-radius:12px;cursor:pointer;perspective:1000px;position:relative;transition:all 0.15s;max-height:100%}
.memory-card:active{transform:scale(0.95)}
.memory-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.4s}
.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}
.memory-card-front,.memory-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}
.memory-card-front{background:#FFF5F0;border:2.5px solid #FFE0D0}
.memory-card-front::after{content:'?';font-size:48px;font-weight:800;color:#CBD5E0}
.memory-card-back{background:white;transform:rotateY(180deg)}
.memory-card-content{font-size:32px;line-height:1}
.memory-card.matched{border-color:#22C55E;background:#F0FDF4}