:root{--so-color-bg:#e5eddb;--so-color-surface:#f6f9ef;--so-color-ink:#263c35;--so-color-ink-muted:#526650;--so-color-accent:#efc438;--so-color-accent-ink:#283524;--so-color-border:#a4b695;--so-font-display:"Courier New", Courier, monospace;--so-font-body:"Trebuchet MS", "Avenir Next", sans-serif;--so-font-mono:Consolas, Menlo, monospace;--so-radius:3px;--so-space:8px;--so-color-clear:transparent;--so-text-base:1rem;--so-text-title:clamp(2rem, 4vw, 3.25rem);--so-text-brand:1.6rem;--so-screen:color-mix(in srgb, var(--so-color-bg) 70%, var(--so-color-border));--so-rule:color-mix(in srgb, var(--so-color-border) 35%, var(--so-color-surface));--so-ghost:color-mix(in srgb, var(--so-color-border) 40%, var(--so-color-surface));--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.125rem;--so-text-xl:1.4rem;--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)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--so-color-background);background-image:var(--so-background-image,none);color:var(--so-color-ink);font:var(--so-text-base)/1.5 var(--so-font-body);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit;border:1px solid var(--so-color-ink);border-radius:var(--so-radius)}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:var(--so-color-accent);color:var(--so-color-accent-ink);min-height:44px;padding:var(--so-space) calc(var(--so-space)*2);font-weight:700}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--so-color-ink);outline-offset:4px}button:hover{box-shadow:3px 3px 0 var(--so-color-ink)}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--so-font-display);line-height:1.15}h1{font-size:var(--so-text-title);letter-spacing:-.06em}h2{font-size:var(--so-text-xl)}h3{font-size:var(--so-text-lg)}.wrap{width:min(94%,88rem);margin:auto}.skip{padding:var(--so-space);background:var(--so-color-accent);position:absolute;top:-10rem}.skip:focus{z-index:4;top:0}.site-header{border-bottom:2px solid var(--so-color-ink)}.head{align-items:center;gap:calc(var(--so-space)*5);padding:calc(var(--so-space)*3) 0;flex-wrap:wrap;display:flex}.brand{font-family:var(--so-font-display);font-weight:700;font-size:var(--so-text-brand);letter-spacing:-.06em;align-items:center;gap:calc(var(--so-space)*1.5);display:flex}.ball{border:2px solid var(--so-color-ink);background:linear-gradient(var(--so-color-accent) 0 46%,var(--so-color-ink) 46% 54%,var(--so-color-surface) 54%);border-radius:50%;width:1.6em;height:1.6em;display:inline-block;position:relative}.ball:after{content:"";border:2px solid var(--so-color-ink);background:var(--so-color-surface);border-radius:50%;position:absolute;inset:35%}.header-nav{gap:calc(var(--so-space)*3);flex-wrap:wrap;display:flex}.header-nav a{padding:var(--so-space) 0;border-bottom:3px solid var(--so-color-clear);font-weight:700}.header-nav a[aria-current]{border-color:var(--so-color-ink)}.edition{font-family:var(--so-font-mono);font-size:var(--so-text-xs);margin-left:auto}.languages{align-items:center;gap:var(--so-space);font-size:var(--so-text-xs);display:flex}.languages a{padding:var(--so-space);border:1px solid var(--so-color-border)}.languages [aria-current]{background:var(--so-color-surface);font-weight:700}.pokedex{padding:calc(var(--so-space)*5) 0}.opening{justify-content:space-between;align-items:end;gap:calc(var(--so-space)*3);margin-bottom:calc(var(--so-space)*3);display:flex}.eyebrow{font-family:var(--so-font-mono);font-size:var(--so-text-xs);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--so-space)}.intro{margin-top:calc(var(--so-space)*1.5);color:var(--so-color-ink-muted);max-width:44rem}.readout{border:1px solid var(--so-color-ink);padding:calc(var(--so-space)*1.5);font-family:var(--so-font-mono);white-space:nowrap;background:var(--so-color-surface)}.readout strong{font-size:var(--so-text-xl)}.layout{gap:calc(var(--so-space)*3);grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);align-items:start;display:grid}.catalogue{min-width:0}.controls{background:var(--so-color-surface);border:2px solid var(--so-color-ink);padding:calc(var(--so-space)*2)}.searchrow{gap:calc(var(--so-space)*1.5);grid-template-columns:minmax(0,1fr) minmax(9rem,.45fr) auto;align-items:end;display:grid}label{font-weight:700;font-size:var(--so-text-sm);margin-bottom:calc(var(--so-space)*.5);display:block}input,select{width:100%;min-height:46px;padding:var(--so-space) calc(var(--so-space)*1.5);background:var(--so-color-surface)}input::placeholder{color:var(--so-color-ink-muted)}.quick{align-items:center;gap:var(--so-space);margin-top:calc(var(--so-space)*1.5);font-size:var(--so-text-xs);flex-wrap:wrap;display:flex}.quick button{background:var(--so-color-bg);min-height:36px;padding:calc(var(--so-space)*.5) var(--so-space);font-weight:400}.results{justify-content:space-between;gap:var(--so-space);padding:calc(var(--so-space)*2) 0;font-size:var(--so-text-sm);flex-wrap:wrap;display:flex}.results span{font-family:var(--so-font-mono);font-size:var(--so-text-xs)}.pokemon-grid{border-top:1px solid var(--so-color-ink);border-left:1px solid var(--so-color-ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.pokemon-card{background:var(--so-color-surface);border-right:1px solid var(--so-color-ink);border-bottom:1px solid var(--so-color-ink);padding:calc(var(--so-space)*2);min-width:0}.card-top{font-family:var(--so-font-mono);font-size:var(--so-text-xs);justify-content:space-between;align-items:center;display:flex}.art{background:repeating-linear-gradient(0deg,var(--so-color-clear),var(--so-color-clear) 3px,var(--so-rule) 3px,var(--so-rule) 4px),var(--so-color-bg);margin:var(--so-space) 0 calc(var(--so-space)*1.5);border:1px solid var(--so-color-border);place-items:center;height:10rem;display:grid}.types{gap:calc(var(--so-space)*.5);margin:var(--so-space) 0 calc(var(--so-space)*2);flex-wrap:wrap;display:flex}.type{font:var(--so-text-xs)/1.5 var(--so-font-mono);border:1px solid var(--so-color-border);padding:0 calc(var(--so-space)*.75);background:var(--so-color-bg)}.aside{border:2px solid var(--so-color-ink);background:var(--so-color-surface)}.panel-head{background:var(--so-color-ink);color:var(--so-color-surface);padding:calc(var(--so-space)*2)}.panel-head .eyebrow{color:var(--so-color-bg)}.aside section{padding:calc(var(--so-space)*2)}.aside .sub{font-size:var(--so-text-sm);color:var(--so-color-ink-muted);margin:var(--so-space) 0 calc(var(--so-space)*2)}.leader{padding:calc(var(--so-space)*1.5) 0;border-top:1px solid var(--so-color-border)}.leader-line{justify-content:space-between;gap:var(--so-space);font-size:var(--so-text-sm);display:flex}.leader-line strong{font-family:var(--so-font-display)}.rank{margin-right:var(--so-space);font-family:var(--so-font-mono);display:inline-block}.bar{height:var(--so-space);margin-top:var(--so-space);background:var(--so-color-bg)}.bar i{background:var(--so-color-ink);height:100%;display:block}.leader:first-of-type .bar i{background:var(--so-color-accent)}.aside-link{padding:calc(var(--so-space)*1.5) 0;font-weight:700;font-size:var(--so-text-sm);text-decoration:underline;display:block}.fieldnote{border-top:2px solid var(--so-color-ink);background:var(--so-screen)}.fieldnote h3{margin-bottom:var(--so-space)}.fieldnote p{font-size:var(--so-text-sm)}.fieldnote svg{width:3rem;height:3rem;margin-bottom:var(--so-space);fill:none;stroke:var(--so-color-ink);stroke-width:2px}.pagination{align-items:center;gap:var(--so-space);margin-top:calc(var(--so-space)*3);flex-wrap:wrap;display:flex}.pagination [aria-current]{background:var(--so-color-ink);color:var(--so-color-surface)}.pagination .next{background:var(--so-color-accent);margin-left:auto;font-weight:700}.bottom-note{margin-top:calc(var(--so-space)*2);color:var(--so-color-ink-muted);font-size:var(--so-text-sm)}.site-footer{border-top:2px solid var(--so-color-ink);padding:calc(var(--so-space)*4) 0;margin-top:var(--so-space-lg)}.footer{gap:calc(var(--so-space)*3);grid-template-columns:1fr auto;display:grid}.footer h2{margin-bottom:var(--so-space)}.footer p{max-width:38rem;font-size:var(--so-text-sm);color:var(--so-color-ink-muted)}.footer a{text-decoration:underline}.stamp{font:var(--so-text-xs)/1.5 var(--so-font-mono);margin-top:calc(var(--so-space)*3);padding-top:calc(var(--so-space)*2);border-top:1px dashed var(--so-color-border)}@media (width>=1250px){.pokemon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.layout{grid-template-columns:1fr}.aside{grid-template-columns:1fr 1fr;display:grid}.panel-head{grid-column:1/-1}.fieldnote{border-top:0;border-left:2px solid var(--so-color-ink)}.edition{display:none}}@media (width<=600px){.head{padding:calc(var(--so-space)*2) 0;display:block}.brand{margin-bottom:calc(var(--so-space)*2)}.header-nav{gap:calc(var(--so-space)*2);margin-bottom:var(--so-space)}.languages{margin-top:var(--so-space);flex-wrap:wrap}.opening{display:block}.readout{margin-top:calc(var(--so-space)*2);width:100%}.pokedex{padding:calc(var(--so-space)*3) 0}.searchrow{grid-template-columns:1fr}.searchrow button{width:100%}.results strong{flex-basis:100%}.pokemon-grid{grid-template-columns:1fr}.art{height:12rem}.pokemon-card{padding:calc(var(--so-space)*2.5)}.aside{display:block}.fieldnote{border-left:0;border-top:2px solid var(--so-color-ink)}.footer{grid-template-columns:1fr}.pagination .next{width:100%;margin-left:0}.quick{align-items:stretch}.quick button{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.art img{object-fit:contain;image-rendering:auto;filter:saturate(.8);width:90%;height:90%}.pokemon-card h2{font-size:var(--so-text-lg)}.image-fallback{text-align:center;padding:var(--so-space)}.image-fallback p{font-size:var(--so-text-sm);margin-top:var(--so-space)}.language-switcher{align-items:center;gap:var(--so-space);font-size:var(--so-text-xs);display:flex}.language-switcher__select{width:auto;font-size:var(--so-text-xs)}.gallery-state{padding:var(--so-space-xl) var(--so-space-lg);border:1px solid var(--so-color-ink);background:var(--so-color-surface);text-align:center}.gallery-state p,.gallery-state h2{margin-bottom:var(--so-space-md)}.pagination button{background:var(--so-color-surface);min-width:44px}.pagination button[aria-current],.quick button[aria-pressed=true]{background:var(--so-color-ink);color:var(--so-color-surface)}.placeholder-page{padding:var(--so-space-xl);max-width:50rem;margin:auto}button:disabled{cursor:wait;opacity:.65}button,a{transition:background-color .15s,box-shadow .15s}.header-nav a.router-link-active{border-color:var(--so-color-ink)}@media (prefers-reduced-motion:reduce){button,a{transition:none}}
