:root{--pdx-red:#d8232a;--pdx-red-dark:#a8181e;--pdx-blue:#2a75bb;--pdx-ink:#14110f;--pdx-paper:#f5f3ee;--pdx-card:#fff;--pdx-shadow:0 4px 0 #0000002e, 0 8px 24px #0000001f;--pdx-bird:#4aa6e0;--pdx-mammal:#c98a3a;--pdx-radius:16px;--pdx-font-display:"Press Start 2P", system-ui, sans-serif;--pdx-font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--pdx-paper);color:var(--pdx-ink);font-family:var(--pdx-font-body);margin:0}.pdx-shell{max-width:760px;margin:0 auto;padding:0 16px 48px}.pdx-header{z-index:10;background:linear-gradient(180deg, var(--pdx-red), var(--pdx-red-dark));color:#fff;box-shadow:var(--pdx-shadow);border-bottom:4px solid #00000040;align-items:center;gap:14px;margin:0 -16px 20px;padding:14px 18px;display:flex;position:sticky;top:0}.pdx-lens{background:radial-gradient(circle at 32% 30%,#bfe9ff,#2a75bb 60%,#14406b);border:3px solid #fff;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 3px #00000040}.pdx-title{font-family:var(--pdx-font-display);letter-spacing:1px;font-size:14px}.pdx-nav{gap:14px;margin-left:6px;display:flex}.pdx-nav a{color:#fff;opacity:.92;font-weight:800;text-decoration:none}.pdx-nav a:hover{text-decoration:underline}.pdx-spacer{margin-left:auto}.pdx-button{font-family:var(--pdx-font-body);cursor:pointer;color:var(--pdx-red-dark);background:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:800;transition:transform 50ms;box-shadow:0 3px #0003}.pdx-button:hover{transform:translateY(-1px)}.pdx-button:active{transform:translateY(2px);box-shadow:0 1px #0003}.pdx-button:disabled{opacity:.6;cursor:default}.pdx-h2{font-family:var(--pdx-font-display);margin:8px 0 18px;font-size:13px;line-height:1.6}.pdx-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:0;list-style:none;display:grid}.pdx-card{background:var(--pdx-card);border-radius:var(--pdx-radius);box-shadow:var(--pdx-shadow);border:3px solid var(--pdx-ink);overflow:hidden}.pdx-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pdx-card-body{padding:10px 12px}.pdx-card-name{font-weight:800}.pdx-card-sci{color:#6b655d;font-size:.85em;font-style:italic}.pdx-chip{color:#fff;border-radius:999px;padding:2px 8px;font-size:.72em;font-weight:800;display:inline-block}.pdx-chip--bird{background:var(--pdx-bird)}.pdx-chip--mammal{background:var(--pdx-mammal)}.pdx-filter{gap:8px;margin:0 0 16px;display:flex}.pdx-filter-chip{font-family:var(--pdx-font-body);cursor:pointer;color:var(--pdx-ink);border:3px solid var(--pdx-ink);background:#fff;border-radius:999px;padding:6px 14px;font-size:.85em;font-weight:800}.pdx-filter-chip:focus-visible{outline:3px solid var(--pdx-blue);outline-offset:2px}.pdx-filter-chip--all{background:var(--pdx-ink);color:#fff}.pdx-filter-chip--bird{background:var(--pdx-bird);color:#fff}.pdx-filter-chip--mammal{background:var(--pdx-mammal);color:#fff}.pdx-form{gap:14px;max-width:440px;display:grid}.pdx-form select,.pdx-form input[type=text],.pdx-form input:not([type]){font-family:var(--pdx-font-body);border:3px solid var(--pdx-ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px}.pdx-card-link{color:inherit;height:100%;text-decoration:none;display:block}.pdx-card:has(.pdx-card-link){transition:transform 80ms}.pdx-card:has(.pdx-card-link):hover{transform:translateY(-2px)}.pdx-card-link:focus-visible{outline:3px solid var(--pdx-blue);outline-offset:-3px}.pdx-card-contributor{color:#6b655d;margin-top:2px;font-size:.8em;font-weight:700}.pdx-back{color:var(--pdx-blue);margin:4px 0 14px;font-weight:800;text-decoration:none;display:inline-block}.pdx-back:hover{text-decoration:underline}.pdx-detail{background:var(--pdx-card);border-radius:var(--pdx-radius);box-shadow:var(--pdx-shadow);border:3px solid var(--pdx-ink);flex-wrap:wrap;gap:18px;margin-bottom:22px;padding:16px;display:flex}.pdx-detail img{aspect-ratio:1;object-fit:cover;border:3px solid var(--pdx-ink);border-radius:12px;flex:none;width:200px;max-width:100%}.pdx-detail-body{flex:240px;min-width:0}.pdx-detail-body .pdx-h2{margin:0 0 4px}.pdx-detail-desc{margin:12px 0}.pdx-detail-facts{gap:8px;margin:0;display:grid}.pdx-detail-facts dt{text-transform:uppercase;letter-spacing:.5px;color:#6b655d;font-size:.78em;font-weight:800}.pdx-detail-facts dd{margin:0;font-weight:700}.pdx-empty{color:#6b655d;font-weight:700}.pdx-error{color:var(--pdx-red-dark);font-weight:800}