:root{--paper: #fbf4e4;--panel: #fffdf8;--ink: #2b2a26;--muted: #7a7263;--line: #e7dcc4;--t-fire: #ef6b43;--t-water: #3aa0e6;--t-grass: #56ab5b;--t-electric: #efbb2a;--t-rock: #b08a5e;--t-air: #8db8de;--shadow: 0 10px 26px -14px rgba(43, 42, 38, .5);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 12% 18%,rgba(239,187,42,.12),transparent 22%),radial-gradient(circle at 88% 12%,rgba(58,160,230,.12),transparent 24%),radial-gradient(circle at 78% 88%,rgba(86,171,91,.12),transparent 26%);line-height:1.55}h1,h2,h3{font-family:"Baloo 2",system-ui,sans-serif;margin:0;line-height:1.1}.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.hero{text-align:center;padding:clamp(34px,6vw,64px) 0 clamp(20px,3vw,32px)}.badge{display:inline-block;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ink);padding:.3rem .9rem;border-radius:999px;transform:rotate(-1.5deg)}.hero h1{font-size:clamp(2.4rem,7vw,4.2rem);font-weight:800;margin:.7rem 0 .3rem;letter-spacing:-.01em}.hero h1 .pop{color:var(--t-fire)}.hero p{margin:.2rem auto 0;max-width:52ch;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin:1.4rem 0 .4rem;justify-content:center}.search{flex:1 1 240px;max-width:360px;font:inherit;padding:.6rem 1rem;border:2px solid var(--ink);border-radius:999px;background:var(--panel)}.search:focus{outline:3px solid var(--t-electric);outline-offset:1px}.filters{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.chip{font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;padding:.34rem .8rem;border-radius:999px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);transition:transform .1s ease}.chip:hover{transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}main{padding:1.4rem 0 4rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2.4vw,26px)}.card{background:var(--panel);border:2.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 16px 30px -14px #2b2a268c}.card:focus-visible{outline:4px solid var(--t-electric);outline-offset:4px}.card[aria-expanded=true]{transform:translateY(-2px);box-shadow:0 18px 34px -16px #2b2a269e}.card.hidden{display:none}.art{position:relative;aspect-ratio:5 / 4;display:grid;place-items:center;border-bottom:2.5px solid var(--ink);background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%),var(--tint, #efe7d3)}.art img{width:64%;height:64%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18))}.art .emoji{font-size:clamp(3rem,9vw,4.2rem);line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}.art .anim{width:100%;height:100%;display:block;filter:drop-shadow(0 5px 5px rgba(0,0,0,.16))}.art .anim-mount{width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.16))}.art .anim-mount svg{width:100%;height:100%}.num{position:absolute;top:10px;left:12px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1rem;color:#2b2a2673}.card-body{padding:.85rem 1.05rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-body h2{font-size:1.5rem;font-weight:800}.types{display:flex;gap:.4rem;flex-wrap:wrap}.type{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:.18rem .62rem;border-radius:999px;border:2px solid rgba(0,0,0,.18)}.flavor{margin:0;font-size:.94rem;color:var(--muted)}.author{margin:.1rem 0 0;font-size:.74rem;font-weight:700;color:var(--ink);opacity:.6}.card-details{display:none}.card[aria-expanded=true] .card-details{display:block}.card-details .flavor{margin-top:.2rem}.details-hint{align-self:flex-start;margin-top:auto;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.84rem;color:var(--ink);border-bottom:2px solid var(--t-electric)}.stats{margin:.2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;border-top:2px dashed var(--line);padding-top:.6rem}.stats div{text-align:center}.stats dt{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.stats dd{margin:.1rem 0 0;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.92rem}.t-fire{--tint: #fde4dc}.t-water{--tint: #dcecfa}.t-grass{--tint: #ddf0de}.t-electric{--tint: #fbf0cf}.t-rock{--tint: #ece0cf}.t-air{--tint: #e6f0fa}.type.fire{background:var(--t-fire)}.type.water{background:var(--t-water)}.type.grass{background:var(--t-grass)}.type.electric{background:var(--t-electric);color:#4a3a00}.type.rock{background:var(--t-rock)}.type.air{background:var(--t-air);color:#1f3850}.empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-weight:700}.empty code{background:var(--panel);border:1px solid var(--line);padding:.1rem .4rem;border-radius:5px}footer{text-align:center;padding:1.5rem 0 3rem;color:var(--muted);font-weight:700}footer a{color:var(--t-fire)}@media (prefers-reduced-motion: reduce){.card{transition:none}}