body{margin:0;padding:0;font-family:Lobster Two,sans-serif;background-color:#ffdbac}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px}.game-modes{display:flex;flex-direction:row;gap:20px}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.game-header{font-size:5rem;font-weight:700;color:#333}.game-modes-header{font-size:3rem;font-weight:700;color:#333}.mode-card-easy,.mode-card-medium,.mode-card-hard{background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;padding:20px 30px;font-size:22px;text-decoration:none;color:inherit}.mode-card-easy{border:4px solid #4CAF50}.mode-card-medium{border:4px solid #FFC107}.mode-card-hard{border:4px solid #F44336}.mode-card-easy:hover,.mode-card-medium:hover,.mode-card-hard:hover{transform:scale(1.05);background-color:#ffffffe1;box-shadow:0 6px 12px #00000026}.mode-link{text-decoration:none;color:inherit;color:#333}@media(max-width:1024px){.game-header{font-size:4rem;text-align:center}.game-modes-header{font-size:2.5rem;text-align:center}.game-modes{flex-direction:column;gap:20px;align-items:center}.mode-card-easy,.mode-card-medium,.mode-card-hard{padding:18px 25px;font-size:20px;width:200px}}@media(max-width:480px){.game-header{font-size:3rem}.game-modes-header{font-size:2rem}.game-modes{flex-direction:column;gap:15px;align-items:center}.mode-card-easy,.mode-card-medium,.mode-card-hard{padding:15px 20px;font-size:18px;width:160px}.container{row-gap:20px;padding:10px}}.easy-score-board-header{font-size:28px;font-weight:700;color:#06b36a}.easy-mode-game-card{border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:90px;height:138px;background-size:cover;background-position:center;cursor:pointer;border-style:solid;border-color:#a1a1a1}.easy-mode-game-container{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;justify-content:center;row-gap:20px;column-gap:20px}@media(max-width:1024px){.easy-mode-game-card{width:70px;height:110px}.easy-mode-game-container{grid-template-columns:repeat(8,minmax(70px,1fr));gap:12px}}@media(max-width:480px){.easy-mode-game-card{width:50px;height:80px}.easy-mode-game-container{grid-template-columns:repeat(6,minmax(60px,1fr));gap:10px}}.medium-score-board-header{font-size:28px;font-weight:700;color:#d15913}.medium-mode-game-card{border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:80px;height:120px;background-size:cover;background-position:center;cursor:pointer;border-style:solid;border-color:#a1a1a1}.medium-mode-game-container{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;justify-content:center;row-gap:20px;column-gap:20px}@media(max-width:1024px){.medium-mode-game-card{width:70px;height:105px}.medium-mode-game-container{grid-template-columns:repeat(10,minmax(70px,1fr));gap:12px}}@media(max-width:480px){.medium-mode-game-card{width:46px;height:60px}.medium-mode-game-container{grid-template-columns:repeat(6,minmax(60px,1fr));gap:10px}}.mode-footer{background-color:#f0f8ff;padding:15px;color:#333;display:flex;justify-content:center;align-items:center;column-gap:20px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.mode{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px;background-color:#cacaca}.score-board-scores{display:flex;flex-direction:row;align-items:center;column-gap:20px}.hard-score-board-header{font-size:28px;font-weight:700;color:#d11313}.score-board{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#fafafa;border-radius:6px;box-shadow:0 2px 4px #0000001a}.score{font-size:24px;margin:10px 0;color:#444;font-size:2rem}.best-score{font-size:20px;color:#444;font-size:2rem}.mode-exit-button{padding:10px 20px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.mode-exit-button:hover{background-color:#e60000b4}.mode-exit-link{text-decoration:none}.mode-restart-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.mode-restart-button:hover{background-color:#45a049}.hard-mode-game-card{border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:70px;height:100px;background-size:cover;background-position:center;cursor:pointer;border-style:solid;border-color:#a1a1a1}.mode-card-image{width:100%;height:100%}.hard-mode-game-container{display:grid;grid-template-columns:repeat(20,1fr);align-items:center;justify-content:center;row-gap:20px;column-gap:20px}.mode-win-message{font-size:32px;font-weight:700;color:#28a745;text-align:center;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 50px 10px #00000080}.mode-win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.mode-win-text{font-size:20px;color:#555}.mode-win-subtext{font-size:16px;color:#777}@media(max-width:1024px){.hard-mode-game-card{width:44px;height:60px}.hard-mode-game-container{grid-template-columns:repeat(8,minmax(60px,1fr));gap:12px}}@media(max-width:480px){.hard-mode-game-card{width:20px;height:26px}.hard-mode-game-container{grid-template-columns:repeat(6,minmax(50px,1fr));row-gap:10px;column-gap:10px}}