:root{color-scheme:light dark;--bg:#f6f5ed;--surface:#fffef8;--text:#23332c;--muted:#59675d;--line:#dce2d6;--accent:#326448;--stage:#eaf0e4;--shadow:0 5px 18px #23332c07}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}main{max-width:1320px;margin:auto;padding:48px 28px 64px}a{color:inherit}header{padding:28px 0 35px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em}.eyebrow span{margin-right:8px}h1{font-size:clamp(30px,5vw,54px);line-height:1.15;letter-spacing:-.045em;margin:18px 0}h1 span{font-weight:400}.subtitle{font-size:20px;color:var(--muted);margin:0}.total{font-size:14px;color:var(--muted);margin-top:20px}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 44px}.categories a,.back{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:10px 18px;border:1px solid var(--line);border-radius:9px;text-decoration:none;background:var(--surface);font-size:14px;font-weight:700}.categories a:hover,.back:hover{border-color:var(--accent)}.categories span{color:var(--muted);font-weight:400}section{margin:0 0 52px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:26px;letter-spacing:-.025em;margin:0}.section-heading h2 span{font-size:14px;color:var(--muted);font-weight:400;margin-left:8px}.section-heading p{color:var(--muted);font-size:14px;margin:5px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none}.card:hover{border-color:var(--accent)}.preview{position:relative;display:flex;align-items:center;justify-content:center;margin:0;aspect-ratio:1.18;background:var(--stage);overflow:hidden}.preview img{width:100%;height:100%;max-height:300px;object-fit:contain;image-rendering:pixelated;padding:10px}.preview figcaption{position:absolute;bottom:8px;left:14px;font-size:10px;color:var(--muted);letter-spacing:.02em}.card-body{display:flex;flex-direction:column;flex:1;padding:22px}.badge{align-self:flex-start;border-radius:5px;padding:3px 8px;font-size:11px;letter-spacing:.03em;font-weight:700;background:#e3efdc;color:#38652d}.badge.neutral{background:#fff0ca;color:#785818}.badge.hostile{background:#f8e5dd;color:#963e2d}h3{font-size:20px;letter-spacing:-.025em;line-height:1.3;margin:12px 0 8px}.health{font-weight:700;margin:0;font-size:15px}.hearts{color:var(--muted);font-size:12px;font-weight:400;margin-left:8px;white-space:nowrap}.description{font-size:14px;color:var(--muted);margin:12px 0 20px;flex:1}.egg{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-height:40px}.egg img{image-rendering:pixelated;object-fit:contain}.discover{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:12px;font-weight:700;color:var(--accent)}footer{text-align:center;padding:30px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer small{font-size:11px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:40px 0}.detail .preview{aspect-ratio:1;border-radius:20px;align-self:start;border:1px solid var(--line)}.detail .preview img{max-height:none}.detail h1{font-size:clamp(30px,4vw,48px)}.detail-description{font-size:19px;margin:22px 0}.detail .egg{margin:24px 0}dl{border-top:1px solid var(--line);padding-top:20px;font-size:14px}dt{font-weight:700;margin-top:16px}dd{margin:4px 0;color:var(--muted)}code{overflow-wrap:anywhere}.skip{position:absolute;top:-80px;left:20px;padding:12px;background:var(--surface);z-index:1}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.missing{color:var(--muted);font-size:14px}@media(max-width:650px){main{padding:22px 18px 40px}header{padding-top:12px}.subtitle{font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.detail{grid-template-columns:1fr;gap:24px}.detail .preview{max-width:420px;width:100%;margin:auto}.categories{margin-bottom:30px;gap:8px}.categories a{gap:10px;padding:10px 13px}}@media(prefers-color-scheme:dark){:root{--bg:#17221d;--surface:#202e26;--text:#e6eedf;--muted:#aabbac;--line:#35473a;--accent:#a8d691;--stage:#283b2d;--shadow:none}.badge{background:#354b2d;color:#bce0a7}.badge.neutral{background:#4d4226;color:#efd48c}.badge.hostile{background:#4d3028;color:#f0b29a}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}