@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf) format("truetype")}:root{font-family:Bebas Neue,sans-serif;line-height:1.5;font-weight:400;--primary-color: #000000;--secondary-color: #FEFEFE;--minimum-width: 480px;--font-size: 1.5rem;color:var(--secondary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:calc(var(--minimum-width) - 180px);min-height:100vh;background-image:url(/assets/background-B06rjTPd.jpg);background-position:center;background-size:cover}button{width:150px;border-radius:8px;border:3px solid transparent;padding:.6em 1.2em;font-size:calc(var(--font-size) - .3rem);font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:1.2px;background-color:#1a1a1a;color:var(--secondary-color);cursor:pointer;transition:all .25s ease-out}button:hover{border-color:#1a1a1a;color:var(--primary-color);background-color:var(--secondary-color)}.title{margin-top:16px;width:350px}.title+h1{font-size:2.8rem;letter-spacing:1.2px;margin-top:-16px}.loading{display:none}.loading.overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:1}.loading>img{margin-bottom:32px;filter:invert(54%) sepia(92%) saturate(885%) hue-rotate(344deg) brightness(97%) contrast(91%);-webkit-filter:invert(54%) sepia(92%) saturate(885%) hue-rotate(344deg) brightness(97%) contrast(91%);animation:2.8s ease-in-out 0s infinite spin}.loading-dots{font-size:var(--font-size);letter-spacing:1.2px;color:var(--primary-color);background-color:var(--secondary-color);padding:2px 16px;border:4px solid var(--primary-color);border-radius:12px}.dot{display:inline-block;width:10px;height:10px;background-color:#1a1a1a;border-radius:50%;margin:0 3px;animation:loading 1s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s;margin-left:6px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes loading{0%{opacity:0;transform:translateY(-12px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.difficulty-container{max-width:max-content;background-color:var(--secondary-color);color:var(--primary-color);padding:24px 2%;border:6px solid var(--primary-color);border-radius:16px;margin:auto}.difficulty-container>p{font-size:calc(var(--font-size) + .1rem);margin:0 0 12px;letter-spacing:2px}.difficulty-buttons+p{font-size:calc(var(--font-size) - .1rem);margin:0}.difficulty-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.selected-type-container{display:flex;justify-content:center;align-items:center;gap:10px;font-size:calc(var(--font-size) + .5rem);letter-spacing:2px;margin:0}.pokemon-type,.img[src$="type.png"]{width:50px;height:50px;margin:0 16px}.selected-type-container>p{font-size:calc(var(--font-size) + .5rem);margin:4px 0 0}.pokemon-types{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--secondary-color);color:var(--primary-color);width:clamp(calc(var(--minimum-width) - 160px),60%,800px);padding:24px 0;border:6px solid var(--primary-color);border-radius:16px;margin:16px auto 12px}.pokemon-types>p{margin:0;font-size:calc(var(--font-size) + .1rem);letter-spacing:1.2px}.all-type-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;width:90%;margin:8px auto 0}.type-button{width:calc(var(--minimum-width) - 350px);font-size:calc(var(--font-size) - .1rem);text-transform:uppercase;letter-spacing:1.5px;padding:12px}.type-button>img{display:block;width:40px;height:auto;margin:0 auto 10px}.scoreboard{width:fit-content;background-color:var(--secondary-color);color:#1a1a1a;text-align:start;font-size:var(--font-size);padding:12px 30px;border:4px solid var(--primary-color);border-radius:12px;margin:-18px auto 18px}.scoreboard p{margin:0}p>span{margin-left:12px}.all-pokemon-cards{display:flex;flex-wrap:wrap;width:clamp(var(--minimum-width),45vw,900px);justify-content:center;align-items:center;gap:10px;margin:0 auto 50px}.all-pokemon-cards.normal{width:clamp(var(--minimum-width),50vw,1000px)}.all-pokemon-cards.hard{width:clamp(var(--minimum-width),85vw,1600px)}.pokemon-card{transform-style:preserve-3d;transition:transform 1s;cursor:pointer}.pokemon-card.flipped{transform:rotateY(180deg)}.front-card{position:absolute;transition:transform .2s cubic-bezier(.65,.05,.36,1);width:100%;height:100%;backface-visibility:hidden}.front-card:hover{transform:scale(1.075)}.front-card>img{border-radius:10px}.back-card{width:100%;height:100%;backface-visibility:hidden;transform:rotateY(180deg)}.buttons-container{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 auto 16px}.query{width:min-content;border-radius:40px}.query.open{width:40%;border-radius:8px}@media(max-width:500px){.all-pokemon-cards,.all-pokemon-cards.normal,.all-pokemon-cards.hard{max-width:375px}.front-card>img,.back-card>img{width:calc(var(--minimum-width) - 370px)}}.modal-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.modal{background-color:var(--secondary-color);color:var(--primary-color);width:clamp(280px,50%,500px);padding:24px 20px;border:6px solid var(--primary-color);border-radius:16px}.modal>img{width:min(95%,500px);height:auto}.modal-heading{font-size:calc(var(--font-size) + 1.3rem);letter-spacing:1.2px;line-height:48px;margin:6px 0}.quote{width:minmax(calc(var(--minimum-width) - 280px),50%);font-size:calc(var(--font-size) - .3rem);letter-spacing:1px;text-align:center;margin:0 auto 16px}#mewtwo{font-size:calc(var(--font-size) - .2rem)}.final-score{font-size:calc(var(--font-size) - .1rem);text-decoration:underline;margin:0}.final-score+p{font-size:calc(var(--font-size) + .9rem);margin:-4px 0 0}.quote>span{display:block}.modal-buttons button{width:minmax(calc(var(--minimum-width) - 380px),15%);margin:10px 12px}#root{margin:0;padding:2rem 0 0;text-align:center}img{width:150px}.github-section{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;font-size:calc(var(--font-size) - .4rem);letter-spacing:1.2px;margin:40px 0 0}.fa-github{color:var(--secondary-color);font-size:24px;transition:all .2s ease-in-out}.fa-github:hover{color:#ee8328;transform:scale(1.2)}