.memory-game{background:linear-gradient(145deg,#2c3e50,#1a2a3a);color:#fff;min-height:100vh;padding:2rem 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.game-header{text-align:center;margin-bottom:2rem}.game-title{font-size:3rem;margin-bottom:.5rem;color:#e67e22;text-shadow:0 2px 10px rgba(230,126,34,.3)}.game-description{font-size:1.2rem;color:#fffc;max-width:700px;margin:0 auto 1.5rem}.back-button{background:#ffffff1a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-block;margin-bottom:1rem}.back-button:hover{background:#fff3;transform:translateY(-3px)}.score-container{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;background:#0003;padding:1rem;border-radius:10px;max-width:600px;margin:0 auto 2rem}.score-item{text-align:center}.score-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.3rem}.score-value{font-size:1.8rem;font-weight:700;color:#e67e22}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:800px;margin:0 auto 2rem}@media (min-width: 768px){.memory-board{grid-template-columns:repeat(6,1fr)}}.memory-card{aspect-ratio:3/4;perspective:1000px;cursor:pointer}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.memory-card.matched .card-inner{transform:rotateY(180deg);box-shadow:0 0 15px #2ecc71cc}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s;transform-style:preserve-3d;border-radius:10px;box-shadow:0 4px 8px #0000004d}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;overflow:hidden}.card-front{background:linear-gradient(135deg,#e67e22,#d35400);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.card-back{background:#fff;color:#333;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.card-back img{width:90%;height:90%;object-fit:cover}.game-controls{text-align:center;margin-top:2rem}.game-button{background:#e67e22;color:#fff;border:none;padding:1rem 2rem;border-radius:5px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin:0 .5rem;box-shadow:0 4px 10px #e67e224d}.game-button:hover{background:#d35400;transform:translateY(-3px);box-shadow:0 6px 15px #e67e2266}.game-button:disabled{background:#aaa;cursor:not-allowed;transform:none;box-shadow:none}.game-level{margin-top:2rem;text-align:center}.level-heading{color:#e67e22;margin-bottom:1rem}.level-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.level-button{background:#ffffff1a;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;transition:all .3s ease}.level-button:hover,.level-button.active{background:#e67e22}.orientation-message,.mobile-notification,.mobile-hint,.fullscreen-hint,.landscape-hint,.orientation-overlay,.screen-orientation-overlay,.orientation-change-message,div[class*=orientation],div[class*=mobile-hint],div[class*=notification],div[id*=orientation],div[id*=mobile-hint],div[id*=notification]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}html,body{position:static!important;width:100%!important;height:100%!important;overflow:auto!important}body>div:not(.memory-game):not(.container):not(.memory-board):not(.modal):not(.confetti):not(.title-toast){display:none!important}.confetti{position:absolute;width:10px;height:10px;background-color:#e67e22;opacity:0;animation:confetti-fall 1s ease forwards;z-index:100;pointer-events:none}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(720deg);opacity:0}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.modal.show{opacity:1;visibility:visible}.modal-content{background:#2c3e50;padding:2rem;border-radius:10px;max-width:500px;width:90%;text-align:center;transform:translateY(30px);transition:all .5s ease;border:4px solid #e67e22;box-shadow:0 10px 30px #0000004d}.modal.show .modal-content{transform:translateY(0)}.modal-title{color:#e67e22;font-size:2rem;margin-bottom:1rem}.modal-message{margin-bottom:2rem;line-height:1.6}.modal-stats{display:flex;justify-content:space-around;margin-bottom:2rem;background:#0003;padding:1rem;border-radius:8px}.modal-stat-item{text-align:center}.modal-stat-value{font-size:1.5rem;font-weight:700;color:#e67e22}.modal-stat-label{font-size:.8rem;color:#ffffffb3}.modal-buttons{display:flex;justify-content:center;gap:1rem}@media (max-width: 768px){.modal-buttons{flex-direction:column}.modal-buttons .game-button{margin:.5rem 0}}.title-toast[data-astro-cid-blkmqqds]{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--primary-color, #4a8cbd);color:#fff;padding:10px 20px;border-radius:50px;box-shadow:0 4px 20px #0000004d;z-index:1000;font-weight:700;animation:toast-in-out 2s ease-in-out forwards}@keyframes toast-in-out{0%{transform:translate(-50%,-50px);opacity:0}20%{transform:translate(-50%);opacity:1}80%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-50px);opacity:0}}.card-back[data-astro-cid-blkmqqds] img[data-astro-cid-blkmqqds]{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:#fff;padding:5px;max-width:100%;max-height:100%}.memory-card[data-astro-cid-blkmqqds]{perspective:1000px;margin:5px;width:100%;max-width:120px;height:150px;position:relative}.card-inner[data-astro-cid-blkmqqds]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.memory-card[data-astro-cid-blkmqqds].flipped .card-inner[data-astro-cid-blkmqqds]{transform:rotateY(180deg)}.card-front[data-astro-cid-blkmqqds],.card-back[data-astro-cid-blkmqqds]{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003}.card-front[data-astro-cid-blkmqqds]{background-color:var(--primary-color, #4a8cbd);color:#fff;font-size:2rem;font-weight:700}.card-back[data-astro-cid-blkmqqds]{background-color:#fff;transform:rotateY(180deg);padding:5px}
