:root{--background:#f5f5f7;--surface:#fff;--surface-hover:#eeeef2;--accent:#e5323b;--toa:#fff;--text:#131316;--muted:#80808b;--line-1:#e6e6ea;--line-2:#bfbfc9}html[data-theme=dark]{--background:#0c0c0e;--surface:#151518;--surface-hover:#212126;--accent:#ff4a52;--text:#f4f4f6;--muted:#8c8c96;--line-1:#25252a;--line-2:#4a4a54}:root{--type-normal:#a8a77a;--type-fire:#ee8130;--type-water:#6390f0;--type-electric:#f7d02c;--type-grass:#7ac74c;--type-ice:#96d9d6;--type-fighting:#c22e28;--type-poison:#a33ea1;--type-ground:#e2bf65;--type-flying:#a98ff3;--type-psychic:#f95587;--type-bug:#a6b91a;--type-rock:#b6a136;--type-ghost:#735797;--type-dragon:#6f35fc;--type-dark:#705746;--type-steel:#b7b7ce;--type-fairy:#d685ad;--page-padding:12rem}@media screen and (width<=1400px){:root{--page-padding:8rem}}@media screen and (width<=1200px){:root{--page-padding:6rem}}@media screen and (width<=992px){:root{--page-padding:3rem}}@media screen and (width<=768px){:root{--page-padding:2rem}}@media screen and (width<=576px){:root{--page-padding:1.5rem}}@media screen and (width<=400px){:root{--page-padding:1rem}}@media screen and (width<=320px){:root{--page-padding:.5rem}}.card{background-color:var(--surface);border:1px solid var(--line-1);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem;transition:border-color .3s;display:flex}.card:not(.card--loading):hover{border-color:currentColor}.card:not(.card--loading):hover .card__image{transform:translateY(-5%)}.card:not(.card--loading):hover .card__shadow{opacity:.2;transform:translate(-50%)scale(.8)}.card__frame{aspect-ratio:1;background:radial-gradient(55% 50% at 50% 45%, color-mix(in srgb, currentColor 10%, transparent), transparent 100%), linear-gradient(180deg, color-mix(in srgb, currentColor 5%, var(--background)), color-mix(in srgb, currentColor 15%, var(--background)));border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative}.card__shadow{background:radial-gradient(closest-side, color-mix(in srgb, currentColor 55%, #000), transparent);opacity:.45;filter:blur(5px);border-radius:50%;width:60%;height:10%;transition:transform .3s,opacity .3s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}[data-theme=dark] .card__shadow{opacity:.75;background:radial-gradient(closest-side,#000,#0000)}[data-theme=dark] .card:not(.card--active):hover .card__shadow{opacity:.4}.card__image{--image-size:75%;z-index:10;width:var(--image-size);aspect-ratio:1;transform-origin:bottom;transition:transform .3s;position:relative}.card__header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.card__id{color:var(--muted);font-size:.75rem;font-weight:600}.card__gen{--gen-size:1.25rem;background-color:var(--surface);color:var(--muted);height:var(--gen-size);border-radius:.5rem;justify-content:center;align-items:center;padding-inline:.5rem;font-size:.75rem;font-weight:600;display:flex}.card__name{color:var(--text);font-family:Sora;font-size:1rem;font-weight:700}.card__tags{gap:.375rem;margin-top:auto;display:flex}.chip{--chip-height:2.25rem;background-color:var(--surface);border:1px solid var(--line-1);height:var(--chip-height);min-width:var(--chip-height);border-radius:var(--chip-height);flex:none;justify-content:center;align-items:center;padding-inline:.875rem;display:flex}.chip:not(.chip--active):hover{border-color:var(--line-2)}.chip--active{background-color:var(--accent);border-color:#0000}.chip--active .chip__text{color:var(--toa);font-weight:500}.chip__text{color:var(--muted);font-size:.875rem;font-weight:400}.dropdown{--dropdown-height:2.75rem;background-color:var(--surface);border:1px solid var(--line-1);height:var(--dropdown-height);border-radius:var(--dropdown-height);align-items:center;gap:.5rem;padding-inline:1rem;display:flex;position:relative}.dropdown:not(.dropdown--active):hover{border-color:var(--line-2)}.dropdown--active{border-color:var(--accent)}.dropdown--active>.tabler-icon{rotate:180deg;color:var(--accent)!important}.dropdown__label{color:var(--muted);font-size:.875rem;font-weight:400}.dropdown__value{color:var(--text);font-size:.875rem;font-weight:500}.dropdown>.tabler-icon{--icon-size:1rem;height:var(--icon-size);width:var(--icon-size);color:var(--muted)}.filter{align-items:center;gap:1rem;display:flex}.filter__text{min-width:5.5rem;color:var(--muted);font-size:.875rem;font-weight:500}.filter__chips{gap:.5rem;width:100%;display:flex;overflow-x:auto}.filter__chips::-webkit-scrollbar{height:0}@media screen and (width<=768px){.filter{flex-direction:column;align-items:flex-start;gap:.75rem}}.page-button{--button-size:2.5rem;--transition-duration:.3s;height:var(--button-size);width:var(--button-size);transition:background-color var(--transition-duration) ease;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.page-button:hover:not(.page-button--active,.page-button:disabled){background-color:color-mix(in srgb, var(--text) 5%, transparent)}.page-button:hover:not(.page-button--active,.page-button:disabled) .page-button__content{color:var(--text)}.page-button:disabled{cursor:default}.page-button__content:not(.page-button__content:has(svg.tabler-icon)){transform:translateY(1px)}.page-button__content{color:var(--muted);transition:color var(--transition-duration) ease;font-family:Sora;font-size:1rem;font-weight:500}.page-button__content svg.tabler-icon{--icon-relation:1.5;height:calc(var(--button-size) / var(--icon-relation));width:calc(var(--button-size) / var(--icon-relation))}.page-button--active{background-color:var(--accent)}.page-button--active .page-button__content{color:var(--toa)}.page-button--separator{width:calc(var(--button-size) / 2);border-radius:0}.popup{--popup-min-width:12.5rem;background-color:var(--surface);border:1px solid var(--line-1);z-index:100;min-width:var(--popup-min-width);border-radius:1.25rem;flex-direction:column;padding:.5rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0}.popup__option{--option-height:2.75rem;height:var(--option-height);color:var(--muted);border-radius:.75rem;justify-content:space-between;align-items:center;padding-inline:.75rem;font-size:.875rem;display:flex}.popup__option:hover{background-color:var(--surface-hover)}.popup__option--active{color:var(--text);font-weight:500}.popup__option .tabler-icon{color:var(--accent)}.search-bar{--search-bar-height:3.75rem;--search-bar-padding:.5rem;background-color:var(--surface);border:1px solid var(--line-1);cursor:text;align-items:center;gap:var(--search-bar-padding);padding-inline:var(--search-bar-padding);height:var(--search-bar-height);border-radius:calc(var(--search-bar-height) / 2);width:100%;max-width:40rem;display:flex}.search-bar:hover{border-color:var(--line-2)}.search-bar__search-icon:has(+.search-bar__input:focus){color:var(--text)}.search-bar:has(.search-bar__input:focus){border-color:#0000;border-color:var(--accent)}.search-bar__search-icon{margin-inline:calc(var(--search-bar-padding) * 2) var(--search-bar-padding)}.search-bar__input{color:var(--text);cursor:inherit;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;flex:auto;min-width:0;overflow:hidden}.search-bar__input::placeholder{color:var(--muted)}.search-bar__clear{--button-height:calc(var(--search-bar-height) - 2 * var(--search-bar-padding));height:var(--button-height);width:var(--button-height);background-color:var(--background);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.search-bar__clear:hover svg.tabler-icon{color:var(--text)}.search-bar svg.tabler-icon{--icon-size:calc(var(--search-bar-height) - 5 * var(--search-bar-padding));height:var(--icon-size);width:var(--icon-size);color:var(--muted)}.tag{--tag-height:1.5rem;height:var(--tag-height);color:var(--text);background-color:color-mix(in srgb, currentColor 15%, transparent);border-radius:var(--tag-height);justify-content:center;align-items:center;padding-inline:.625rem;font-size:.75rem;font-weight:500;display:flex}.theme-button{background-color:var(--surface);border:1px solid var(--line-1);--button-size:2.5rem;height:var(--button-size);width:var(--button-size);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-button:hover{border:1px solid var(--line-2)}.theme-button .tabler-icon{--icon-size:1.375rem;height:var(--icon-size);width:var(--icon-size)}.controls{justify-content:space-between;align-items:center;display:flex}.controls__label{font-size:1rem;font-weight:600}.grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media screen and (width<=1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media screen and (width<=992px){.grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=672px){.grid{grid-template-columns:repeat(2,1fr)}}.header{justify-content:space-between;align-items:center;height:5rem;display:flex}.header__brand{align-items:center;gap:.5rem;display:flex}.header__logo{height:1.75rem}.header__name{font-family:Sora;font-size:1.5rem;font-weight:800}.hero{flex-direction:column;gap:1rem;padding-block:.5rem;display:flex}.hero__title{color:var(--text);max-width:12ch;font-family:Sora;font-size:4.5rem;font-weight:800}.hero__description{color:var(--muted);max-width:40ch;font-family:Inter;font-size:1.25rem;font-weight:400;line-height:1.25}@media screen and (width<=768px){.hero__title{font-size:3.75rem}}@media screen and (width<=576px){.hero__title{font-size:3rem}.hero__description{font-size:1rem}}@media screen and (width<=320px){.hero__title{font-size:2.5rem}.hero__description{font-size:.875rem}}.pagination{align-self:center;align-items:center;gap:.5rem;display:flex}.toolbar{flex-direction:column;gap:1rem;display:flex}.toolbar .search-bar{margin-bottom:1rem}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding-bottom:4rem;font-family:Inter;font-size:1rem;font-weight:400}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}h1,h2,h3,h4,h5,h6,p,a,span,strong{text-wrap:pretty;margin:0;line-height:1}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{background:0 0;border:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}img{width:auto;height:auto}figure{margin:0}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent;cursor:pointer}button,input{outline:none}#root{padding-inline:var(--page-padding);flex-direction:column;gap:2rem;min-height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:.75rem;height:.75rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text) 16%, transparent);background-clip:padding-box;border:.25rem solid #0000;border-radius:.75rem}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text) 32%, transparent)}::-webkit-scrollbar-thumb:active{background-color:var(--accent)}::selection{background-color:color-mix(in srgb, var(--accent) 25%, transparent)}@font-face{font-family:Sora;src:url(/assets/Sora-DjwauEhn.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-FIwubZjA.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.tabler-icon{--icon-size:1rem;height:var(--icon-size);width:var(--icon-size);stroke-width:1.5px}