.game-memory-game #game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;min-height:calc(100vh - 200px);overflow-y:auto;max-height:calc(100vh - 200px)}#game-grid{display:grid;gap:12px;padding:20px;background:#f5f5f5;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:100%;width:100%;max-width:600px;margin:0 auto}.memory-card{aspect-ratio:1;position:relative;cursor:pointer;perspective:1000px;border-radius:8px;overflow:hidden}.memory-card .card-back,.memory-card .card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:8px;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.memory-card .card-back{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:rotateY(0)}.memory-card .card-front{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:rotateY(180deg)}.memory-card.revealed .card-back{transform:rotateY(180deg)}.memory-card.revealed .card-front{transform:rotateY(0)}.memory-card.matched{opacity:.7;cursor:default}.memory-card.matched .card-front{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.memory-card:not(.matched):hover .card-back{transform:scale(1.05) rotateY(0);box-shadow:0 4px 8px #0003}@media (max-width: 768px){#game-grid{gap:8px;padding:12px}.memory-card .card-back,.memory-card .card-front{font-size:1.5rem}}@media (max-width: 480px){#game-grid{gap:6px;padding:8px}.memory-card .card-back,.memory-card .card-front{font-size:1.2rem}}.immersive-mode #game-container{min-height:calc(100vh - 150px);max-height:calc(100vh - 150px);overflow-y:auto}.immersive-mode #game-grid{max-width:min(80vw,75vh)}@media (min-width: 768px) and (max-width: 1024px){.game-memory-game #game-container{max-height:60vh;overflow:visible;justify-content:flex-start;padding:8px;width:100%;box-sizing:border-box}.immersive-mode #game-container{max-height:60vh;overflow:visible;padding:8px}#game-grid{max-width:60vw;max-height:calc(60vh - 80px);width:min(60vw,calc(60vh - 80px));height:min(60vw,calc(60vh - 80px));padding:8px;gap:5px;box-sizing:border-box;overflow:hidden;aspect-ratio:1;margin:0 auto}.memory-card{min-width:0;min-height:0}.memory-card .card-back,.memory-card .card-front{font-size:clamp(.8rem,1.5vw,1.4rem)}}
