:root{--bg: #f4f0df;--panel: #eee9d6;--line: rgba(255, 255, 255, .09);--ghost-border: rgba(255, 255, 255, .12);--hover-border: rgba(255, 255, 255, .3);--text: #213f35;--muted: #536152;--subtle: #5f675b;--nav: #d5dae1;--gold: #9b4f32;--gold-hover: #f7d35c;--on-gold: #1c1303;--def: #2f684d;--on-def: #04202f;--star-off: rgba(255, 255, 255, .14);--font:"Trebuchet MS", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rc: "Trebuchet MS", "Arial Narrow", sans-serif;--gutter: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sg{max-width:1000px;margin:0 auto;padding:24px var(--gutter) 8px}.back{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.back:hover{color:var(--text)}.kicker{margin:0 0 6px;font-family:var(--rc);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.hero h1{margin:0 0 14px;font-family:var(--rc);font-size:clamp(40px,8vw,64px);font-weight:800;line-height:.95;letter-spacing:.01em;text-transform:uppercase}.lead{max-width:760px;margin:0 0 10px;font-size:18px}.aside{max-width:760px;margin:0 0 24px;color:var(--muted)}.card{padding:22px 22px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.card-head{display:grid;gap:4px;margin-bottom:4px}.brand{margin:0;font-family:var(--rc);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.card h2{margin:0;font-family:var(--rc);font-size:28px;font-weight:800;line-height:1.15;text-transform:uppercase}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 2px;color:var(--muted);font-size:14px}.lk{--star: var(--text);display:inline-flex;align-items:center}.lk i:last-of-type{margin-right:7px}.lk i,.chart td i{display:inline-block;width:13px;height:13px;vertical-align:-1px;background:var(--star-off);clip-path:polygon(50% 0%,61.8% 35.4%,99% 35.4%,68.9% 57.3%,80.3% 92.7%,50% 70.8%,19.7% 92.7%,31.1% 57.3%,1% 35.4%,38.2% 35.4%)}.lk i+i,.chart td i+i{margin-left:2px}.lk.v3 i,.lk.v2 i:nth-of-type(-n+2),.lk.v1 i:first-of-type,.chart td.v3 i,.chart td.v2 i:nth-of-type(-n+2),.chart td.v1 i:first-of-type{background:var(--star)}.chart.off{--star: var(--gold)}.chart.def{--star: var(--def)}.side{margin:20px 0 4px;padding-left:10px;border-left:4px solid;font-family:var(--rc);font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.side.off{color:var(--gold);border-color:var(--gold)}.side.def{color:var(--def);border-color:var(--def)}.chart{width:100%;border-collapse:collapse}.chart thead th{padding:6px 4px;border-bottom:1px solid var(--line);font-family:var(--rc);font-size:14px;font-weight:700;letter-spacing:.06em;text-align:center;white-space:nowrap;color:var(--muted)}.chart thead th.pos,.chart thead th.types{text-align:left}.chart .sm{display:none}.chart tbody tr+tr{border-top:1px solid var(--line)}.chart th.pos{padding:10px 10px 10px 0;font-weight:400;text-align:left;vertical-align:top}.tag{display:inline-block;min-width:44px;margin:1px 10px 0 0;padding:3px 6px;border-radius:4px;vertical-align:top;font-family:var(--rc);font-size:14px;font-weight:800;text-align:center;color:var(--on-gold);background:var(--gold)}.def .tag{color:var(--on-def);background:var(--def)}.pn{display:inline-block;max-width:calc(100% - 58px);vertical-align:top}.pn b{display:block;font-family:var(--rc);font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.pn small{display:block;font-size:14px;line-height:1.35;color:var(--muted)}.chart td{padding:10px 4px;text-align:center;white-space:nowrap}.chart td.types{min-width:130px;text-align:left;white-space:normal}.type{display:inline-block;margin:2px 4px 2px 0;padding:2px 7px;border-radius:3px;font-family:var(--rc);font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#16161a;background:rgb(var(--t))}.t-normal{--t: 168, 167, 122}.t-fire{--t: 238, 129, 48}.t-water{--t: 99, 144, 240}.t-electric{--t: 247, 208, 44}.t-grass{--t: 122, 199, 76}.t-ice{--t: 150, 217, 214}.t-fighting{--t: 194, 46, 40}.t-poison{--t: 163, 62, 161}.t-ground{--t: 226, 191, 101}.t-flying{--t: 169, 143, 243}.t-psychic{--t: 249, 85, 135}.t-bug{--t: 166, 185, 26}.t-rock{--t: 182, 161, 54}.t-ghost{--t: 115, 87, 151}.t-dragon{--t: 111, 53, 252}.t-dark{--t: 112, 87, 70}.t-steel{--t: 183, 183, 206}.t-fairy{--t: 214, 133, 173}.t-fighting,.t-poison,.t-ghost,.t-dragon,.t-dark{color:#fff}.kicker-note{margin:14px 0 0;font-size:14px;color:var(--muted)}.kicker-note b{color:var(--text)}.card-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.url{font-family:var(--rc);font-size:15px;font-weight:800;letter-spacing:.06em;color:var(--gold)}.card-foot .fine{font-size:14px;color:var(--subtle)}.text{max-width:760px;margin:32px 0 0}.text h2{margin:0 0 8px;font-family:var(--rc);font-size:22px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.text p,.text li{color:var(--nav)}.text p{margin:0 0 10px}.text b{color:var(--text)}.text ul{margin:0;padding-left:22px}.text li{margin-bottom:8px}.faq h3{margin:16px 0 4px;font-size:16px}.next{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ghost-border);border-radius:6px;font-family:var(--rc);font-size:15px;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;color:var(--text)}.btn:hover{border-color:var(--hover-border)}.btn.gold{border-color:var(--gold);color:var(--on-gold);background:var(--gold)}.btn.gold:hover{border-color:var(--gold-hover);background:var(--gold-hover)}footer{max-width:1000px;margin:28px auto 0;padding:18px var(--gutter) 28px;border-top:1px solid var(--line);font-size:14px;text-align:center;color:var(--muted)}footer p{margin:0 0 8px}footer a{color:var(--nav)}footer .fine{font-size:14px;color:var(--subtle)}@media(max-width:819px){.lead{font-size:17px}.card{margin:0 -6px;padding:16px 12px 12px}.card h2{font-size:24px}.chart,.chart thead,.chart tbody{display:block}.chart tr{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.chart thead tr{position:sticky;top:0;z-index:1;background:var(--panel)}.chart thead th{padding:6px 0;font-size:14px;letter-spacing:.02em}.chart thead th.pos,.chart thead th.types,.chart .lg{display:none}.chart .sm{display:inline}.chart th.pos{grid-column:1 / -1;padding:12px 0 6px}.chart td{padding:0 0 6px}.chart td.types{grid-column:1 / -1;min-width:0;padding:0 0 12px}.chart td i{width:11px;height:11px}.chart td i+i{margin-left:1px}}.save{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;color:var(--muted);font-size:14px}
