:root{--bg: #f4f6fb;--surface: #ffffff;--surface-sunken: #eef1f7;--border: #dfe4ee;--text: #16202e;--muted: #64708a;--accent: #2f6df6;--accent-soft: #e5edff;--caught: #17916b;--caught-soft: #e2f5ee;--rarity-common: #3d8f5f;--rarity-uncommon: #b07d1a;--rarity-rare: #2f6df6;--rarity-very-rare: #a248c9;--shadow: 0 1px 2px rgba(18, 30, 51, .06), 0 6px 16px rgba(18, 30, 51, .06);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1420;--surface: #161e2c;--surface-sunken: #1d2637;--border: #2a3547;--text: #e8edf6;--muted: #93a1bb;--accent: #6f9bff;--accent-soft: #1e2c4a;--caught: #3fc79a;--caught-soft: #16332a;--rarity-common: #5fc98d;--rarity-uncommon: #e0b352;--rarity-rare: #7aa5ff;--rarity-very-rare: #cd8ce8;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1420;--surface: #161e2c;--surface-sunken: #1d2637;--border: #2a3547;--text: #e8edf6;--muted: #93a1bb;--accent: #6f9bff;--accent-soft: #1e2c4a;--caught: #3fc79a;--caught-soft: #16332a;--rarity-common: #5fc98d;--rarity-uncommon: #e0b352;--rarity-rare: #7aa5ff;--rarity-very-rare: #cd8ce8;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.masthead{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.masthead__inner{max-width:1200px;margin:0 auto;padding:1rem 1rem .9rem;display:flex;flex-direction:column;gap:.9rem}.masthead__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.masthead__title{margin:0;font-size:1.35rem;letter-spacing:-.02em}.progress{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:.15rem .6rem;min-width:190px}.progress__figure{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--caught)}.progress__of{font-size:.9rem;font-weight:600;color:var(--muted)}.progress__percent{font-size:.8rem;color:var(--muted);justify-self:end}.progress__track{grid-column:1 / -1;height:6px;margin-top:.35rem;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:var(--caught);transition:width .2s ease}.masthead__filters{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.masthead__reset{flex:none;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer}.masthead__reset:hover{color:#d2453d}.masthead__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.search{position:relative;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search__icon{width:18px;height:18px;flex:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}.search__input{flex:1;min-width:0;padding:.7rem 0;border:0;background:none;color:inherit;font:inherit;font-size:.95rem}.search__input:focus{outline:none}.search__input::-webkit-search-cancel-button{display:none}.search__clear{flex:none;padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-sunken);color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}.search__clear:hover{color:var(--text)}.search__count{flex:none;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--muted)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem 1rem 3rem}.notice{margin:2rem 0;text-align:center;color:var(--muted)}.notice--error{color:#d2453d}.notice code{padding:.1rem .35rem;border-radius:5px;background:var(--surface-sunken);font-size:.9em}.section+.section{margin-top:2rem}.section__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-bottom:.75rem}.section__title{margin:0;font-size:1.05rem;letter-spacing:-.01em}.section__count{display:inline-block;margin-left:.15rem;padding:.1rem .5rem;border-radius:999px;background:var(--surface-sunken);color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.section__hint,.section__empty{margin:0;font-size:.85rem;color:var(--muted)}.section__empty{padding:1.25rem;border:1px dashed var(--border);border-radius:12px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.tile{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile--caught{border-color:color-mix(in srgb,var(--caught) 40%,var(--border));background:linear-gradient(var(--caught-soft),var(--surface) 60%)}.tile__check{position:absolute;top:.7rem;right:.7rem;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface)}.tile__check svg{width:13px;height:13px;fill:none;stroke:transparent;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tile--caught .tile__check{border-color:var(--caught);background:var(--caught)}.tile--caught .tile__check svg{stroke:#fff}.tile__head{display:flex;align-items:center;gap:.7rem;padding-right:1.75rem}.tile__art{width:62px;height:62px;flex:none;object-fit:contain;border-radius:10px;background:var(--surface-sunken)}.tile__identity{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tile__number{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--muted)}.tile__name{font-size:1rem;font-weight:650;letter-spacing:-.01em;overflow-wrap:anywhere}.tile__types{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}.type{padding:.1rem .4rem;border-radius:5px;background:var(--surface-sunken);color:#fff;font-size:.65rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.tile__habitats{display:flex;flex-direction:column;gap:.35rem;padding-top:.6rem;border-top:1px solid var(--border)}.tile__habitats-label{font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.habitats{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.habitat{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.25rem .45rem;border-radius:7px;background:var(--surface-sunken);font-size:.8rem}.habitat__name{overflow-wrap:anywhere}.habitat__rarity{flex:none;font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.habitat--common .habitat__rarity{color:var(--rarity-common)}.habitat--uncommon .habitat__rarity{color:var(--rarity-uncommon)}.habitat--rare .habitat__rarity{color:var(--rarity-rare)}.habitat--very-rare .habitat__rarity{color:var(--rarity-very-rare)}.tile__no-habitat{font-size:.8rem;color:var(--muted)}.footer{padding:1.5rem 1rem 2rem;border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--muted)}.type--normal{background:#9099a1}.type--fire{background:#ff6b3d}.type--water{background:#3f8fe0}.type--electric{background:#e0a800}.type--grass{background:#55a747}.type--ice{background:#4bb8bb}.type--fighting{background:#cf4055}.type--poison{background:#9a51b8}.type--ground{background:#b0743a}.type--flying{background:#7896da}.type--psychic{background:#e5628f}.type--bug{background:#849a1e}.type--rock{background:#a89460}.type--ghost{background:#6a5b9b}.type--dragon{background:#4b62c9}.type--dark{background:#59504a}.type--steel{background:#6d8a9c}.type--fairy{background:#d774b0}@media(max-width:560px){.masthead__top{align-items:center;gap:.5rem 1rem}.masthead__intro{flex:1}.menu{order:2}.masthead__tools{order:3;flex-basis:100%;align-items:center;justify-content:space-between}.progress{flex:1}.grid{grid-template-columns:1fr}.search__count{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.masthead__intro{min-width:0}.masthead__tools{display:flex;align-items:flex-start;gap:1rem}.theme{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-sunken)}.theme__option{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.theme__option svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme__option:hover{color:var(--text)}.theme__option--active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.theme__option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chips{display:flex;flex:1;min-width:0;gap:.4rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:.82rem;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.chip__count{padding:.05rem .35rem;border-radius:999px;background:var(--surface-sunken);color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.chip--active .chip__count{background:#ffffff38;color:#fff}.undo{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.6rem .6rem .6rem .95rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 4px 12px #121e3324,0 12px 32px #121e332e;overflow:hidden;transform:translate(-50%);animation:undo-in .16s ease-out}@keyframes undo-in{0%{opacity:0;transform:translate(-50%,.75rem)}}.undo__label{min-width:0;font-size:.85rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.undo__action{flex:none;padding:.35rem .85rem;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.undo__action:hover{filter:brightness(1.08)}.undo__action:focus-visible,.undo__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.undo__close{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:var(--surface-sunken);color:var(--muted);cursor:pointer}.undo__close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.undo__close:hover{color:var(--text)}.undo__timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform-origin:left;animation:undo-countdown linear forwards}@keyframes undo-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.undo{animation:none}.undo__timer{display:none}}.menu{position:relative;flex:none}.menu__trigger{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.menu__trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.menu__trigger--open{border-color:var(--accent);color:var(--accent)}.menu__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu__panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:30;display:flex;flex-direction:column;gap:.75rem;min-width:230px;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 4px 12px #121e3324,0 12px 32px #121e332e}.menu__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.menu__label{font-size:.85rem;font-weight:600}.menu__reset{padding:.5rem .75rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-sunken);color:var(--text);font:inherit;font-size:.85rem;font-weight:550;text-align:left;cursor:pointer}.menu__reset:hover{border-color:color-mix(in srgb,#d2453d 45%,var(--border));color:#d2453d}.menu__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}