@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";:root{--primary-color: #2ebf91;--secondary-color: #8360c3;--background-gradient: linear-gradient(to right, var(--secondary-color), var(--primary-color));--text-color: #fff;--font-family: "Poppins", sans-serif}body{margin:0;font-family:var(--font-family);background:var(--background-gradient);color:var(--text-color)}.button{background-color:var(--primary-color);color:var(--text-color);border:none;padding:10px 20px;cursor:pointer;font-size:1rem;border-radius:5px;transition:background-color .3s ease}.button:hover{background-color:var(--secondary-color)}.start-screen{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:50px;gap:20px}.start-screen .start-button{margin-top:20px}.menu{display:flex;gap:10px;justify-content:center;margin-top:10px}.tile:hover{transform:scale(1.05)}.stats{display:flex;gap:30px;justify-content:center;font-size:1.2rem}@media (max-width: 480px){.button{width:100%}.menu,.stats{flex-direction:column;align-items:center}}.app{display:grid;grid-template-areas:"header header" "main sidebar";grid-template-columns:2fr 1fr;gap:20px;min-height:100vh}@media (max-width: 768px){.app{grid-template-areas:"header" "main" "sidebar";grid-template-columns:1fr}}.header{grid-area:header;text-align:center}.main-content{grid-area:main;display:flex;justify-content:center;align-items:center}.sidebar{grid-area:sidebar;background:#ffffff1a;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 480px){.menu{flex-direction:column;gap:10px;margin-top:30px;margin-bottom:30px}.stats{flex-direction:column;gap:10px}}.difficulty-selector{margin-bottom:20px;display:flex;align-items:center;justify-content:center;color:#fff;flex-wrap:wrap;gap:10px}.difficulty-selector label{font-size:1.1rem}.difficulty-selector select{padding:8px 12px;font-size:1rem;border-radius:5px;margin-left:10px;border:none;background:var(--primary-color);color:#fff;cursor:pointer;outline:none;transition:background-color .3s ease}.difficulty-selector select:hover{background:var(--secondary-color)}.game-board{display:grid;gap:15px;justify-content:center;width:100%;max-width:1000px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width: 768px){.game-board{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 600px){.game-board{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 480px){.game-board{gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;color:#333;padding:30px;border-radius:8px;position:relative;width:90%;max-width:400px;text-align:center}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer}.tile{position:relative;width:100%;padding-top:100%;perspective:800px;cursor:pointer;transition:transform .3s ease}.tile.revealed .tile-inner{transform:rotateY(180deg)}.tile.matched{cursor:default}.tile.matched .tile-inner{animation:pulse 1s infinite}.tile .tile-inner{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tile .tile-placeholder,.tile .tile-content{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 6px #0000004d}.tile .tile-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.tile .tile-content{background:#fff;color:#333;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.tile .tile-content img{width:100%;height:100%;object-fit:cover;border-radius:12px}@keyframes pulse{0%{box-shadow:0 0 #2ebf91b3}70%{box-shadow:0 0 20px 20px #2ebf9100}to{box-shadow:0 0 #2ebf9100}}.history h2{margin-top:0}.history p{color:#f0f0f0}.history ul{list-style:none;padding:0}.history li{background:#fff3;padding:15px;margin-bottom:10px;border-radius:5px}.history li p{margin:5px 0}.stats{display:flex;gap:30px;font-size:1.2rem;justify-content:center;margin-top:30px;margin-bottom:30px}.stats p{margin:0}
