:root{--so-color-bg:#fffaf7;--so-color-surface:#fff;--so-color-ink:#141618;--so-color-ink-muted:#5c5a5f;--so-color-accent:#cc1f26;--so-color-accent-ink:#fff;--so-color-border:#e3d9d6;--so-font-display:"Arial Black", "Avenir Next Heavy", Impact, sans-serif;--so-font-body:"Trebuchet MS", "Segoe UI", Tahoma, sans-serif;--so-font-mono:ui-monospace, Menlo, Consolas, monospace;--so-radius:999px;--so-space:16px;--so-link-style:arrow;--so-card-style:flat;--so-form-style:filled;--so-space-xs:calc(var(--so-space) * .5);--so-space-sm:calc(var(--so-space) * 1);--so-space-md:calc(var(--so-space) * 2);--so-space-lg:calc(var(--so-space) * 3);--so-space-xl:calc(var(--so-space) * 6);--so-radius-sm:calc(var(--so-radius) * .5);--so-radius-md:calc(var(--so-radius) * 1);--so-radius-lg:calc(var(--so-radius) * 2);--so-text-xs:.75rem;--so-text-sm:.875rem;--so-text-md:1rem;--so-text-lg:1.25rem;--so-text-xl:2rem;--so-color-background:var(--so-color-bg);--so-color-primary:var(--so-color-accent);--so-color-text:var(--so-color-ink);--so-color-muted:var(--so-color-ink-muted);--so-font-sans:var(--so-font-body);--so-color-blue:#2a5bd7;--so-color-blue-ink:#fff;--so-color-blue-soft:#e4ecff;--so-color-accent-soft:#fde4e4;--so-color-outline:var(--so-color-ink);--so-color-ok-bg:#eef3fb;--so-color-hold-bg:#fff1e6;--so-color-disabled:#d9d4d2;--so-line:3px;--so-line-thin:2px;--so-shadow-hard:5px 5px 0 var(--so-color-outline);--so-shadow-hard-sm:3px 3px 0 var(--so-color-outline);--so-radius-card:calc(var(--so-space) * 1.25);--so-radius-tile:calc(var(--so-space) * .75);--so-radius-small:calc(var(--so-space) * .5);--so-text-display:clamp(1.75rem, 4vw, 2.75rem);--so-text-hero:clamp(2.6rem, 7vw, 4.6rem);--so-text-count:clamp(2rem, 5vw, 3rem);--so-text-lead:1.125rem;--so-type-normal:#a8a878;--so-type-fire:#f08030;--so-type-water:#6890f0;--so-type-grass:#78c850;--so-type-electric:#f8d030;--so-type-ice:#98d8d8;--so-type-fighting:#c03028;--so-type-poison:#a040a0;--so-type-ground:#e0c068;--so-type-flying:#a890f0;--so-type-psychic:#f85888;--so-type-bug:#a8b820;--so-type-rock:#b8a038;--so-type-ghost:#705898;--so-type-dragon:#7038f8}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{background-color:var(--so-color-background);background-image:var(--so-background-image,none);color:var(--so-color-text);font-family:var(--so-font-sans);font-size:var(--so-text-md);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;margin:0;line-height:1.45;overflow-x:hidden}a{color:var(--so-color-blue)}h1,h2,h3{font-family:var(--so-font-display)}code,pre{font-family:var(--so-font-mono)}img,svg{max-width:100%}button{font:inherit}:focus-visible{outline:var(--so-line) solid var(--so-color-blue);outline-offset:2px}@container style(--so-link-style:bold){.site-main a{font-weight:700;text-decoration:none}}@container style(--so-link-style:arrow){.site-main a.arrow-link:after{content:" →"}}@container style(--so-card-style:flat){.card-flat{border-color:#0000}}@container style(--so-card-style:raised){.card-raised{box-shadow:var(--so-shadow-hard-sm);border-color:#0000}}@container style(--so-form-style:under){.field-input{border-width:0 0 1px;border-radius:0}}@container style(--so-form-style:filled){.field-input{background-color:var(--so-color-surface);border-color:#0000}}.site-shell{flex-direction:column;min-height:100%;display:flex}.site-main{flex:1;min-height:70vh}.wrap{width:min(1200px, 100% - var(--so-space-lg));margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t-normal{--type:var(--so-type-normal)}.t-fire{--type:var(--so-type-fire)}.t-water{--type:var(--so-type-water)}.t-grass{--type:var(--so-type-grass)}.t-electric{--type:var(--so-type-electric)}.t-ice{--type:var(--so-type-ice)}.t-fighting{--type:var(--so-type-fighting)}.t-poison{--type:var(--so-type-poison)}.t-ground{--type:var(--so-type-ground)}.t-flying{--type:var(--so-type-flying)}.t-psychic{--type:var(--so-type-psychic)}.t-bug{--type:var(--so-type-bug)}.t-rock{--type:var(--so-type-rock)}.t-ghost{--type:var(--so-type-ghost)}.t-dragon{--type:var(--so-type-dragon)}.site-header{background:var(--so-color-accent);color:var(--so-color-accent-ink);border-bottom:var(--so-line) solid var(--so-color-outline)}.site-header__inner{align-items:center;gap:var(--so-space-md) var(--so-space-lg);padding-block:var(--so-space-md);flex-wrap:wrap;display:flex}.site-header__brand{align-items:center;gap:var(--so-space-sm);color:inherit;font-family:var(--so-font-display);font-size:var(--so-text-lg);letter-spacing:.02em;text-decoration:none;display:flex}.site-header__logo{flex:none;width:36px;height:36px}.site-header__nav{gap:var(--so-space-sm);flex-wrap:wrap;display:flex}.site-header__nav a{padding:calc(var(--so-space) * .4) var(--so-space-md);border:var(--so-line-thin) solid transparent;border-radius:var(--so-radius);color:inherit;font-weight:700;text-decoration:none;display:inline-block}.site-header__nav a:hover{border-color:var(--so-color-accent-ink)}.site-header__nav a.router-link-active{background:var(--so-color-accent-ink);color:var(--so-color-accent)}.site-header__nav a:focus-visible{outline-color:var(--so-color-accent-ink)}.language-switcher{align-items:center;gap:var(--so-space-sm);color:var(--so-color-accent-ink);font-size:var(--so-text-sm);margin-left:auto;display:flex}.language-switcher__select{padding:4px calc(var(--so-space) * .7);border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);color:var(--so-color-ink);font:inherit;font-weight:700}.language-switcher__select:focus-visible{outline-color:var(--so-color-accent-ink)}.art{aspect-ratio:1;background:var(--so-color-bg);border-radius:var(--so-radius-tile);place-items:center;display:grid;overflow:hidden}.art img{object-fit:contain;width:86%;height:86%}.art--small{aspect-ratio:auto;border-radius:var(--so-radius);flex:none;width:44px;height:44px}.ball{aspect-ratio:1;border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius);background:linear-gradient(to bottom, var(--type,var(--so-color-accent)) 0 46%, var(--so-color-outline) 46% 54%, var(--so-color-surface) 54%);width:58%;position:relative}.ball:after{content:"";border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);width:30%;height:30%;margin:auto;position:absolute;inset:0}.art--small .ball{border-width:var(--so-line-thin);width:70%}.art--small .ball:after{border-width:var(--so-line-thin)}.badge{border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--type,var(--so-color-border));color:var(--so-color-ink);font-size:var(--so-text-xs);padding:1px 8px;font-weight:700;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--so-space-sm);padding:var(--so-space-sm) var(--so-space-lg);border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);color:var(--so-color-ink);font-family:var(--so-font-display);font-size:var(--so-text-md);letter-spacing:.04em;box-shadow:var(--so-shadow-hard-sm);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--so-color-outline);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--so-color-outline);transform:translate(2px,2px)}.btn--accent{background:var(--so-color-accent);color:var(--so-color-accent-ink)}.btn--blue{background:var(--so-color-blue);color:var(--so-color-blue-ink)}.btn[disabled],.btn[aria-disabled=true]{background:var(--so-color-disabled);color:var(--so-color-ink-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn svg{flex:none;width:18px;height:18px}.chip{padding:5px var(--so-space-md) 5px 8px;border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);color:var(--so-color-ink);font-size:var(--so-text-sm);cursor:pointer;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.chip__dot{border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--type);width:14px;height:14px}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--so-color-ink);color:var(--so-color-accent-ink)}.chip--plain{padding-left:var(--so-space-md)}.notice{padding:var(--so-space-sm) var(--so-space-md);border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius-small);font-size:var(--so-text-sm);margin:0}.notice strong{display:block}.notice--ok{background:var(--so-color-ok-bg);border-color:var(--so-color-blue)}.notice--hold{background:var(--so-color-hold-bg);border-color:var(--so-color-accent)}.notice--error{background:var(--so-color-accent-soft);border-color:var(--so-color-accent)}.placeholder-page{max-width:40rem;padding:var(--so-space-xl) var(--so-space-lg);margin:0 auto}.site-footer{background:var(--so-color-ink);color:var(--so-color-accent-ink);border-top:var(--so-line) solid var(--so-color-accent)}.site-footer__inner{gap:var(--so-space-lg);padding-block:var(--so-space-xl) var(--so-space-lg);font-size:var(--so-text-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.site-footer h3{margin:0 0 var(--so-space-sm);font-size:var(--so-text-md);text-transform:uppercase}.site-footer ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--so-color-accent-ink)}.site-footer p{color:var(--so-color-border);margin:0}.site-footer__bottom{justify-content:space-between;gap:var(--so-space-sm);padding-block:var(--so-space-md);border-top:1px solid var(--so-color-ink-muted);color:var(--so-color-border);font-size:var(--so-text-xs);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=600px){.site-header__inner{align-items:stretch;gap:var(--so-space-sm);flex-direction:column}.site-header__brand{font-size:var(--so-text-lead)}.language-switcher{justify-content:space-between;margin-left:0}.site-footer__inner{grid-template-columns:1fr}}.finder{background:var(--so-color-blue);color:var(--so-color-blue-ink);border-bottom:var(--so-line) solid var(--so-color-outline)}.finder__inner{padding-block:var(--so-space-md) calc(var(--so-space) * 1.5)}.finder__title{margin:0 0 var(--so-space-xs);font-size:var(--so-text-display);letter-spacing:.01em;text-transform:uppercase;line-height:1.05}.finder__lead{max-width:48rem;margin:0 0 calc(var(--so-space) * 1.5);font-size:var(--so-text-lead)}.finder :focus-visible{outline-color:var(--so-color-blue-ink)}.search{align-items:center;gap:var(--so-space-xs);max-width:44rem;padding:var(--so-space-xs) var(--so-space-xs) var(--so-space-xs) calc(var(--so-space) * 1.5);border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);color:var(--so-color-ink);display:flex}.search:focus-within{outline:var(--so-line) solid var(--so-color-blue-ink);outline-offset:2px}.search__icon{flex:none;width:24px;height:24px}.search__input{min-width:0;color:inherit;font:inherit;font-size:var(--so-text-lead);background:0 0;border:0;outline:0;flex:1}.search__input::placeholder{color:var(--so-color-ink-muted)}.search__clear{padding:4px var(--so-space-sm);border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-bg);color:var(--so-color-ink);font-size:var(--so-text-sm);cursor:pointer;flex:none;font-weight:700}.finder__chips{gap:var(--so-space-xs);margin-top:calc(var(--so-space) * 1.5);flex-wrap:wrap;display:flex}.finder__count{align-items:center;gap:var(--so-space-xs) var(--so-space-sm);margin:calc(var(--so-space) * 1.5) 0 0;font-size:var(--so-text-sm);flex-wrap:wrap;display:flex}.finder__count strong{font-family:var(--so-font-display);font-size:var(--so-text-lg)}.popular{padding-block:calc(var(--so-space) * 1.5);border-bottom:var(--so-line-thin) dashed var(--so-color-border)}.popular__head{justify-content:space-between;align-items:baseline;gap:var(--so-space-xs);margin-bottom:var(--so-space-sm);flex-wrap:wrap;display:flex}.popular__title{font-size:var(--so-text-lg);text-transform:uppercase;margin:0}.popular__now{color:var(--so-color-accent)}.popular__link{font-weight:700;text-decoration:none}.popular__link:hover{text-decoration:underline}.popular__grid{gap:var(--so-space-sm);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.popular__empty{color:var(--so-color-ink-muted);margin:0}.pop{align-items:center;gap:var(--so-space-xs);padding:6px var(--so-space-sm) 6px 6px;border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-surface);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.pop:hover{box-shadow:4px 4px 0 var(--so-color-outline);transform:translate(-2px,-2px)}.pop__rank{border:var(--so-line-thin) solid var(--so-color-outline);border-radius:var(--so-radius);background:var(--so-color-accent);width:32px;height:32px;color:var(--so-color-accent-ink);font-family:var(--so-font-display);flex:none;place-items:center;display:grid}.pop__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.pop__name{font-size:var(--so-text-md)}.pop__meta{color:var(--so-color-ink-muted);font-size:var(--so-text-xs)}.pop--skeleton{min-height:calc(44px + 12px + 2 * var(--so-line))}.dex{padding-block:calc(var(--so-space) * 1.5) var(--so-space-lg)}.dex__head{justify-content:space-between;align-items:baseline;gap:var(--so-space-xs);margin-bottom:var(--so-space-sm);flex-wrap:wrap;display:flex}.dex__title{font-size:var(--so-text-lg);text-transform:uppercase;margin:0}.dex__range{color:var(--so-color-ink-muted);font-size:var(--so-text-sm)}.dex__grid{gap:var(--so-space-sm);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.dex__state,.dex__empty{font-size:var(--so-text-lead);margin:0}.card{padding:var(--so-space-xs);border:var(--so-line) solid var(--so-color-outline);border-radius:var(--so-radius-card);background:var(--so-color-surface);color:inherit;gap:4px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.card:hover{box-shadow:6px 6px 0 var(--type,var(--so-color-outline));transform:translate(-3px,-3px)}.card .art{margin-bottom:4px}.card__num{color:var(--so-color-ink-muted);font-family:var(--so-font-mono);font-size:var(--so-text-xs);letter-spacing:.06em}.card__name{font-family:var(--so-font-display);font-size:var(--so-text-md);line-height:1.15}.card__types{flex-wrap:wrap;gap:4px;display:flex}.card__votes{color:var(--so-color-accent);font-size:var(--so-text-xs);align-items:center;gap:4px;margin-top:4px;font-weight:700;display:inline-flex}.card__votes svg{flex:none;width:14px;height:14px}.card--skeleton .card__num,.card--skeleton .card__votes{min-height:calc(var(--so-text-xs) * 1.45)}.card--skeleton .card__name{min-height:calc(var(--so-text-md) * 1.15)}.card--skeleton .card__types{min-height:24px}@media (width<=600px){.search{padding-left:var(--so-space-sm)}.search__clear{display:none}.popular__grid,.dex__grid{grid-template-columns:1fr}.card{column-gap:var(--so-space-xs);grid-template-columns:72px 1fr;grid-template-areas:"art num""art name""art types""art votes";align-items:start}.card .art{grid-area:art;width:72px;margin:0}.card__num{grid-area:num}.card__name{grid-area:name}.card__types{grid-area:types}.card__votes{grid-area:votes}}