:root{--bg-page:#fafafa;--bg-card:#fefefe;--text-main:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--shadow:0 1px 3px #00000014;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-main);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg-page:#0f0f10;--bg-card:#1c1c1e;--text-main:#f0f0f0;--text-muted:#9ca3af;--border:#2c2c2e;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-main);margin:0;padding:2rem 1rem}h1,h2{font-family:var(--heading);color:var(--text-main);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.card{background:var(--bg-card);border:6px solid var(--border);text-align:center;aspect-ratio:3/4;border-radius:1rem;flex-direction:column;transition:transform .15s ease-out,box-shadow .15s;display:flex;position:relative}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.card:hover:before{opacity:.35}.card:before{content:"";aspect-ratio:1;opacity:.12;pointer-events:none;background-image:url(/pokeball.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;transition:opacity .25s ease-in-out;position:absolute;top:0;left:0;right:0;transform:rotate(-20deg)}.card img{object-fit:contain;z-index:1;flex:1;width:100%;min-height:0;position:relative}.card .card-text{flex-shrink:0;margin-bottom:1rem}.card .name{margin:.25rem 0;font-weight:600}.card .number{font-family:var(--mono);color:var(--text-main);letter-spacing:.05em;background:var(--bg-page);z-index:1;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.generation h2{background:var(--bg-page);z-index:10;padding:.75rem 0;position:sticky;top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.types{justify-content:center;gap:.25rem;display:flex}.type-badge{border:1px solid var(--border);color:#fff;text-transform:capitalize;border-radius:.5rem;padding:.15rem .5rem;font-size:12px}.type-bug{background:#a6b91a}.type-dark{background:#705746}.type-dragon{background:#6f35fc}.type-electric{color:#333;background:#f7d02c}.type-fairy{background:#d685ad}.type-fighting{background:#c22e28}.type-fire{background:#ee8130}.type-flying{background:#a98ff3}.type-ghost{background:#735797}.type-grass{background:#7ac74c}.type-ground{color:#333;background:#e2bf65}.type-ice{color:#333;background:#96d9d6}.type-normal{background:#a8a77a}.type-poison{background:#a33ea1}.type-psychic{background:#fb5ca7}.type-rock{background:#b6a136}.type-steel{color:#333;background:#b7b7ce}.type-water{background:#6390f0}