button.status{width:2rem;height:2rem;padding:0;background:transparent;border:none;cursor:pointer}button.caught{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.2.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2042.1%2042.1'%20style='enable-background:new%200%200%2042.1%2042.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFDFD;}%20.st1{fill:%233F3F3F;stroke:%233F3F3F;}%20.st2{fill:%23D05564;stroke:%233F3F3F;}%20.st3{fill:%23FFFDFD;stroke:%233F3F3F;}%20%3c/style%3e%3cg%20id='caught_status'%20transform='translate(1.71%201.709)'%3e%3cg%20id='Path_14'%20transform='translate(1.29%201.29)'%3e%3cpath%20class='st0'%20d='M18,37.6c-2.6,0-5.2-0.5-7.6-1.5c-2.3-1-4.4-2.4-6.2-4.2C2.4,30.1,1,28,0,25.6c-1-2.4-1.5-5-1.5-7.6%20S-1,12.8,0,10.4C1,8.1,2.4,6,4.2,4.2C6,2.4,8.1,1,10.4,0c2.4-1,5-1.5,7.6-1.5S23.2-1,25.6,0c2.3,1,4.4,2.4,6.2,4.2%20c1.8,1.8,3.2,3.9,4.2,6.2c1,2.4,1.5,5,1.5,7.6s-0.5,5.2-1.5,7.6c-1,2.3-2.4,4.4-4.2,6.2c-1.8,1.8-3.9,3.2-6.2,4.2%20C23.2,37.1,20.7,37.6,18,37.6z'/%3e%3c/g%3e%3cpath%20id='Path_9'%20class='st1'%20d='M19.3,38.7C8.7,38.7,0,30,0,19.3S8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.6,30,30,38.6,19.3,38.7z%20M19.3,2.6c-9.2,0-16.7,7.5-16.7,16.7s7.5,16.7,16.7,16.7s16.7-7.5,16.7-16.7l0,0C36.1,10.1,28.6,2.6,19.3,2.6z'/%3e%3cpath%20id='Path_11'%20class='st2'%20d='M19.3,1.3c-10,0-18,8.1-18,18l0,0h36.1C37.4,9.4,29.3,1.3,19.3,1.3L19.3,1.3L19.3,1.3z'/%3e%3cpath%20id='Path_12'%20class='st1'%20d='M38.7,20.6H0v-1.3C0,8.7,8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.7,19.3,38.7,20.6,38.7,20.6z%20M2.6,18H36c-0.7-9.2-8.8-16.1-18-15.4C9.8,3.3,3.3,9.8,2.6,18z'/%3e%3cpath%20id='Path_15'%20class='st3'%20d='M19.3,14.4c2.7,0,4.9,2.2,4.9,4.9s-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9c0,0,0,0,0,0%20C14.4,16.6,16.6,14.4,19.3,14.4z'/%3e%3cpath%20id='Path_13'%20class='st1'%20d='M19.3,25.6c-3.4,0-6.2-2.8-6.2-6.2s2.8-6.2,6.2-6.2c3.4,0,6.2,2.8,6.2,6.2%20C25.6,22.8,22.8,25.6,19.3,25.6z%20M19.3,15.7c-2,0-3.6,1.6-3.6,3.6c0,2,1.6,3.6,3.6,3.6c2,0,3.6-1.6,3.6-3.6%20C23,17.3,21.3,15.7,19.3,15.7z'/%3e%3c/g%3e%3c/svg%3e");transition:transform .3s}button.caught:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.2.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2042.1%2042.1'%20style='enable-background:new%200%200%2042.1%2042.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFDFD;}%20.st1{fill:%23B9C94E;}%20.st2{fill:%233F3F3F;stroke:%233F3F3F;}%20.st3{fill:%23D05564;stroke:%233F3F3F;}%20.st4{fill:%23FFFDFD;stroke:%233F3F3F;}%20%3c/style%3e%3cg%20id='caught_status'%20transform='translate(1.71%201.709)'%3e%3cg%20id='Path_14'%20transform='translate(1.29%201.29)'%3e%3cpath%20class='st0'%20d='M18,37.6c-2.6,0-5.2-0.5-7.6-1.5c-2.3-1-4.4-2.4-6.2-4.2C2.4,30.1,1,28,0,25.6c-1-2.4-1.5-5-1.5-7.6%20S-1,12.8,0,10.4C1,8.1,2.4,6,4.2,4.2C6,2.4,8.1,1,10.4,0c2.4-1,5-1.5,7.6-1.5S23.2-1,25.6,0c2.3,1,4.4,2.4,6.2,4.2%20c1.8,1.8,3.2,3.9,4.2,6.2c1,2.4,1.5,5,1.5,7.6s-0.5,5.2-1.5,7.6c-1,2.3-2.4,4.4-4.2,6.2c-1.8,1.8-3.9,3.2-6.2,4.2%20C23.2,37.1,20.7,37.6,18,37.6z'/%3e%3cpath%20class='st1'%20d='M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S28,0,18,0%20M18-3c2.8,0,5.6,0.6,8.2,1.7%20c2.5,1.1,4.8,2.6,6.7,4.5s3.4,4.2,4.5,6.7c1.1,2.6,1.7,5.4,1.7,8.2s-0.6,5.6-1.7,8.2c-1.1,2.5-2.6,4.8-4.5,6.7s-4.2,3.4-6.7,4.5%20c-2.6,1.1-5.4,1.7-8.2,1.7s-5.6-0.6-8.2-1.7c-2.5-1.1-4.8-2.6-6.7-4.5s-3.4-4.2-4.5-6.7C-2.4,23.6-3,20.9-3,18s0.6-5.6,1.7-8.2%20c1.1-2.5,2.6-4.8,4.5-6.7s4.2-3.4,6.7-4.5C12.4-2.4,15.2-3,18-3z'/%3e%3c/g%3e%3cpath%20id='Path_9'%20class='st2'%20d='M19.3,38.7C8.7,38.7,0,30,0,19.3S8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.6,30,30,38.6,19.3,38.7z%20M19.3,2.6c-9.2,0-16.7,7.5-16.7,16.7s7.5,16.7,16.7,16.7s16.7-7.5,16.7-16.7l0,0C36.1,10.1,28.6,2.6,19.3,2.6z'/%3e%3cpath%20id='Path_11'%20class='st3'%20d='M19.3,1.3c-10,0-18,8.1-18,18l0,0h36.1C37.4,9.4,29.3,1.3,19.3,1.3L19.3,1.3L19.3,1.3z'/%3e%3cpath%20id='Path_12'%20class='st2'%20d='M38.7,20.6H0v-1.3C0,8.7,8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.7,19.3,38.7,20.6,38.7,20.6z%20M2.6,18H36c-0.7-9.2-8.8-16.1-18-15.4C9.8,3.3,3.3,9.8,2.6,18z'/%3e%3cpath%20id='Path_15'%20class='st4'%20d='M19.3,14.4c2.7,0,4.9,2.2,4.9,4.9s-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9c0,0,0,0,0,0%20C14.4,16.6,16.6,14.4,19.3,14.4z'/%3e%3cpath%20id='Path_13'%20class='st2'%20d='M19.3,25.6c-3.4,0-6.2-2.8-6.2-6.2s2.8-6.2,6.2-6.2c3.4,0,6.2,2.8,6.2,6.2%20C25.6,22.8,22.8,25.6,19.3,25.6z%20M19.3,15.7c-2,0-3.6,1.6-3.6,3.6c0,2,1.6,3.6,3.6,3.6c2,0,3.6-1.6,3.6-3.6%20C23,17.3,21.3,15.7,19.3,15.7z'/%3e%3c/g%3e%3c/svg%3e");transform:scale(1.1)}button.uncaught{background-image:url(/pokedex/assets/uncaught-D8g6P6LN.svg);transition:transform .3s}button.uncaught:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.2.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2042.1%2042.1'%20style='enable-background:new%200%200%2042.1%2042.1;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23D2E4E2;}%20.st1{fill:%23B9C94E;}%20.st2{fill:%233F3F3F;}%20.st3{fill:none;stroke:%233F3F3F;}%20.st4{fill:%23D2E4E2;stroke:%233F3F3F;}%20%3c/style%3e%3cg%20id='caught_status'%20transform='translate(1.71%201.709)'%3e%3cg%20id='Path_14'%20transform='translate(1.29%201.29)'%3e%3cpath%20class='st0'%20d='M18,37.6c-2.6,0-5.2-0.5-7.6-1.5c-2.3-1-4.4-2.4-6.2-4.2C2.4,30.1,1,28,0,25.6s-1.5-5-1.5-7.6S-1,12.8,0,10.4%20C1,8.1,2.4,6,4.2,4.2S8.1,1,10.4,0c2.4-1,5-1.5,7.6-1.5S23.2-1,25.6,0c2.3,1,4.4,2.4,6.2,4.2S35,8.1,36,10.4c1,2.4,1.5,5,1.5,7.6%20S37,23.2,36,25.6c-1,2.3-2.4,4.4-4.2,6.2S27.9,35,25.6,36C23.2,37.1,20.7,37.6,18,37.6z'/%3e%3cpath%20class='st1'%20d='M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S28,0,18,0%20M18-3c2.8,0,5.6,0.6,8.2,1.7%20c2.5,1.1,4.8,2.6,6.7,4.5s3.4,4.2,4.5,6.7c1.1,2.6,1.7,5.4,1.7,8.2s-0.6,5.6-1.7,8.2c-1.1,2.5-2.6,4.8-4.5,6.7s-4.2,3.4-6.7,4.5%20c-2.6,1.1-5.4,1.7-8.2,1.7s-5.6-0.6-8.2-1.7C7.3,36.4,5,34.9,3.1,33s-3.4-4.2-4.5-6.7C-2.4,23.6-3,20.9-3,18s0.6-5.6,1.7-8.2%20C-0.2,7.3,1.3,5,3.2,3.1s4.2-3.4,6.7-4.5C12.4-2.4,15.2-3,18-3z'/%3e%3c/g%3e%3cpath%20id='Path_9'%20class='st2'%20d='M19.3,38.7C8.7,38.7,0,30,0,19.3S8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.6,30,30,38.6,19.3,38.7z%20M19.3,2.6c-9.2,0-16.7,7.5-16.7,16.7S10.1,36,19.3,36S36,28.5,36,19.3l0,0C36.1,10.1,28.6,2.6,19.3,2.6z'/%3e%3cpath%20id='Path_11'%20class='st3'%20d='M19.3,1.3c-10,0-18,8.1-18,18l0,0h36.1C37.4,9.4,29.3,1.3,19.3,1.3L19.3,1.3L19.3,1.3z'/%3e%3cpath%20id='Path_12'%20class='st2'%20d='M38.7,20.6H0v-1.3C0,8.7,8.7,0,19.3,0s19.3,8.7,19.3,19.3C38.7,19.3,38.7,20.6,38.7,20.6z%20M2.6,18H36C35.3,8.8,27.2,1.9,18,2.6C9.8,3.3,3.3,9.8,2.6,18z'/%3e%3cpath%20id='Path_15'%20class='st4'%20d='M19.3,14.4c2.7,0,4.9,2.2,4.9,4.9s-2.2,4.9-4.9,4.9s-4.9-2.2-4.9-4.9l0,0%20C14.4,16.6,16.6,14.4,19.3,14.4z'/%3e%3cpath%20id='Path_13'%20class='st2'%20d='M19.3,25.6c-3.4,0-6.2-2.8-6.2-6.2s2.8-6.2,6.2-6.2s6.2,2.8,6.2,6.2%20C25.6,22.8,22.8,25.6,19.3,25.6z%20M19.3,15.7c-2,0-3.6,1.6-3.6,3.6s1.6,3.6,3.6,3.6s3.6-1.6,3.6-3.6C23,17.3,21.3,15.7,19.3,15.7z'%20/%3e%3c/g%3e%3c/svg%3e");transform:scale(1.1)}article.card{height:fit-content;width:fit-content;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;padding:0}.status{z-index:1;grid-row:1 / span 1;grid-column:1 / span 1}.cardContent{display:flex;flex-direction:column-reverse;grid-row:1 / span 2;grid-column:1 / span 2;background:transparent;border:none;text-decoration:none;cursor:pointer;padding:1rem 2rem;width:100%;height:100%}.cardTitle{text-align:center}.cardContent img{width:100%;height:100%;object-fit:contain}#pokemonGallery{display:grid;gap:1rem;width:fit-content;padding:0}#pokemonGallery .card{overflow:hidden}#pokemonGallery .card:hover{border:1px solid var(--colour-highlight)}#pokemonGallery .cardContent{transition:transform .3s}#pokemonGallery .cardContent:hover{transform:scale(105%);border:1px solid var(--colour-highlight)}#pokemonGallery .card .status{position:relative;top:1rem;left:1rem}#pokemonGallery ul li{list-style:none}.pokeInfo h2{text-align:center}.pokeInfo .card{border-bottom:2px solid var(--colour-primary);padding:0 0 1rem;display:grid;grid-template-columns:75% 25%;width:100%}.pokeInfo .card img{max-height:12rem;grid-column:1 / span 2;grid-row:1 / span 2;margin-left:auto;margin-right:auto}.pokeInfo .card h2{grid-column:1 / span 2;grid-row:3 / span 1}.pokeInfo .card button{grid-column:2 / span 1;grid-row:1 / span 1}.details{width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.details .detailsSidebar{display:flex;flex-direction:column}.types,.characteristics{display:grid;gap:.5rem;margin-bottom:.5rem}.type{padding:.25rem;width:fit-content;border-radius:.25rem}.characteristics li{text-wrap:nowrap}.characteristics .charName{width:4.5rem;display:inline-block}.stats{display:grid;gap:.5rem;flex-grow:1;padding-right:1rem}.stats li{display:flex;align-items:flex-start}.stats .statName{text-transform:capitalize;width:7rem;display:inline-block;text-wrap:wrap}.stats .statVal{flex-grow:1;background:none;border:1px solid var(--colour-primary);border-radius:.25rem}meter::-webkit-meter-optimum-value{background:var(--colour-primary)}meter::-moz-meter-bar{background:var(--colour-primary)}@media only screen and (min-width: 450px){.pokeInfo{width:100%;max-width:22rem}.details{flex-direction:row-reverse}}.normal{border:1px solid rgb(168,167,122);background-color:#a8a77a40}.fire{border:1px solid rgb(238,129,48);background-color:#ee813040}.water{border:1px solid rgb(99,144,240);background-color:#6390f040}.electric{border:1px solid rgb(247,208,44);background-color:#f7d02c40}.grass{border:1px solid rgb(122,199,76);background-color:#7ac74c40}.ice{border:1px solid rgb(92,150,148);background-color:#96d9d640}.fighting{border:1px solid rgb(194,46,40);background-color:#c22e2840}.poison{border:1px solid rgb(163,62,161);background-color:#a33ea140}.ground{border:1px solid rgb(226,184,101);background-color:#e2b86540}.flying{border:1px solid rgb(169,143,243);background-color:#a98ff340}.psychic{border:1px solid rgb(249,85,135);background-color:#f9558740}.bug{border:1px solid rgb(166,185,26);background-color:#a6b91a40}.rock{border:1px solid rgb(182,161,54);background-color:#b6a13640}.ghost{border:1px solid rgb(115,87,151);background-color:#73579740}.dragon{border:1px solid rgb(111,53,252);background-color:#6f35fc40}.dark{border:1px solid rgb(112,87,70);background-color:#70574640}.steel{border:1px solid rgb(183,183,206);background-color:#b7b7ce40}.fairy{border:1px solid rgb(214,133,173);background-color:#d685ad40}#caughtList details{padding:0}#caughtList summary{font-size:1.5rem;cursor:pointer}#caughtList summary h2{display:inline}#caughtList ul{padding:0 1rem 1rem}#caughtList li{display:flex;flex-direction:row-reverse;align-items:center;margin:0;justify-content:flex-end}#caughtList p{margin:0;text-transform:capitalize}img.sprite{width:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--colour-primary: #7DB5B1;--colour-primary-trans: rgba(125, 181, 177, .15);--colour-secondary: rgba(210, 228, 226,.9);--colour-tertiary: rgb(201, 222, 220);--colour-overlay: rgba(190, 216, 213, .9);--colour-dark: #0D0D0D;--colour-highlight: rgb(185, 201, 78);--colour-glow: rgba(185, 201, 78, .5)}*{box-sizing:border-box}html{font-size:16px;scrollbar-color:var(--colour-primary) var(--colour-secondary);scrollbar-width:thin}body{background-color:var(--colour-secondary);color:var(--colour-dark);font-family:Genos,sans-serif}h1{font-size:3rem;margin-top:2rem}h2,h3{font-size:2rem;text-transform:capitalize}p{font-size:2rem}a{text-decoration:none;color:var(--colour-dark)}button{font-family:Genos,sans-serif;font-size:1.5rem}.container{padding:1rem;background-color:var(--colour-primary-trans);border:1px solid var(--colour-primary);border-radius:.5rem}.interactive{cursor:pointer}.interactive:hover{border-color:var(--colour-highlight)!important;box-shadow:inset 0 0 1.25rem var(--colour-glow)}#siteContainer{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto}#siteHeader{position:sticky;top:0;width:100%;z-index:2;padding-bottom:1rem;text-align:center;background-color:var(--colour-tertiary)}#homeContent{display:grid;grid-template-columns:1fr}#sidebar,#mainContent{display:flex;flex-direction:column;justify-content:flex-start}#mainContent{margin:1rem 1rem 1rem 0}#sidebar{position:sticky;top:5rem;z-index:2;padding:1rem 1rem 1rem 0;background-color:var(--colour-tertiary)}#caughtList{min-width:17rem;z-index:2;background-color:var(--colour-tertiary)}#caughtList ul{display:grid;grid-template-columns:1fr;height:25rem;overflow-y:scroll;overflow-x:hidden;scrollbar-color:var(--colour-primary) var(--colour-secondary);scrollbar-width:thin}#pokeInfo{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:absolute;left:-50rem;z-index:3}#pokeInfo .pokeInfo{position:relative;top:2rem;width:auto;max-width:22rem;display:flex;flex-direction:column;align-items:center;background-color:var(--colour-overlay)}#pokeInfo.view{width:100%;height:100dvh;left:0;top:0;background-color:var(--colour-tertiary)}button#closePokeInfo{position:relative;margin-left:.5rem;background-color:var(--colour-overlay)}button#loadMore{margin:1rem 0}@media only screen and (max-width: 400px){#pokemonGallery{grid-template-columns:1fr}}@media only screen and (min-width: 400px){h3,p{font-size:1.5rem}#pokemonGallery{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 600px){#pokemonGallery{grid-template-columns:1fr 1fr 1fr}#caughtList ul{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 800px){#pokemonGallery{grid-template-columns:1fr 1fr 1fr 1fr}#caughtList ul{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width: 1100px){h2{font-size:1.5rem}h3,p{font-size:1.25rem}#homeContent{grid-template-areas:"main side";grid-template-columns:70% 30%}#homeContent #mainContent{grid-area:main}#homeContent #sidebar{grid-area:side}#sidebar{padding:0}#caughtList{position:fixed;top:8rem;width:22rem;z-index:3}#caughtList ul{grid-template-columns:1fr;height:29rem}#pokeInfo,#pokeInfo.view{display:grid;position:fixed;top:13rem;left:auto;width:22rem;height:auto;z-index:2}#pokeInfo .pokeInfo{position:static;top:auto}button#closePokeInfo{display:none}}