:root{--bg:#0f1219;--surface:#171b26;--surface-2:#1f2532;--line:#2a3140;--text:#e8ecf4;--muted:#99a3b8;--accent:#ffcb05;--accent-ink:#1b2030;--shiny:#b98cff;--warn:#ffb454;--danger:#ff6b6b;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0f1219eb;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar__back{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px}.topbar__back:hover{color:var(--text);border-color:var(--muted)}.topbar__game{white-space:nowrap;font-weight:650}.main{flex:1;width:min(1100px,100%);margin:0 auto;padding:24px 20px 64px}.status{color:var(--muted);text-align:center;padding:48px 0}.status--error{color:var(--danger)}.picker{width:min(1100px,100%);margin:0 auto;padding:48px 20px 64px}.picker__head{text-align:center;margin-bottom:40px}.logo{letter-spacing:-.02em;background:linear-gradient(180deg, var(--accent), #f0a000);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,7vw,64px);font-weight:800}.tagline{color:var(--muted);max-width:52ch;margin:12px auto 0}.genGroup{margin-bottom:28px}.genGroup__title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:650}.genGroup__games{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.gameCard{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:4px;padding:14px 16px;transition:transform .12s,border-color .12s,background .12s;display:flex}.gameCard:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px)}.gameCard__label{font-weight:600}.gameCard__meta{color:var(--muted);font-size:12px}.gameCard--dlc{opacity:.82}.picker__foot{text-align:center;color:var(--muted);margin-top:40px;font-size:13px}.filter{flex:1;max-width:460px;margin-left:auto;position:relative}.filter__input{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:999px;padding:10px 36px 10px 14px}.filter__input:focus{border-color:var(--accent);outline:none}.filter__clear{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border:0;border-radius:50%;font-size:17px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.filter__clear:hover{color:var(--text)}.typeFilter{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.typeFilter__clear{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:4px 12px;font-size:12px}.typeFilter__clear:hover{color:var(--text);border-color:var(--muted)}.type--dim{opacity:.45}.type--dim:hover{opacity:1}.type--picked{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text);opacity:1}.chart{flex-direction:column;gap:18px;display:flex}.chart__head{text-align:center}.chart__title{letter-spacing:-.01em;margin:0;font-size:30px}.chart__sub{color:var(--muted);margin:6px 0 0;font-size:14px}.chart__picker{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:0 auto;display:flex}.chart__caption{color:var(--muted);margin:-8px 0 14px;font-size:12.5px}.chart__hint{color:var(--muted);margin:10px 0 0;font-size:13px}.type--locked{opacity:.2;cursor:not-allowed}.mult--awful .mult__label strong{color:#ff8f6b}.mult--bad .mult__label strong{color:var(--warn)}.mult--great .mult__label strong{color:#5bc46f}.mult--immune .mult__label strong{color:#9db7f5}.chart__panels{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.mult{border-top:1px solid var(--line);grid-template-columns:96px 1fr;align-items:start;gap:12px;padding:11px 0;display:grid}.mult:first-of-type{border-top:0}.mult__label{flex-direction:column;gap:1px;display:flex}.mult__label strong{font-variant-numeric:tabular-nums;font-size:17px}.mult__hint{color:var(--muted);font-size:11px;line-height:1.2}.mult__types{flex-wrap:wrap;gap:6px;display:flex}.mult--good .mult__label strong{color:#7ddb8d}.mult--weak .mult__label strong{color:var(--warn)}.mult--none .mult__label strong{color:var(--danger)}.mult--flat .mult__label strong{color:var(--muted)}.mult--flat .mult__types{opacity:.55}.topbar__link{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px}.topbar__link:hover{color:var(--accent);border-color:var(--accent)}.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.filters__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters__label{text-transform:uppercase;letter-spacing:.07em;width:78px;color:var(--muted);flex:none;font-size:11px;font-weight:700}.filters__chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.filters__clear{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;align-self:flex-start;margin-top:2px;padding:5px 14px;font-size:12px}.filters__clear:hover{color:var(--text);border-color:var(--muted)}.filters__note{color:var(--muted);margin:2px 0 0;font-size:12px}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg__item{color:var(--muted);border:0;border-right:1px solid var(--line);background:0 0;align-items:center;gap:7px;padding:7px 14px;font-size:13px;display:inline-flex}.seg__item:last-child{border-right:0}.seg__item:hover{color:var(--text);background:var(--surface-2)}.seg__item--on{background:var(--accent);color:var(--accent-ink);font-weight:650}.seg__count{font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:11px}.seg__item--on .seg__count{background:#0000002e}.genChip{background:var(--surface-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:52px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.genChip:hover:not(:disabled){border-color:var(--accent)}.genChip--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.genChip--empty{opacity:.3;cursor:not-allowed}.genChip__count{color:var(--muted);font-size:11px;font-weight:500}.genChip--any{min-width:auto;color:var(--muted);font-size:12px}.genChip--any.genChip--on{color:var(--accent-ink)}.genChip--on .genChip__count{color:var(--accent-ink);opacity:.7}.browse__count{color:var(--muted);margin:0 0 16px;font-size:14px}.browse__count strong{color:var(--text)}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;align-items:center;gap:2px;width:100%;padding:12px 8px 10px;transition:transform .1s,border-color .1s,background .1s;display:flex;position:relative}.card:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px)}.card__sprite{object-fit:contain;width:72px;height:72px;image-rendering:pixelated}.card__num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.card__name{text-align:center;font-size:13px;font-weight:550;line-height:1.25}.card__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--warn);background:#ffb45429;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}.forms{margin-bottom:20px}.forms__title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:650}.forms__chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.chip--ghost{color:var(--muted);border-style:dashed}.chip__tag{text-transform:uppercase;letter-spacing:.06em;background:#ffffff24;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.chip--on .chip__tag{background:#0000002e}.mon__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.mon__num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.mon__name{letter-spacing:-.01em;margin:2px 0 0;font-size:34px}.mon__genus{color:var(--muted);margin:4px 0 0}.mon__form{vertical-align:middle;color:var(--accent);background:#ffcb0524;border-radius:999px;margin-left:12px;padding:4px 12px;font-size:15px;font-weight:650}.mon__types{gap:8px;display:flex}.mon__body{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;display:grid}@media (width<=820px){.mon__body{grid-template-columns:1fr}}.mon__left,.mon__right{flex-direction:column;gap:16px;display:flex}.sprite{flex-direction:column;gap:12px;display:flex}.sprite__frame{background:radial-gradient(circle at 50% 40%, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);place-items:center;min-height:260px;padding:20px;display:grid}.sprite__frame--shiny{border-color:var(--shiny);background:radial-gradient(circle at 50% 40%, #b98cff29, var(--surface))}.sprite__img{object-fit:contain;width:auto;max-width:100%;height:220px;image-rendering:pixelated}.sprite__missing{color:var(--muted)}.sprite__controls{align-items:center;gap:12px;display:flex}.sprite__source{color:var(--muted);font-size:12px}.toggle{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px}.toggle:hover:not(:disabled){border-color:var(--shiny)}.toggle--on{background:var(--shiny);border-color:var(--shiny);color:#1b1030;font-weight:650}.toggle:disabled{opacity:.45;cursor:not-allowed}.flavor{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:14px 16px;font-size:14px;font-style:italic}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel__title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 14px;font-size:13px}.stats{flex-direction:column;gap:9px;display:flex}.stat{grid-template-columns:72px 46px 1fr;align-items:center;gap:12px;display:grid}.stat__label{color:var(--muted);font-size:13px}.stat__value{font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.stat__hist{color:var(--warn);cursor:help;text-decoration:none}.stat__track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.stat__fill{background:var(--accent);border-radius:999px;height:100%;display:block}.stat--hp .stat__fill,.stat__fill.stat--hp{background:#ff5959}.stat__fill.stat--attack{background:#f5ac78}.stat__fill.stat--defense{background:#fae078}.stat__fill.stat--special-attack{background:#9db7f5}.stat__fill.stat--special-defense{background:#a7db8d}.stat__fill.stat--special{background:#c6a5f5}.stat__fill.stat--speed{background:#fa92b2}.stat--total{border-top:1px solid var(--line);margin-top:3px;padding-top:9px}.stat__fill.stat--total{background:linear-gradient(90deg, var(--accent), #f0a000);border-top:0}.note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.5}.note--warn{color:var(--warn);background:#ffb4541a;border:1px solid #ffb45440;border-radius:10px;margin:0 0 16px;padding:10px 14px}.locs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.loc{border-top:1px solid var(--line);align-items:baseline;gap:12px;padding:9px 0;display:flex}.loc:first-child{border-top:0;padding-top:0}.loc__rate{text-align:right;font-variant-numeric:tabular-nums;width:44px;color:var(--accent);flex:none;font-size:14px;font-weight:700}.loc__body{flex-direction:column;gap:2px;min-width:0;display:flex}.loc__name{font-size:14.5px;font-weight:550}.loc__version{text-transform:uppercase;letter-spacing:.05em;color:#9db7f5;background:#9db7f529;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700}.loc__meta{color:var(--muted);font-size:12.5px}.locs__more{margin-top:14px}.evo,.evo__stage{flex-direction:column;gap:4px;display:flex}.evo__branches{flex-direction:column;gap:14px;display:flex}.evo__branch{border-left:2px solid var(--line);flex-direction:column;gap:4px;margin-left:4px;padding-left:20px;display:flex}.evoMon{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;width:fit-content;min-width:250px;padding:8px 18px 8px 10px;display:flex}.evoMon:hover{border-color:var(--accent)}.evoMon--current{border-color:var(--accent);background:#ffcb051a}.evoMon__sprite{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;flex:none}.evoMon__text{flex:1;align-items:baseline;gap:10px;display:flex}.evoMon__name{font-weight:600}.evoMon__num{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.step{border:1px solid var(--step-line,var(--line));background:var(--step-bg,var(--surface-2));border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;margin:6px 0;padding:8px 14px 8px 12px;display:flex;position:relative}.step__kind{text-transform:uppercase;letter-spacing:.08em;background:var(--step-line,var(--line));color:#10141b;border-radius:5px;padding:3px 7px;font-size:9.5px;font-weight:800}.step__headline{color:var(--step-ink,var(--text));font-size:14.5px;font-weight:700}.step__conditions{flex-wrap:wrap;gap:6px;display:inline-flex}.step__condition{color:var(--muted);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:2px 8px;font-size:12px}.step__condition--form{color:var(--accent);background:#ffcb051a;border-color:#ffcb0559;font-weight:600}.step__approx{color:var(--muted);font-size:11px;font-style:italic}.step__arrow{background:var(--step-line,var(--line));width:2px;height:10px;position:absolute;top:100%;left:22px}.step--level{--step-line:#9db7f5;--step-bg:#9db7f51a;--step-ink:#cfdcfb}.step--item{--step-line:#c6a5f5;--step-bg:#c6a5f51a;--step-ink:#e0cffb}.step--trade{--step-line:#a7db8d;--step-bg:#a7db8d1a;--step-ink:#d3edc6}.step--friendship{--step-line:#fa92b2;--step-bg:#fa92b21a;--step-ink:#fdc9d8}.step--special{--step-line:#f5ac78;--step-bg:#f5ac781a;--step-ink:#fad6bb}.type{text-transform:uppercase;letter-spacing:.05em;color:#14181f;border:0;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.type--normal{background:#a8a878}.type--fire{background:#f08030}.type--water{background:#6890f0}.type--electric{background:#f8d030}.type--grass{background:#78c850}.type--ice{background:#98d8d8}.type--fighting{color:#fff;background:#c03028}.type--poison{color:#fff;background:#a040a0}.type--ground{background:#e0c068}.type--flying{background:#a890f0}.type--psychic{background:#f85888}.type--bug{background:#a8b820}.type--rock{background:#b8a038}.type--ghost{color:#fff;background:#705898}.type--dragon{color:#fff;background:#7038f8}.type--dark{color:#fff;background:#705848}.type--steel{background:#b8b8d0}.type--fairy{background:#ee99ac}.type--stellar{background:#40b5a5}.type--unknown{background:#68a090}