:root{color:#1e293b;background-color:#eef2f7;font-family:Nunito,system-ui,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0}#root{min-height:100vh}.app-main{max-width:1200px;margin:0 auto;padding:24px 16px}.page-err{color:#b91c1c;font-weight:600}.page-muted{color:#64748b}.home-err{color:#b91c1c;margin-top:12px;font-size:.9rem}.home-explore-lead{color:#64748b;max-width:560px;margin:-8px 0 20px;font-size:.95rem}.pokedex-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.pokedex-toolbar input[type=search]{min-width:200px;font:inherit;border:1px solid #0f172a1f;border-radius:12px;flex:1;padding:10px 14px}.pokedex-toolbar button{color:#fff;cursor:pointer;font-weight:700;font:inherit;background:#2563eb;border:none;border-radius:999px;padding:10px 18px}.pokedex-toolbar .btn-secondary{color:#334155;background:#e2e8f0}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.pagination button{cursor:pointer;font:inherit;background:#fff;border:1px solid #0f172a1f;border-radius:10px;padding:8px 14px}.pagination-info{color:#64748b;font-size:.9rem}.detail-species{color:#64748b;margin-bottom:4px}.rarity-pill{color:#64748b;font-size:.85rem}:root{--bg:#eef2f7;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--text:#1e293b;--text-muted:#64748b;--title:#0f172a;--accent-red:#e01e2a;--accent-red-hover:#c41a24;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent:var(--accent-blue);--accent-hover:var(--accent-blue-hover);--text-on-accent:#fff;--border:#0f172a14;--radius:18px;--radius-sm:12px;--radius-pill:999px;--shadow:0 4px 16px #0f172a14;--shadow-card:0 2px 8px #0f172a0f;--shadow-nav:0 3px 14px #2563eb14;--font:"Nunito", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(120% 60% at 0 0,#2563eb0f 0%,#0000 50%),radial-gradient(80% 50% at 100% 0,#e01e2a0d 0%,#0000 45%);position:fixed;inset:0}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 16px}.navbar{border-bottom:3px solid var(--accent-blue);box-shadow:var(--shadow-nav);z-index:100;background:linear-gradient(#d9effc 0%,#f4f9fc 55%,#fff 100%);border-radius:0 0 20px 20px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;min-height:64px;margin:0 auto;padding:0 16px;display:flex}.nav-brand{align-items:center;gap:8px;line-height:0;display:flex}.nav-brand img{object-fit:contain;width:auto;max-width:min(200px,52vw);height:auto;max-height:44px;display:block}.brand-icon{color:var(--accent-red);font-size:1.4rem}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;list-style:none;display:flex}.nav-links a{color:#4a5f78;border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.nav-links a:hover{color:var(--accent-blue);background:#2563eb14}.nav-links a.active{color:var(--accent-red);background:#e01e2a14;box-shadow:inset 0 0 0 1px #e01e2a33}.nav-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:5px;padding:8px 10px;display:none}.nav-toggle span{background:var(--title);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}@media (width<=900px){.nav-toggle{display:flex}.nav-links{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:12px;display:none;position:absolute;top:100%;left:8px;right:8px}.nav-links.open{display:flex}.nav-links a{text-align:center;width:100%;padding:10px 14px}}.main-content{max-width:1200px;min-height:calc(100vh - 140px);margin:0 auto;padding:24px 16px}:is(.main-content:has(.pokedex-page),.main-content:has(.catalog-page)){max-width:1320px}.page-title{color:var(--title);letter-spacing:-.02em;margin:0 0 16px;font-size:2rem;font-weight:800}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:10px;max-width:720px;margin-bottom:10px;display:flex}.catalog-search{border-radius:var(--radius-pill);min-width:200px;font-size:.95rem;font-family:var(--font);color:var(--text);box-shadow:var(--shadow-card);background:#fff;border:1px solid #0000001a;flex:1;padding:10px 16px}.catalog-search:focus{border-color:#2563eb73;outline:none;box-shadow:0 0 0 3px #2563eb1f}.catalog-hint{color:var(--text-muted);max-width:52rem;margin:0 0 16px;font-size:.88rem;line-height:1.45}.empty-state{text-align:left;background:#0f172a0a;border:1px solid #00000012;border-radius:14px;max-width:36rem;padding:1.1rem 1.25rem}.empty-state-title{color:var(--text);text-align:center;margin:0 0 .35rem;font-size:.95rem;font-weight:700;line-height:1.35}.empty-state-body{color:var(--text-muted);text-align:left;margin:0;font-size:.92rem;font-weight:400;line-height:1.5}.catalog-filters{grid-template-columns:minmax(6.5rem,8.5rem) minmax(0,1fr);align-items:start;gap:10px 16px;margin-bottom:14px;display:grid}.catalog-filters .filter-label{margin-right:0;padding-top:.4rem}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-right:4px;font-size:.8rem;font-weight:800}.filter-chip{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font);background:#fff;border:1px solid #00000014;padding:8px 14px;transition:color .15s,border-color .15s,background .15s;box-shadow:0 1px 2px #0000000a}.filter-chip:hover{color:var(--text);border-color:#2563eb59}.filter-chip--active{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-on-accent);box-shadow:0 2px 8px #e01e2a40}.btn{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);background:#fff;border:1px solid #0000001a;padding:10px 18px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:#2563eb59}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-on-accent);box-shadow:0 2px 6px #2563eb4d}.btn-primary:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:var(--text-on-accent)}.pagination button{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);background:#fff;border:1px solid #0000001a;padding:10px 18px}.pagination button:hover:not(:disabled){background:var(--bg-card-hover);border-color:#2563eb59}.pagination button:disabled{opacity:.45;cursor:not-allowed}.recipe-card-station{color:var(--text-muted);font-size:.78rem;line-height:1.35}.loved-items-grid{flex-wrap:wrap;gap:10px;display:flex}.loved-item-card{border-radius:var(--radius);background:var(--bg-card);color:var(--text);border:1px solid #00000014;align-items:center;gap:10px;max-width:280px;padding:8px 12px 8px 8px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.loved-item-card:hover{border-color:#2563eb59;box-shadow:0 2px 8px #0000000f}.loved-item-card img{object-fit:contain;background:var(--bg-input);border-radius:10px;flex-shrink:0;width:48px;height:48px}.loved-item-label{font-size:.88rem;font-weight:600;line-height:1.3}.loved-item-card--text{cursor:default}.main-content:has(.home-page){max-width:none;margin:0;padding:0}.page-header{margin-bottom:24px}.page-header h1{color:var(--title);letter-spacing:-.02em;margin-bottom:4px;font-size:1.85rem;font-weight:800}.page-header p{color:var(--text-muted);font-size:.95rem}.search-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.search-bar input,.search-bar select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);outline:none;padding:10px 16px;transition:border-color .2s}.search-bar input:focus,.search-bar select:focus{border-color:var(--accent)}.search-bar input{flex:1;min-width:200px}.search-bar select{min-width:150px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.card-grid-wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.habitats-page .habitats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}@media (width<=1200px){.habitats-page .habitats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.habitats-page .habitats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.habitats-page .habitats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.habitats-page .habitat-card,.abilities-page .ability-card{cursor:default;align-items:stretch;min-width:0;padding:18px 14px 14px}.habitats-page .habitat-card-top{text-align:center;color:inherit;cursor:pointer;flex-direction:column;align-items:center;width:100%;text-decoration:none;display:flex}.abilities-page .ability-card-top{text-align:left;color:inherit;cursor:pointer;flex-direction:column;align-items:stretch;width:100%;text-decoration:none;display:flex}.habitats-page .habitat-card-top:hover .card-name,.abilities-page .ability-card-top:hover .card-name{color:var(--accent-blue)}.habitats-page .habitat-card-art{justify-content:center;width:100%;margin-bottom:10px;display:flex;position:relative}.habitats-page .habitat-card-img{object-fit:contain;width:112px;height:112px;margin-bottom:0}.abilities-page .abilities-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}@media (width<=1200px){.abilities-page .abilities-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.abilities-page .abilities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.abilities-page .abilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.abilities-page .ability-card-art{justify-content:center;align-self:center;width:100%;margin-bottom:10px;display:flex}.abilities-page .ability-card-img{object-fit:contain;width:96px;height:96px;margin-bottom:0}.habitats-page .habitat-card .card-name{font-size:.95rem;line-height:1.3}.abilities-page .ability-card .card-name{text-align:center;width:100%;font-size:.95rem;line-height:1.3}.habitats-page .habitat-card .card-number{font-size:.9rem}.ability-detail-pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin-top:4px}.ability-detail-pokemon-img{object-fit:contain;width:96px;height:96px}.ability-detail-pokemon-card--static{cursor:default}.ability-detail-pokemon-card--static:hover{background:var(--bg-card);box-shadow:var(--shadow-card);color:var(--text);border-color:#0000000f;transform:none}.catalog-card-with-sprites{gap:10px}.catalog-sprite-row{border-top:1px solid #0000000f;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;min-height:38px;padding-top:4px;display:flex}.catalog-sprite-link,.catalog-sprite-wrap{background:linear-gradient(145deg,#f8fafc 0%,#eef2f7 100%);border:1px solid #0000000f;border-radius:8px;line-height:0;transition:transform .12s,border-color .12s;display:inline-flex}.catalog-sprite-link:hover{border-color:#2563eb59;transform:scale(1.06)}.catalog-sprite-img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;display:block}.catalog-sprite-more{color:var(--text-muted);padding:0 4px;font-size:.72rem;font-weight:800}.specialties-page .specialties-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}@media (width<=1200px){.specialties-page .specialties-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.specialties-page .specialties-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.specialties-page .specialties-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.specialty-card{text-align:left;border-radius:18px;align-items:stretch;min-height:0;padding:18px 16px 16px;position:relative}.specialty-card-header{flex-direction:row;align-items:center;gap:12px;width:100%;margin-bottom:10px;display:flex}.specialty-card-icon{object-fit:contain;flex-shrink:0;width:48px!important;height:48px!important;margin-bottom:0!important}.specialty-card-title{color:var(--text);margin:0;font-size:1rem;font-weight:700;line-height:1.25}.specialty-card-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:0;margin:0 0 12px;font-size:.85rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.specialty-card-footer{color:var(--text-muted);margin-top:auto;font-size:.85rem;font-weight:500}.card{background:var(--bg-card);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--text);box-shadow:var(--shadow-card);border:1px solid #0000000f;flex-direction:column;align-items:center;padding:16px;text-decoration:none;transition:all .2s;display:flex}.card:hover{background:var(--bg-card-hover);color:var(--text);border-color:#2563eb59;transform:translateY(-3px);box-shadow:0 10px 28px #23372824}.card-img{object-fit:contain;width:80px;height:80px;image-rendering:pixelated;margin-bottom:12px}.card-img-lg{width:120px;height:120px}.card-number{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;font-weight:600}.card-name{margin-bottom:6px;font-size:.9rem;font-weight:600}.card-meta{color:var(--text-muted);font-size:.75rem}.type-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.types-row{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.rarity-common{color:#6b7a76}.rarity-uncommon{color:#1e88c5}.rarity-rare{color:#c9a227}.rarity-very-rare{color:#d84315}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:32px;display:grid}.dash-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;color:var(--text);box-shadow:var(--shadow-card);border:1px solid #0000000f;padding:24px;text-decoration:none;transition:all .2s}.dash-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);color:var(--text);border-color:#2563eb59;transform:translateY(-2px)}.dash-card h3{color:var(--title);margin-bottom:4px;font-size:1.2rem;font-weight:700}.dash-count{color:var(--accent);margin-bottom:4px;font-size:2rem;font-weight:800}.dash-label{color:var(--text-muted);font-size:.85rem}.hero{text-align:center;padding:48px 0 16px}.hero h1{color:var(--title);margin-bottom:8px;font-size:2.5rem;font-weight:800}.hero p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.1rem}.home-hero{text-align:center;justify-content:center;align-items:center;min-height:min(52vh,420px);padding:48px 20px 56px;display:flex;position:relative;overflow:hidden}.home-hero-bg{filter:saturate(1.05);background-color:#1a3a52;background-image:linear-gradient(105deg,#0f172ad1 0%,#1e3a5f8c 45%,#0f172abf 100%),url(https://pokopiadex.com/images/habitats/habitat_ui/tall-grass-001.png);background-position:50% 40%;background-size:cover;position:absolute;inset:0}.home-hero-bg:after{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#ffffff1f 0%,#0000 55%);position:absolute;inset:0}.home-hero-content{z-index:2;max-width:560px;margin:0 auto;position:relative}.home-hero h1.home-hero-title{margin:0 0 12px;font-size:0;line-height:0}.home-hero-logo{object-fit:contain;filter:drop-shadow(0 6px 28px #0006);width:auto;max-width:min(400px,92vw);height:auto;max-height:min(160px,28vw);margin:0 auto;display:block}.home-hero-tagline{color:#ffffffeb;text-shadow:0 1px 12px #00000040;margin:0 0 28px;font-size:1.05rem;line-height:1.55}.home-search{border-radius:var(--radius-pill);background:#fff;border:1px solid #ffffff80;align-items:center;gap:0;max-width:480px;margin:0 auto;padding:6px 6px 6px 16px;display:flex;box-shadow:0 8px 32px #0003}.home-search-icon{color:var(--text-muted);margin-right:6px;font-size:1rem}.home-search input[type=search]{font-size:1rem;font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.home-search input[type=search]::placeholder{color:#94a3b8}.home-search-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-pill);cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font);border:none;flex-shrink:0;padding:10px 20px;transition:background .2s}.home-search-btn:hover{background:var(--accent-blue-hover);color:#fff}.home-explore{background:linear-gradient(180deg, #f8fafc 0%, var(--bg) 100%);padding:40px 16px 48px}.home-explore-inner{max-width:1200px;margin:0 auto}.home-explore-title{color:var(--title);text-align:center;letter-spacing:-.02em;margin-bottom:28px;font-size:1.35rem;font-weight:800}.home-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.home-tile{text-align:center;border-radius:var(--radius);color:var(--text);border:2px solid var(--tile-border,#0000000f);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;align-items:center;padding:22px 14px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.home-tile:hover{color:var(--text);transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1f}.home-tile-media{justify-content:center;align-items:center;min-height:56px;margin-bottom:10px;display:flex}.home-tile-thumb{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;box-sizing:border-box;background:linear-gradient(145deg,#f8fafc 0%,#eef2f7 100%);border:1px solid #0000000f;border-radius:12px;padding:4px}.home-tile-icon{filter:drop-shadow(0 1px 2px #0000000f);font-size:2.25rem;line-height:1}.home-tile-label{color:var(--title);margin-bottom:6px;font-size:1.05rem;font-weight:800}.home-tile-count{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;font-weight:600}.home-tile-unit{opacity:.95;font-weight:600}.home-tile-cta{color:var(--tile-accent,var(--accent-blue));font-size:.85rem;font-weight:700}.home-tile--pokedex{--tile-border:#ea580c73;--tile-accent:#ea580c}.home-tile--habitats{--tile-border:#16a34a73;--tile-accent:#16a34a}.home-tile--items{--tile-border:#2563eb73;--tile-accent:#2563eb}.home-tile--recipes{--tile-border:#0d948880;--tile-accent:#0d9488}.home-tile--abilities{--tile-border:#7c3aed73;--tile-accent:#7c3aed}.home-tile--specialties{--tile-border:#db277773;--tile-accent:#db2777}.home-tile--buildings{--tile-border:#b4530980;--tile-accent:#b45309}.home-tile--collectibles{--tile-border:#78716c80;--tile-accent:#78716c}.home-grass-accent{opacity:.85;background:repeating-linear-gradient(90deg,#86efac 0 8px,#4ade80 8px 16px);height:14px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}@media (width<=1100px){.home-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.home-hero{min-height:280px;padding:36px 16px 40px}.home-hero-tagline{font-size:.95rem}.home-search{border-radius:var(--radius);flex-wrap:wrap;padding:10px 12px}.home-search input[type=search]{width:100%;min-height:40px}.home-search-btn{width:100%;margin-top:8px}.home-explore{padding:28px 12px 36px}.home-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tile{padding:16px 10px 14px}.home-tile-media{min-height:48px}.home-tile-thumb{width:48px;height:48px}.home-tile-icon{font-size:1.85rem}.home-tile-label{font-size:.95rem}}.detail-header{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.detail-img{object-fit:contain;background:var(--bg-card);border-radius:var(--radius);width:220px;height:220px;box-shadow:var(--shadow-card);image-rendering:pixelated;border:1px solid #0000000f;padding:16px}.detail-img--large{width:280px;height:280px;padding:20px}.detail-header--habitat{align-items:center}.detail-habitat-img-wrap{flex-shrink:0;width:min(100%,420px);max-width:100%;position:relative}.habitat-id-badge{z-index:1;color:#f8fafc;letter-spacing:.02em;pointer-events:none;background:#0f172ad1;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:800;position:absolute;top:18px;left:18px}.detail-img--habitat{flex-shrink:0;width:100%;max-width:100%;height:420px;padding:24px;display:block}.detail-info{flex:1;min-width:240px}.detail-info h1{color:var(--title);margin-bottom:4px;font-size:1.75rem;font-weight:800}.detail-number{color:var(--text-muted);font-size:.9rem;font-weight:600}.detail-desc{color:var(--text-muted);margin:8px 0 12px;line-height:1.6}.detail-desc--unlock{color:var(--text);font-size:.95rem}.section-unlock-guide{border-top:1px solid var(--border);padding-top:8px}.detail-meta{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}.detail-meta-item{font-size:.85rem}.detail-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:600;display:block}.section{margin-bottom:32px}.section h2{border-bottom:1px solid var(--border);color:var(--title);margin-bottom:16px;padding-bottom:8px;font-size:1.2rem;font-weight:800}.section-lead{color:var(--text-muted);margin:-8px 0 16px;font-size:.92rem;line-height:1.5}.tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;margin:2px;padding:4px 12px;font-size:.8rem;display:inline-block}.specialty-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}a.specialty-tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex}a.specialty-tag:hover{color:var(--accent-blue);box-shadow:var(--shadow-card);border-color:#2563eb66}a.specialty-tag img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;background:#fff;border:1px solid #0f172a14;border-radius:8px}.card-specialty-icons{flex-wrap:wrap;justify-content:center;gap:4px;min-height:0;margin:6px 0 4px;display:flex}.card-specialty-icons img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;background:#f1f5f9;border:1px solid #0f172a14;border-radius:6px}.list-row{background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text);box-shadow:var(--shadow-card);border:1px solid #0000000f;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.list-row:hover{background:var(--bg-card-hover);color:var(--text);border-color:#2563eb59}.list-row-img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.list-row-name{flex:1;font-weight:600}.list-row-meta{color:var(--text-muted);font-size:.85rem}.ingredient-row{background:var(--bg-card);border-radius:var(--radius-pill);align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}a.ingredient-row{color:inherit;box-shadow:var(--shadow-card);border:1px solid #0000000f;text-decoration:none;transition:border-color .2s,box-shadow .2s}a.ingredient-row:hover{box-shadow:var(--shadow);color:inherit;border-color:#2563eb59}.ingredient-row--with-img{min-height:48px}.ingredient-thumb{object-fit:contain;background:var(--bg-input);width:40px;height:40px;image-rendering:pixelated;border-radius:10px;flex-shrink:0;padding:4px}.ingredient-qty{background:var(--accent);color:var(--text-on-accent);text-align:center;border-radius:12px;min-width:36px;padding:2px 8px;font-size:.8rem;font-weight:700}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.pagination a,.pagination span{border-radius:var(--radius-sm);color:var(--text-muted);background:#fff;border:1px solid #00000014;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000a}.pagination a:hover{background:var(--bg-card-hover);color:var(--text);border-color:#2563eb59}.pagination .current{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:700;box-shadow:0 2px 6px #2563eb4d}.habitat-find-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.card-building-list{padding-top:0;overflow:hidden}.building-list-thumb{object-fit:contain;background:var(--bg-input);border-radius:var(--radius) var(--radius) 0 0;width:100%;height:120px;image-rendering:pixelated;margin:0 0 12px;padding:12px}.card-ability-list,.card-specialty-list{padding-top:0;overflow:hidden}.ability-list-thumb,.specialty-list-thumb{object-fit:contain;background:var(--bg-input);border-radius:var(--radius) var(--radius) 0 0;width:100%;height:140px;image-rendering:pixelated;margin:0 0 12px;padding:14px}div.card-ability-list,div.card-specialty-list{cursor:default;text-align:left;align-items:stretch;position:relative}div.card-ability-list:hover,div.card-specialty-list:hover{background:var(--bg-card-hover);border-color:#2563eb59;transform:translateY(-3px);box-shadow:0 10px 28px #23372824}div.card-ability-list:hover .card-name,div.card-specialty-list:hover .card-name{color:var(--accent)}.card-fill-link{z-index:1;border-radius:inherit;text-indent:-9999px;position:absolute;inset:0;overflow:hidden}.card-ability-stack,.card-specialty-stack{z-index:2;pointer-events:none;border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;align-items:stretch;margin:0 -16px;padding:0 16px 4px;display:flex;position:relative}.card-specialty-footer,.card-ability-footer{border-top:1px solid var(--border);z-index:2;pointer-events:none;margin-top:auto;padding-top:12px;position:relative}.card-pokemon-count-badge{color:var(--accent);margin-bottom:10px;font-size:.75rem;font-weight:600;display:inline-block}.card-pokemon-names{color:var(--text-muted);word-wrap:break-word;margin-top:8px;font-size:.72rem;line-height:1.45}.card-pokemon-preview{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-pokemon-chip{background:var(--bg-input);border:1px solid var(--border);pointer-events:auto;z-index:3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card-pokemon-chip img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}a.card-pokemon-chip:hover{border-color:#2563eb80;box-shadow:0 2px 8px #2563eb26}.card-pokemon-chip--fallback{color:var(--text-muted);pointer-events:none;font-size:.85rem;font-weight:600}.card.habitat-find-card{text-align:center;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.habitat-find-img{aspect-ratio:4/3;object-fit:contain;object-position:center;background:var(--bg-input);width:100%;image-rendering:pixelated;padding:12px}.habitat-find-body{width:100%;padding:14px 16px 16px}.habitat-find-zone{margin-top:4px;display:block}.back-link{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;display:inline-block}.back-link:hover{color:var(--accent)}.footer{text-align:left;color:var(--text-muted);background:linear-gradient(#ffffff40 0%,#ffffff73 100%);border-top:1px solid #0000000f;border-radius:24px 24px 0 0;margin-top:40px;padding:28px 16px 32px;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 40px;display:flex}.footer-main{flex:280px;min-width:0;max-width:640px}.footer-blurb,.footer-tm,.footer-credit,.footer-disclaimer{line-height:1.55}.footer-blurb{color:var(--text);margin-bottom:12px;font-size:.9rem}.footer-blurb strong{color:var(--title)}.footer-tm{color:var(--text);margin-bottom:12px;font-size:.84rem}.footer-tm strong{color:var(--title)}.footer-tm-mark{vertical-align:super;margin-left:1px;font-size:.65em;font-weight:800}.footer-credit{margin-bottom:12px;font-size:.84rem}.footer-credit a{color:var(--accent-blue);font-weight:600}.footer-credit a:hover{color:var(--accent-red)}.footer-ack{margin:12px 0 0;font-size:.82rem;line-height:1.5}.footer-ack a{color:var(--accent-blue);font-weight:600}.footer-ack a:hover{color:var(--accent-red)}.footer-disclaimer{margin:0;font-size:.82rem}.footer-copyright{color:var(--text-muted);margin-top:12px;font-size:.8rem}.footer-copy-sep{color:var(--text-muted);font-weight:600}.footer-contact-btn{font:inherit;font-size:inherit;color:var(--accent-blue);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.footer-contact-btn:hover{color:var(--accent-red)}.footer-nav{flex:none;padding-top:2px}.footer-links{flex-direction:column;align-items:flex-end;gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.footer-links a{color:var(--accent-blue);font-weight:600}.footer-links a:hover{color:var(--accent-red)}.footer-sep{color:var(--border);-webkit-user-select:none;user-select:none;margin:0 .35em}@media (width<=640px){.footer-inner{flex-direction:column}.footer-nav{border-top:1px solid var(--border);width:100%;padding-top:16px}.footer-links{flex-flow:wrap;align-items:flex-start;gap:8px 16px}}.static-page{max-width:720px;margin:0 auto;padding:0 4px 32px}.static-page h1{color:var(--title);letter-spacing:-.02em;margin-bottom:20px;font-size:1.85rem;font-weight:800}.static-page h2{color:var(--title);border-bottom:1px solid var(--border);margin:28px 0 12px;padding-bottom:6px;font-size:1.15rem;font-weight:800}.static-page h2[id]{scroll-margin-top:72px}.static-page p{color:var(--text);margin-bottom:14px;font-size:.98rem;line-height:1.75}.static-page a{font-weight:600}.static-page-meta{color:var(--text-muted);margin-top:32px;font-size:.85rem}.static-page-note{color:var(--text-muted);font-size:.9rem}.static-page--contact .contact-email{text-align:center;margin:28px 0 32px}.contact-email-link{border-radius:var(--radius-pill);background:#2563eb14;border:1px solid #2563eb33;padding:.5em 1em;font-size:1.15rem;font-weight:800;display:inline-block}.contact-email-link:hover{color:var(--accent-blue);background:#2563eb24}@media (width<=600px){.hero h1{font-size:1.75rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card-grid.habitat-detail-pokemon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.habitat-find-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-img{width:200px;height:200px}.detail-img--large{width:min(100%,300px);height:260px}.detail-habitat-img-wrap{width:100%;max-width:380px}.detail-img--habitat{width:100%;height:320px;max-height:none}.detail-meta{justify-content:center}.main-content{padding:16px 12px}}.loading{text-align:center;color:var(--text-muted);padding:48px}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-block{background:linear-gradient(90deg,#e8ecf1 0%,#f4f6f9 45%,#e8ecf1 90%) 0 0/240px 100%;border-radius:10px;animation:1.35s ease-in-out infinite skeleton-shimmer}.skeleton-page-title{width:min(280px,70%);height:2.1rem;margin-bottom:18px}.skeleton-toolbar{flex-wrap:wrap;align-items:center;gap:10px;max-width:720px;margin-bottom:14px;display:flex}.skeleton-search{border-radius:var(--radius-pill);flex:1;min-width:200px;height:44px}.skeleton-btn{border-radius:var(--radius-pill);width:96px;height:44px}.catalog-skeleton-card{pointer-events:none;cursor:default;min-height:180px}.catalog-skeleton-card:hover{box-shadow:var(--shadow-card);background:var(--bg-card);border-color:#0000000f;transform:none}.skeleton-card-img{border-radius:12px;width:80px;height:80px;margin:0 auto 12px}.skeleton-card-line{max-width:100%;height:.75rem;margin:0 auto 8px}.skeleton-card-line--short{width:72%}.skeleton-card-line--tiny{width:48%;height:.65rem;margin-bottom:0}.detail-page-skeleton{margin-bottom:32px}.skeleton-backlink{border-radius:6px;width:160px;height:1.1rem;margin-bottom:16px}.skeleton-detail-header{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.skeleton-detail-img{border-radius:var(--radius);flex-shrink:0;width:min(200px,40vw);max-width:220px;height:min(200px,40vw);max-height:220px}.skeleton-detail-text{flex-direction:column;flex:1;gap:12px;min-width:200px;display:flex}.skeleton-detail-title{width:min(320px,90%);height:2.25rem}.skeleton-detail-line{width:100%;height:1rem}.skeleton-detail-line--mid{width:85%}.skeleton-pokedex-img{border-radius:12px;width:100%;height:100%;min-height:140px}.pokedex-results-skeleton{margin-top:12px}.not-found-page{text-align:left;max-width:520px}.not-found-lead{margin:0 0 24px;font-size:1rem;line-height:1.5}.not-found-home{text-decoration:none;display:inline-flex}.pokedex-layout,.catalog-layout{grid-template-columns:minmax(240px,280px) 1fr;align-items:start;gap:24px;display:grid}.pokedex-sidebar,.catalog-sidebar{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;padding:18px;position:sticky;top:84px}.catalog-filter-scroll{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.catalog-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.35;display:flex}.catalog-check input{accent-color:var(--accent-blue);flex-shrink:0;margin-top:3px}.catalog-radio{cursor:pointer;color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;display:flex}.catalog-radio input{accent-color:var(--accent-blue)}.catalog-sidebar-section{margin-bottom:20px}.catalog-sidebar-section:last-of-type{margin-bottom:12px}.catalog-sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.7rem;font-weight:800}.catalog-sidebar-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding-top:8px;display:flex}.btn-catalog-apply{background:var(--accent-red);color:var(--text-on-accent);border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);border:none;padding:10px 18px}.btn-catalog-apply:hover{background:var(--accent-red-hover)}.catalog-clear{color:var(--text-muted);font-size:.85rem}.catalog-clear:hover{color:var(--accent-blue)}.catalog-header h1{color:var(--title);font-size:2rem}.catalog-header p{font-weight:600}.catalog-search{border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;max-width:520px;box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:0;margin-bottom:22px;padding:6px 8px 6px 16px;display:flex}.catalog-search:focus-within{border-color:#2563eb73;box-shadow:0 0 0 3px #2563eb1a}.catalog-search-icon{opacity:.55;-webkit-user-select:none;user-select:none;margin-right:8px;font-size:.9rem}.catalog-search input[type=search]{min-width:0;color:var(--text);font-size:.9rem;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.catalog-search input[type=search]::placeholder{color:var(--text-muted)}.catalog-search-submit{background:var(--accent-blue);color:var(--text-on-accent);border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);border:none;padding:10px 20px;box-shadow:0 2px 6px #2563eb40}.catalog-search-submit:hover{background:var(--accent-blue-hover)}.catalog-empty{color:var(--text-muted);text-align:center;padding:32px 0}.pokedex-sidebar-section{margin-bottom:20px}.pokedex-sidebar-section:last-of-type{margin-bottom:12px}.pokedex-sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.7rem;font-weight:700}.pokedex-spec-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.pokedex-spec-col{flex-direction:column;gap:6px;display:flex}.pokedex-type-grid{flex-wrap:wrap;gap:6px;display:flex}.pokedex-check{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.78rem;line-height:1.25;display:flex}.pokedex-check input{accent-color:var(--accent);flex-shrink:0}.pokedex-check img{object-fit:contain;background:linear-gradient(145deg,#f5faf6 0%,#e8f0eb 100%);border:1px solid #0000000d;border-radius:6px;flex-shrink:0;width:24px;height:24px}.pokedex-check span:last-child,.pokedex-spec-label{color:var(--text);font-weight:600}.pokedex-draft-hint{color:var(--text-muted);border-top:1px dashed var(--border);margin:10px 0 0;padding-top:10px;font-size:.75rem;line-height:1.4}.pokedex-clear{cursor:pointer;font-family:var(--font);color:var(--text-muted);background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.pokedex-clear:hover{color:var(--accent)}.pokedex-check--compact .type-badge{padding:2px 8px;font-size:.65rem}.pokedex-radio{cursor:pointer;color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;display:flex}.pokedex-radio input{accent-color:var(--accent)}.pokedex-sidebar-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding-top:8px;display:flex}.btn-pokedex-apply{background:var(--accent-red);color:var(--text-on-accent);border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);border:none;padding:10px 18px}.btn-pokedex-apply:hover{background:var(--accent-red-hover)}.pokedex-main,.catalog-main{min-width:0;padding:4px 4px 8px}.pokedex-header{margin-bottom:14px}.pokedex-header h1{color:var(--title);font-size:2rem}.pokedex-header p{font-weight:600}.pokedex-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pokedex-tab{border-radius:var(--radius-pill);color:var(--text-muted);background:#fff;border:1px solid #00000014;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #0000000d}.pokedex-tab:hover{color:var(--text);border-color:#2563eb59}.pokedex-tab.is-active{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-on-accent);box-shadow:0 3px 10px #e01e2a59}.pokedex-search{border-radius:var(--radius-pill);width:100%;max-width:520px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #00000014;align-items:center;gap:0;margin-bottom:22px;padding:6px 8px 6px 16px;display:flex}.pokedex-search:focus-within{border-color:#2563eb73;box-shadow:0 0 0 3px #2563eb1f}.pokedex-search-icon{opacity:.6;-webkit-user-select:none;user-select:none;margin-right:8px;font-size:.9rem}.pokedex-search input[type=search]{min-width:0;color:var(--text);font-size:.9rem;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.pokedex-search input[type=search]::placeholder{color:var(--text-muted)}.pokedex-search-submit{background:var(--accent-blue);color:var(--text-on-accent);border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font);border:none;padding:10px 20px;box-shadow:0 2px 6px #2563eb4d}.pokedex-search-submit:hover{background:var(--accent-blue-hover);color:var(--text-on-accent)}.pokedex-empty{color:var(--text-muted);text-align:center;padding:32px 0}.pokedex-card-grid{align-items:stretch}.pokedex-card{text-align:left;align-items:stretch;padding-bottom:14px;position:relative}.pokedex-card-img-wrap{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.pokedex-card-spec-icons{flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.pokedex-card-spec-icons img,.pokedex-card-spec-img{object-fit:contain;background:#f1f5f9;border:1px solid #0f172a14;border-radius:8px;width:28px;height:28px;box-shadow:0 1px 2px #0000000a}.pokedex-card-body{width:100%;padding-right:36px}.pokedex-card .card-name{color:var(--title);font-weight:800}.pokedex-card .card-number{color:var(--text-muted);font-weight:700}.pokedex-card-types{justify-content:flex-start;margin-top:8px}@media (width<=900px){.pokedex-layout,.catalog-layout{flex-direction:column;grid-template-columns:1fr;gap:16px;display:flex}.pokedex-main,.catalog-main{order:-1;width:100%;min-width:0}.pokedex-sidebar,.catalog-sidebar{order:1;width:100%;max-width:none;position:static}.pokedex-spec-grid{grid-template-columns:1fr 1fr;gap:8px 10px}.pokedex-check{font-size:.8rem}.pokedex-header h1{font-size:1.65rem}}@media (width<=600px){.pokedex-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pokedex-check img{width:20px;height:20px}.pokedex-tabs{flex-wrap:wrap;gap:8px}.pokedex-search{flex-wrap:wrap}}