@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kumbh+Sans:wght@100..900&display=swap";:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-22: 5.5rem;--radius-xs: .5rem;--radius-sm: .75rem;--radius-md: .875rem;--radius-lg: 1rem;--radius-xl: 1.125rem;--radius-2xl: 1.25rem;--radius-pill: 9999px;--color-bg: #f6f8fc;--color-border: #ececec;--color-overlay: rgba(0, 0, 0, .55);--color-text: #111827;--color-text-muted: #6b7280;--color-text-invert: #ffffff;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .45);--bg: clamp(160px, 45vw, 500px);--bg-offset1: calc(var(--bg) * -.25);--bg-offset2: calc(var(--bg) * -.6);--bg-offset22: calc(var(--bg) * .1)}body{font-family:Kumbh Sans,Inter;background-color:var(--color-bg);background-image:url(/pokeball-bg.png),url(/pokeball-bg.png),url(/pokeball-bg.png);background-repeat:no-repeat,no-repeat,no-repeat;background-size:var(--bg) var(--bg),var(--bg) var(--bg),var(--bg) var(--bg);background-position:left var(--bg-offset1) top var(--bg-offset1),right var(--bg-offset1) bottom -1rem,right var(--bg-offset22) top var(--bg-offset2);background-attachment:fixed}button{font-family:Kumbh Sans}.clickable:hover{opacity:.8}.home{width:min(1500px,94%);margin:1.5rem auto 4rem;display:flex;flex-direction:column;gap:clamp(var(--space-3),2vw,var(--space-7))}.home__brand{margin-top:3rem;display:flex;justify-content:center;align-items:center;padding-block:clamp(var(--space-1_5),1.2vw,var(--space-3_5))}.home__brand img{width:clamp(220px,34vw,520px);height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.home__search{display:flex;align-items:center;gap:var(--space-3)}.shell{background:#fff;border:2px dashed #e3e3e3;color:#9a9a9a;border-radius:var(--radius-sm);display:grid;place-items:center;font-weight:600;font-size:clamp(.95rem,1.2vw,1.15rem)}.home__search>*{flex:1 1 auto;min-height:clamp(var(--space-16),5vw,var(--space-22))}.home__toolbar{display:flex;flex-direction:column;gap:var(--space-2_5)}.home__filterbar{display:flex;flex:1 1 auto;min-width:0}.home__filterbar>*{width:100%;min-height:clamp(3.25rem,3.5vw,var(--space-20));border-radius:var(--radius-md)}.home__sort{align-self:flex-end;flex:0 0 auto}.home__grid{display:grid;grid-template-columns:1fr;gap:clamp(var(--space-5),2.4vw,var(--space-8));margin-top:var(--space-2)}.shell--card{min-height:clamp(13.75rem,20vw,18.75rem);border-radius:var(--radius-xl)}@media (min-width: 768px){.home__toolbar{flex-direction:column;align-items:center;justify-content:space-between}.home__filterbar{flex:1 1 auto;min-width:0}.home__chips{overflow:visible;white-space:normal;flex-wrap:wrap}.home__grid{grid-template-columns:repeat(2,minmax(320px,1fr))}}@media (min-width: 1280px){.home__grid{grid-template-columns:repeat(3,minmax(380px,1fr))}}.searchbar{position:relative;width:100%}.searchbar__form{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-2);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:0 var(--space-4);min-height:clamp(var(--space-16),5vw,var(--space-22));box-shadow:var(--shadow-md)}.searchbar__input{flex:1;width:100%;border:none;outline:none;background:transparent;font-size:clamp(1rem,.9rem + .5vw,1.2rem);color:#4b5563}.searchbar__input::placeholder{color:#b9a9a9}.searchbar__list{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden;z-index:10}.searchbar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2_5) var(--space-3);background:#fff;cursor:pointer;transition:background .12s ease}.searchbar__item:hover,.searchbar__item[aria-selected=true]{background:#f8fafc}.searchbar__img{width:2.625rem;height:2.625rem;object-fit:contain;opacity:0;transition:opacity .16s ease}.searchbar__name{text-transform:capitalize;color:#111827;margin-right:var(--space-2)}.searchbar__id{margin-left:auto;font-weight:600;color:#6b7280;font-variant-numeric:tabular-nums;min-width:5ch;text-align:right}.searchbar__thumb{position:relative;width:2.625rem;height:2.625rem;flex:0 0 auto}.searchbar__placeholder{position:absolute;inset:0;border-radius:var(--radius-xs);background:#eef2f7;animation:sb-pulse 1.2s ease-in-out infinite}.searchbar__img.isLoaded{opacity:1}@keyframes sb-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.backbutton{background:#fff;font-weight:600;font-size:clamp(.95rem,1.2vw,1.15rem);padding:var(--space-1_5) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;border:none}.filterbutton{border:none;color:#000;font-weight:600;font-size:clamp(.95rem,1.2vw,1.15rem);padding:var(--space-1_5) var(--space-3);border-radius:var(--radius-pill);font-family:inherit;transition:background-color .2s ease,transform .12s ease,box-shadow .12s ease;cursor:pointer;background-color:#fff;box-shadow:0 2px 6px #00000026}.mobile-trigger{display:none}.choose-types{background-color:#fff;box-shadow:0 2px 6px #00000026}.types-row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (max-width: 640px){.types-row{display:none}.mobile-trigger{display:inline-flex;align-items:center;gap:var(--space-2)}}.types-modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);display:none;align-items:center;justify-content:center;z-index:50}.types-modal-backdrop.isOpen{display:flex}.types-modal{width:min(400px,92vw);margin-top:2rem;max-height:80vh;background:#ededed;color:var(--color-text-invert);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(var(--space-2));opacity:0;transition:opacity .16s ease,transform .16s ease}.types-modal.isOpen{transform:translateY(0);opacity:1}.types-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3_5) var(--space-4)}.types-modal__title{font-weight:700;color:#000;font-size:var(--font-size-base)}.types-modal__body{padding:0rem 2rem 3rem;overflow:auto}.types-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.types-grid .type-button{width:100%;margin:0;justify-content:center}.types-modal__footer{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);justify-content:flex-end}.icon-btn{background:transparent;border:none;color:#000;padding:var(--space-1_5) var(--space-2);cursor:pointer;border-radius:var(--radius-xs)}.icon-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.type-button.clear{background-color:transparent}.type-button.clear:hover{text-decoration:underline}.type-button.clear.isDisabled{cursor:not-allowed;text-decoration:none}body.types-modal-open{overflow:hidden}:root{--type-normal-bg: #acc4bb;--type-normal-hover: #80a195;--type-fire-bg: #eb6369;--type-fire-hover: #d15157;--type-water-bg: #19afe4;--type-water-hover: #1494c2;--type-electric-bg: #fbcd2f;--type-electric-hover: #d9ad21;--type-grass-bg: #bfc66b;--type-grass-hover: #a8af5a;--type-ice-bg: #4cd1c0;--type-ice-hover: #3fb1a3;--type-fighting-bg: #ca7d72;--type-fighting-hover: #b46a60;--type-poison-bg: #b188e1;--type-poison-hover: #976dca;--type-ground-bg: #c8b686;--type-ground-hover: #ac9c70;--type-flying-bg: #89aae3;--type-flying-hover: #6f90c6;--type-psychic-bg: #aa7aab;--type-psychic-hover: #916693;--type-bug-bg: #83c300;--type-bug-hover: #6fa600;--type-rock-bg: #e87236;--type-rock-hover: #c85d28;--type-ghost-bg: #8795b7;--type-ghost-hover: #6f7c9b;--type-dragon-bg: #bca55a;--type-dragon-hover: #9e8a4a;--type-dark-bg: #6a7193;--type-dark-hover: #565d7f;--type-steel-bg: #8f9194;--type-steel-hover: #787a7c;--type-fairy-bg: #e689c3;--type-fairy-hover: #c86ea9;--type-stellar-bg: #5b8cff;--type-stellar-hover: #4074f5;--type-unknown-bg: #a0a0a0;--type-unknown-hover: #878787}.type-normal{background-color:var(--type-normal-bg)}.type-normal:hover{background-color:var(--type-normal-hover)}.type-fire{background-color:var(--type-fire-bg)}.type-fire:hover{background-color:var(--type-fire-hover)}.type-water{background-color:var(--type-water-bg)}.type-water:hover{background-color:var(--type-water-hover)}.type-electric{background-color:var(--type-electric-bg)}.type-electric:hover{background-color:var(--type-electric-hover)}.type-grass{background-color:var(--type-grass-bg)}.type-grass:hover{background-color:var(--type-grass-hover)}.type-ice{background-color:var(--type-ice-bg)}.type-ice:hover{background-color:var(--type-ice-hover)}.type-fighting{background-color:var(--type-fighting-bg)}.type-fighting:hover{background-color:var(--type-fighting-hover)}.type-poison{background-color:var(--type-poison-bg)}.type-poison:hover{background-color:var(--type-poison-hover)}.type-ground{background-color:var(--type-ground-bg)}.type-ground:hover{background-color:var(--type-ground-hover)}.type-flying{background-color:var(--type-flying-bg)}.type-flying:hover{background-color:var(--type-flying-hover)}.type-psychic{background-color:var(--type-psychic-bg)}.type-psychic:hover{background-color:var(--type-psychic-hover)}.type-bug{background-color:var(--type-bug-bg)}.type-bug:hover{background-color:var(--type-bug-hover)}.type-rock{background-color:var(--type-rock-bg)}.type-rock:hover{background-color:var(--type-rock-hover)}.type-ghost{background-color:var(--type-ghost-bg)}.type-ghost:hover{background-color:var(--type-ghost-hover)}.type-dragon{background-color:var(--type-dragon-bg)}.type-dragon:hover{background-color:var(--type-dragon-hover)}.type-dark{background-color:var(--type-dark-bg)}.type-dark:hover{background-color:var(--type-dark-hover)}.type-steel{background-color:var(--type-steel-bg)}.type-steel:hover{background-color:var(--type-steel-hover)}.type-fairy{background-color:var(--type-fairy-bg)}.type-fairy:hover{background-color:var(--type-fairy-hover)}.type-stellar{background-color:var(--type-stellar-bg)}.type-stellar:hover{background-color:var(--type-stellar-hover)}.type-unknown{background-color:var(--type-unknown-bg)}.type-unknown:hover{background-color:var(--type-unknown-hover)}.type-button{margin:var(--space-1_5);padding:var(--space-2) var(--space-3_5);border-radius:var(--radius-pill);color:#000;font-weight:600;text-transform:capitalize;border:none;cursor:pointer;transition:background-color .2s ease,transform .12s ease,box-shadow .12s ease;transform:scale(1);line-height:1;min-height:2.25rem}.type-button.isUnselected{transition:opacity .2s ease,filter .2s ease,transform .12s ease,box-shadow .12s ease}@media (hover: hover){.type-button.isUnselected:hover{opacity:.9;filter:none}}.type-button.isUnselected:focus-visible{opacity:1;filter:none}.type-button.isSelected{opacity:1!important;filter:none!important;transform:scale(1.06);box-shadow:0 3px 10px #00000040,inset 0 0 0 3px #fff}@media (hover: hover){.type-button.isSelected:hover{transform:scale(1.08)}}.type-button:disabled{opacity:.5;pointer-events:none}.poke-card{background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;box-sizing:border-box}.poke-card__header{display:flex;align-items:center;justify-content:space-between}.poke-types{display:flex;align-items:center;flex-wrap:wrap}.heart-icon{margin-left:auto;cursor:pointer}.poke-types .type-button{pointer-events:none;opacity:1!important;filter:none!important}.poke-id{font-size:1.4375rem;font-weight:700;margin-right:var(--space-2_5)}.poke-card__body{display:flex;flex-direction:column;height:fit-content}.poke-name{font-size:var(--font-size-2xl);text-transform:capitalize;margin:0 0 0 var(--space-2_5)}.poke-card__bottom{display:flex;justify-content:space-between;align-items:flex-end}.learn-more-btn{padding:var(--space-3) var(--space-6);border:none;background-color:#ccc;border-radius:var(--radius-2xl);cursor:pointer;font-size:var(--font-size-sm);margin:var(--space-2_5)}.hearticon{cursor:pointer;transition:fill .2s ease}.hearticon:hover{fill:pink}.placeholder{background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-4);width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.shimmer{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.placeholder-type-buttons{width:60%;height:1.5rem;margin-bottom:.5rem}.placeholder-id{width:4rem;height:1.2rem}.placeholder-name{width:8rem;height:1.6rem;margin:1rem 0}.placeholder-btn{width:5rem;height:2rem;border-radius:var(--radius-2xl)}.placeholder-image{width:7rem;height:7rem;border-radius:8px}.image-wrapper{position:relative;display:inline-block;overflow:hidden}.image-wrapper .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.image.hidden{opacity:0}.image.visible{opacity:1;transition:opacity .3s ease-in-out}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#666;text-align:center;opacity:.8;border-radius:8px}#pokeInfoBox{display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-2xl);background:#fff;width:80%;padding:var(--space-4) var(--space-6);max-width:75rem}#info-wrapper{display:flex;flex-direction:column;gap:1rem}.title{font-weight:700;text-transform:capitalize;font-size:x-large}.pokemonimg{display:flex;align-items:center}#image-wrapper{display:flex;justify-content:center}#header{display:flex;flex-direction:column;margin-top:var(--space-2)}#pokemon-id{font-weight:700;margin:0}#pokemon-name{font-size:2.5rem;margin:0;text-transform:capitalize;font-family:Kumbh Sans}#titleSound{display:flex;justify-content:center;align-items:center}#sound{width:2.8rem;height:2.5rem;cursor:pointer;margin-left:auto;background:none;border:none}.sound-btn{width:2rem;height:2rem}#cardType{display:flex;justify-content:flex-start}#cardType .type-button{pointer-events:none;opacity:1!important;filter:none!important}.heartimg{width:2rem;margin-left:auto}#cardMeasure{display:flex;justify-content:space-between;width:100%}#cardMeasure p{padding:var(--space-2) var(--space-2);border-radius:var(--radius-xs);width:40%;background-color:#f8f8ff;display:flex;justify-content:space-between;align-items:center}#cardStat{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%}.stat{padding:var(--space-2) .7rem;border-radius:var(--radius-xs);display:flex;justify-content:space-between;align-items:center}.stat span:first-child{font-weight:700}.stat.hp{background-color:#df2140}.stat.attack{background-color:#ff994d}.stat.defense{background-color:#eecd3d}.stat.special-attack{background-color:#85ddff}.stat.special-defense{background-color:#96da83}.stat.speed{background-color:#fb94a8}#cardAbilities{display:flex;justify-content:space-between;width:100%;text-transform:capitalize;font-weight:700;align-items:center;gap:var(--space-4)}.ability{padding:var(--space-2) var(--space-2);border-radius:var(--radius-xs);width:40%;background-color:#f8f8ff;display:flex;justify-content:center}@media (min-width: 1024px){#pokeInfoBox{flex-direction:row;align-items:center}#image-wrapper{flex:1;justify-content:center;display:flex}#info-wrapper{flex:0 1 31.25rem;padding:var(--space-20)}}@media (min-width: 600px){#info-wrapper{flex:0 1 31.25rem;padding:var(--space-12, 3rem)}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1rem;grid-column:1 / -1}.pagination button{margin:0 var(--space-2);padding:var(--space-2) var(--space-3_5);border-radius:var(--radius-pill);color:#000;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease,transform .12s ease;transform:scale(1);line-height:1;min-height:2.25rem}.pagination button:hover{transform:scale(1.08)}.pagination button:active{transform:scale(.95)}.pagination button:disabled{cursor:not-allowed;opacity:.5;transform:scale(1)}.pagination span{margin:0 var(--space-2)}.pagination-form{display:flex;align-items:center;gap:.3rem}.page-input{width:3.5ch;text-align:center;padding:var(--space-1) var(--space-1_5);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;outline:none;transition:border-color .15s ease}.page-input:focus{border-color:#888}.no-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:var(--space-8) auto;padding:var(--space-6) var(--space-8);max-width:400px;background-color:#fef3c7;border:2px dashed #fbbf24;border-radius:var(--radius-lg);font-weight:500;font-size:var(--font-size-md);color:var(--color-text);gap:var(--space-2);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.no-favorites{grid-column:1 / -1}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);margin-top:2rem}.header_logo img{height:3rem;width:auto;object-fit:contain}#informationPage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto}#homeAndArrow{display:flex;align-items:center;width:80%;max-width:1200px;justify-content:space-between;margin-bottom:.5rem}#arrow{display:flex;gap:1rem;cursor:pointer}