:root{--green: #2ab68c;--dark-green: #094735;--light-green: #97e2cc;color:#fff}body{margin:0;font-family:Poppins,sans-serif}*{box-sizing:border-box}header{position:sticky;background-color:#222;top:0;height:60px;width:100%;display:flex;flex-wrap:nowrap;align-items:center;z-index:10}main{min-height:calc(100vh - 140px);position:relative;overflow:hidden;background-color:#000b}main:after{content:"";width:100%;min-height:inherit;position:absolute;inset:0;background-image:url(/assets/rayquaza-LcDDLy0i.jpg);background-position:center;background-size:cover;filter:blur(9px);z-index:-2;transform:scale(1.1)}footer{height:80px;background-color:#444;display:flex;justify-content:center;align-items:center}.button{font-family:inherit;color:inherit;border:none;background-color:inherit;text-decoration:none;transition:color .3s ease;font-size:15px}.button:not(:disabled){cursor:pointer}.logo-container{display:flex;align-items:center;-webkit-user-select:none;user-select:none}h1.logo{margin-left:5px;font-style:normal;font-weight:400}img.pic{aspect-ratio:1/1;object-fit:contain;width:auto}img.pic.smaller{height:30px}img.pic.small{height:40px}img.pic.medium{height:90px}img.pic.large{display:block;height:200px;border-radius:4%}img.pic.silhouette{filter:brightness(0)}.silhouette-background{margin:10px auto;border-radius:4%;width:max-content;background:#555;border:2px solid var(--dark-green)}.content{padding:0 8%;position:relative}.hidden{opacity:0}.flex-center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.home{flex-wrap:wrap;margin:auto;width:90%}.section-info{margin:auto}.game-btn.home-btn{display:block;margin:20px auto}:root{--input-gray: #999}.form{min-height:inherit;color:#fff;padding-top:20px}.form-container.auth{background-color:#0000008a;margin:auto;padding:15px 20px;width:400px;border-radius:14px}.auth>.logo-container{width:max-content;margin:auto}.form.auth{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:8px}.form-title{text-align:center;margin:4px}.form-title.auth{font-size:45px}.field{display:block;width:250px;height:36px;border-radius:8px;padding:12px 10px;background-color:#222;color:#fff;border:1px solid #333}.field::placeholder{color:var(--input-gray)}.field:hover{outline:2px solid var(--light-green)}.field:focus{outline:2px solid var(--green)}.form-input{margin-bottom:10px;position:relative}.field-errors{width:100%;flex-wrap:wrap}.field-error{margin-top:0;margin-bottom:5px;color:red}.password-icon-btn{position:absolute;right:5px;bottom:7px;height:18px;width:28px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:40px}.password-icon{cursor:pointer;aspect-ratio:1/1;height:30px}.line:after{position:absolute;content:"";bottom:-4px;right:14px;width:2px;height:27px;border-radius:1px;background-color:var(--input-gray);z-index:4;rotate:-60deg}.btn-container{width:100%}.form-submit{display:block;margin:auto;width:80px;height:30px;border-radius:5px;border:2px solid white;cursor:pointer}.form-navigate{display:block;width:max-content;margin:10px auto auto}.form-container.auth.settings{width:420px;background-color:#333}.form-submit:disabled{cursor:default}.form-submit.settings{width:fit-content}.form-submit.confirm{width:fit-content;margin:0;border-color:#51d351;color:#51d351}.form-submit.confirm.cancel{color:#d35151;border-color:#d35151}.form-message{text-align:center;color:#51d351}.confirm-btn-container{display:flex;justify-content:center;column-gap:40px}.generations{display:flex;flex-wrap:wrap;column-gap:10px}input[type=checkbox]{accent-color:#249673}.game-settings{width:fit-content;margin:auto}.game-settings.hidden{position:absolute}.game-setting:last-child{display:flex;align-items:center;column-gap:20px}#game-mode{height:30px;width:100px}.generation{display:flex;width:fit-content}.setting-title.dropdown{width:fit-content}.overlay{position:fixed;left:0;top:0;background-color:#000a;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:50}.game-container{margin:0 8% 20px;height:max-content}.game-container>h1{text-align:center}.field.game-input{border:2px solid #444;border-radius:8px 0 0 8px;width:300px;display:inline;outline:none}.form-container.game{margin:auto auto 20px;max-width:fit-content;position:relative}.form-game{display:flex;align-items:center;gap:0;position:relative}.poke-results{position:absolute;top:38px;left:0;overflow-x:none;overflow-y:auto;width:calc(100% - 69px);height:300px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;border-radius:10px;z-index:20}.poke-results::-webkit-scrollbar{display:none}.poke-result{display:flex;padding-left:10px;flex-wrap:wrap;align-items:center;background-color:#333;column-gap:10px;overflow-x:none;width:100%;border-top:2px solid #444}.poke-result:first-child{border-top:none}.form-container.game:focus-within{outline:2px solid var(--green);border-radius:8px}.submit-guess{color:#999;background-color:#101010;width:69px;height:36px;padding:12px 10px;display:flex;align-items:center;border:2px solid #444;border-left:none;border-radius:0 8px 8px 0}.submit-guess:not(:disabled):hover{color:#fff}.table-container{overflow-x:auto;overflow-y:hidden;width:100%}.game-table{width:fit-content;margin:auto;border-collapse:collapse}.pokemon-img{min-width:102px}.info-td.pokemon-img{padding:3px}.pokemon-name{min-width:128px}.pokemon-generation{min-width:108px}.pokemon-types{min-width:110px}.pokemon-color{min-width:100px}.pokemon-stage{min-width:86px}.pokemon-height{min-width:90px}.pokemon-weight{min-width:100px}.info-th{height:42px;background-color:#444;padding:4px 6px}.info-th:first-child{border-radius:7px 0 0}.info-th:last-child{border-radius:0 7px 0 0}.guess{border-top:2px solid #555}.guess:first-child{border-top:none}.info-td{border-right:2px solid #555}.info-td:last-child{border-right:none}.guess:last-child>.info-td:first-child{border-radius:0 0 0 7px}.guess:last-child>.info-td:last-child{border-radius:0 0 7px}:is(.info-td,span).correct{background-color:green}:is(.info-td,span).wrong{background-color:red}:is(.info-td,span).partial{background-color:#daa520}.info-td{background-color:#777;text-align:center;padding:0 6px;height:90px}.info-multi{margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.info-item{padding:5px 7px;border-radius:6px}.info-item.type{width:94px}.info-item.color{width:84px}.lower,.higher{position:relative;isolation:isolate}:is(.lower,.higher):before{content:" ";position:absolute;left:50%;transform:translate(-50%);border-width:30px 40px;border-style:solid;z-index:-1}.pokemon-generation:is(.lower,.higher):before{border-width:30px 52px}.lower:before{top:-25px;border-color:transparent transparent #772626 transparent}.higher:before{bottom:-25px;border-color:#772626 transparent transparent transparent}:is(.lower,.higher):after{content:"";position:absolute;left:50%;transform:translate(-50%);height:70px;width:50px;background-color:#772626;z-index:-1}.pokemon-generation:is(.lower,.higher):after{width:64px}.lower:after{bottom:8px}.higher:after{top:8px}.game-error{position:fixed;left:50%;transform:translate(-50%);background-color:#000c}.game-error>*{margin:5px 0}.game-controls{padding-top:20px;display:flex;justify-content:center;column-gap:20px}.game-btn{padding:7px 9px;border-radius:7px;margin-bottom:20px;background-color:#000a;color:var(--green);border:2px solid var(--green);transition:border-color .3s ease}.game-btn:not(:disabled):hover{color:var(--light-green);border-color:var(--light-green)}.game-btn:disabled{cursor:not-allowed}.profile{border-radius:14px;width:400px;height:400px;margin:auto;background-color:#333}.profile-title{margin-top:0;padding-top:30px}.profile-pic{display:block;margin:auto}.profile-field{width:100%}.settings-page{display:flex;justify-content:center}.settings-title{text-align:center}img.pic.medium.settings{display:block;margin:auto}.user-setting-container{display:flex;align-items:center}.field.settings{display:inline-flex}.settings-label{margin:10px 0}.settings-btn{display:block;background-color:#444;margin:0 auto;padding:6px 8px;border-radius:6px}.user-settings-btn{display:block;background-color:#444;margin:15px auto;padding:6px 8px;border-radius:6px}.pokedex{display:flex;flex-wrap:wrap;gap:10px}.pokedex-entry{height:90px;width:90px;background-color:#444;border-radius:50%}nav{display:flex;flex-wrap:nowrap;align-items:center;width:100%;color:var(--green);margin-left:10px;margin-right:20px;column-gap:20px}nav.bottom.flex-center{flex-wrap:wrap;row-gap:5px}.hamburger-btn{border-radius:4px;margin-left:4px;display:none;height:40px;width:40px}.mobile-menu{display:none;flex-wrap:wrap;position:absolute;row-gap:20px;left:0;top:60px;justify-content:center;align-content:center;z-index:40;height:calc(100vh - 60px);width:100%;background-color:#000}.button.top.nav.mobile-links{width:100%;font-size:40px;height:100px}.button.top.nav{font-size:24px}.button.nav:hover{color:var(--light-green)}.menu-container{display:flex;align-items:center;margin-left:auto;position:relative;border-radius:50%}.button.nav.login{background-color:#333;padding:7px 9px;border-radius:7px;margin-left:auto}.show-menu-btn{background-color:#444;display:flex;align-items:center;overflow:hidden;height:40px;border-radius:50%}.menu{right:-9px;bottom:-118px;position:absolute;display:flex;flex-wrap:wrap}.menu-item:first-child{position:relative}.menu-item:first-child:hover:before{border-color:transparent transparent #444 transparent}.menu-item:first-child:before{position:absolute;right:20px;top:-20px;content:" ";border-width:10px;border-style:solid;border-color:transparent transparent #3d3d3d transparent;z-index:4}.menu-item{color:#6b866f;width:130px;background-color:#3d3d3d;text-align:left;height:36px;border-bottom:1px solid #222;z-index:4;padding-left:8px;transition:color background-color .3 ease-in;display:flex;align-items:center}.menu-item:hover{color:var(--light-green);background-color:#444}@media(max-width:768px){.logo-container,.top.desktop-links{display:none}.hamburger-btn{position:relative;display:flex}.hamburger-btn:after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%);width:28px;height:5px;border-radius:3px;background-color:var(--green);box-shadow:0 -10px 0 var(--green),0 10px 0 var(--green)}.hamburger-btn.open:after,.hamburger-btn.open:before{content:"";position:absolute;box-shadow:none;width:30px;height:5px;border-radius:3px;background-color:var(--green);rotate:45deg}.hamburger-btn.open:after{left:15px;top:8px;rotate:-45deg}.hamburger-btn.open:before{left:5px;bottom:17px}.mobile-menu.open{display:flex}}