@import"https://fonts.googleapis.com/css2?family=Sometype+Mono&display=swap";#root{max-width:1280px;text-align:center;display:grid;grid-template-rows:max-content 1fr;gap:1.5rem}.fieldset{background-color:var(--white-bg-transparent);max-width:325px;height:90vh;padding:1rem;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;box-shadow:var(--border-box-shadow3)}.legend{font-size:1.25rem}.generationList{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.generationList>label{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .2s ease-in-out;padding-left:.25rem}label:hover{color:red;transform:scale(1.2)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:30px}label{width:190px;height:35px;border-radius:3px;box-shadow:var(--border-box-shadow2)}label:has(input:checked):before{content:url(/Poke_Ball.png);position:absolute}span{width:24px;height:24px}.game-container{min-width:600px;display:flex;flex-direction:column}#board,.score-container{background-color:var(--white-bg-transparent);box-shadow:var(--border-box-shadow3)}.score-container{align-self:center;padding:.5rem;display:flex}.highest-score,.current-score{font-size:1.25rem;padding:.25rem .3rem;margin:1.1rem;border-radius:2px;box-shadow:var(--border-box-shadow4)}#board{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);justify-items:center}.card-container{cursor:pointer;height:150px;width:120px;margin:1rem;transition:all .2s ease-in-out;border-radius:2px;box-shadow:var(--border-box-shadow2);display:flex;flex-direction:column;justify-content:center}.card-container:hover{transform:scale(1.1);box-shadow:var(--border-box-shadow)}.sprite{height:90px}.pokemon-name{background-color:var(--black-bg-transparent);color:#fff}.sprite>img{width:100px;position:relative;z-index:1}:modal{background-color:#fff;top:30%;left:40%;padding:1rem;border:1px solid white;border-radius:1px;box-shadow:var(--border-box-shadow3);display:flex;flex-direction:column;align-items:center;gap:.5rem}dialog::backdrop{background-color:#000000b3}dialog>button{cursor:pointer;font-family:Sometype Mono,monospace;font-size:1.25rem;border:none;border-radius:3px;box-shadow:var(--border-box-shadow2);padding:.15rem .5rem}dialog img{width:300px}main{display:flex;align-items:center;gap:1rem}footer{background-color:#1f1f1fbf;color:#fff;font-size:.75rem;align-self:flex-end;width:100%;padding:.5rem;display:flex;justify-content:center}a:link,a:visited{color:#fff;text-decoration:none}a>img{vertical-align:middle}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white-bg-transparent: rgba(255, 255, 255, .8);--black-bg-transparent: rgba(0, 0, 0, .25);--border-box-shadow: -3px 0 0 0 black, 3px 0 0 0 black, 0 -3px 0 0 black, 0 3px 0 0 black;--border-box-shadow2: -2px 0 0 0 black, 2px 0 0 0 black, 0 -2px 0 0 black, 0 2px 0 0 black;--border-box-shadow3: 5px 5px 0px 0px rgba(0, 0, 0, .4), 10px 10px 0px 0px rgba(0, 0, 0, .3), 15px 15px 0px 0px rgba(0, 0, 0, .2), 20px 20px 0px 0px rgba(0, 0, 0, .1);--border-box-shadow4: -1px 0 0 0 black, 1px 0 0 0 black, 0 -1px 0 0 black, 0 1px 0 0 black, 5px 5px 0px 0px rgba(0, 0, 0, .4), 8px 8px 0px 0px rgba(0, 0, 0, .3), 11px 11px 0px 0px rgba(0, 0, 0, .2), 15px 15px 0px 0px rgba(0, 0, 0, .1);font-family:Sometype Mono,monospace;font-size:1rem;font-weight:400}body{margin:0;display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100vh;background-color:#5d6580}