@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*{font-family:VT323,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0}:root{--bg-color: #004643;--card-bg-color: #abd1c6;--p-color: #001e1d;--easy-color: #1eff00;--easy-dark-color: #14af00;--medium-color: #eeff00;--medium-dark-color: #b7c400;--hard-color: #ff8827;--hard-dark-color: #d36e1b;--play-color: #2ec4b6;--play-dark-color: #219e91;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}.menu-container,.game-container{display:flex;flex-direction:column;align-items:center}.menu-container{gap:3em}.title{font-size:72px}.difficulty-select{font-size:24px}.difficulty-container{display:flex;gap:1em}.difficulty{color:var(--p-color);transition:transform .1s ease}.easy:hover,.medium:hover,.hard:hover{transform:scale(.96)}.easy:active,.medium:active,.hard:active{transform:scale(1.05)}.easy{background-color:var(--easy-color)}.easy:hover{background-color:var(--easy-dark-color)}.medium{background-color:var(--medium-color)}.medium:hover{background-color:var(--medium-dark-color)}.hard{background-color:var(--hard-color)}.hard:hover{background-color:var(--hard-dark-color)}.play{width:100px;color:var(--p-color);background-color:var(--play-color);transition:transform .2s ease}.play:hover{transform:scale(1.05)}.play:active{background-color:var(--play-dark-color)}.game-container{height:100%;gap:3em}.result{font-size:52px}.scoreboard{display:flex;flex-direction:column;align-items:center}.score{font-size:52px}.btn{border:0;border-radius:10px;padding:5px;font-size:26px}.btn:hover{cursor:pointer}.return{align-self:flex-start;margin-left:2em;max-width:fit-content;background-color:var(--play-color)}.return:hover{background-color:var(--play-dark-color)}.return,.restart{color:#001e1d;transition:background-color .2s ease,transform .1s ease}.return:active,.restart:active{transform:scale(1.05)}.restart{background-color:#f9bc60}.restart:hover{background-color:#f9bc60cc}.pokemon-list{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:100%;max-width:1200px;gap:10px}@keyframes appear-grow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.show{animation-name:appear-grow;animation-duration:1s}.card{height:150px;display:flex;align-items:center;flex-direction:column}.img-container{width:100%;height:96px}.pokemon{padding:5px;color:var(--p-color);text-transform:capitalize;font-size:20px;overflow-wrap:break-word}.card-button{border:0;border-radius:10px;background-color:var(--card-bg-color);width:100%;height:100%}.card-button:hover{cursor:pointer;background-color:#abd1c6cc}.card-button:active{background-color:#abd1c699}