/* Site-specific art direction, layered after the reusable template. */
:root[data-skin]:has(.zoo-site){--bg:#f7f6ef;--surface:#fffef9;--ink:#213d30;--muted:#5d6b60;--line:#d9dfd2;--accent:#306b45;--button:#d4e6b1;--button-ink:#203e2e;--hero:#244934;--hero-ink:#f9f8ee;--hero-muted:#d1dfcb}
:root[data-skin][data-mode=dark]:has(.zoo-site){--bg:#14231c;--surface:#1c3025;--ink:#edf0de;--muted:#bac7b5;--line:#3d5142;--accent:#b1d491;--button:#c2dca4;--button-ink:#203e2e}
.zoo-site{line-height:1.7;-webkit-font-smoothing:antialiased}.zoo-site .wrap{width:min(1180px,calc(100% - 64px))}.zoo-site .status-bar{background:#244934;color:#e9efdc;font-size:10px;padding:5px 12px;letter-spacing:.13em}.zoo-site .site-header{min-height:96px;border-bottom:1px solid var(--line);gap:26px}.zoo-site .brand{font:700 23px/1.15 Georgia,serif;letter-spacing:-.7px;position:relative;padding-left:46px}.zoo-site .brand:before{content:"";position:absolute;left:0;top:1px;width:34px;height:38px;background:var(--accent);border-radius:22px 3px 22px 3px;transform:rotate(-12deg)}.zoo-site .brand:after{content:"";position:absolute;left:17px;top:8px;width:1px;height:26px;background:var(--surface);transform:rotate(28deg)}.zoo-site .brand span{font-size:9px;letter-spacing:2px;margin-top:6px;text-transform:uppercase}.zoo-site .site-header nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.zoo-site #theme-toggle{min-height:40px;font-size:11px;border-radius:24px}.zoo-site h1,.zoo-site h2,.zoo-site h3{font-weight:500}.zoo-site .eyebrow{font-family:var(--body);font-size:10px;letter-spacing:.17em;font-weight:650}
.zoo-hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:30px;padding:38px 0 30px}.zoo-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-2px;margin-bottom:20px}.zoo-hero h1 em{font-weight:400;color:var(--accent)}.zoo-subtitle{font-size:17px;font-weight:600;margin-bottom:9px}.zoo-hero .lead{font-size:14px;line-height:1.85;max-width:49ch;margin-bottom:24px}.zoo-hero-art{margin:0;min-width:0;position:relative}.zoo-hero-art>img{width:100%;height:auto;display:block}.zoo-hero-art figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:var(--muted);padding:0 42px;margin:4px 0 0}.zoo-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--surface);max-width:540px}.zoo-search input{border:0;background:transparent;font-size:14px;min-height:46px;flex:1}.zoo-search button{background:var(--accent);color:var(--surface);border:0;min-height:46px;padding:10px 17px;font-size:13px;font-weight:600;border-radius:5px;display:flex;gap:16px;align-items:center}html[data-mode=dark] .zoo-search button{color:#183522}.zoo-quick{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:10px}.zoo-quick a{font-size:11px;min-height:36px;display:flex;align-items:center;text-decoration-color:var(--line)}.zoo-facts{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr;padding:22px 0;border-block:1px solid var(--line);gap:22px}.zoo-facts>div{border-right:1px solid var(--line);padding-right:16px}.zoo-facts>div:last-child{border:0}.zoo-facts span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}.zoo-facts strong{font-size:12px;font-weight:600}.zoo-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.zoo-heading h2{font-size:34px;letter-spacing:-1px;margin:0}.zoo-heading .eyebrow{margin-bottom:8px}.zoo-heading>a{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:12px}.zoo-explore,.zoo-guides{margin-top:56px}.zoo-habitats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.zoo-habitats li{min-width:0}.zoo-habitats a{display:block;text-decoration:none;height:100%;border-bottom:1px solid var(--line);padding-bottom:20px}.habitat-art{border-radius:12px 12px 3px 3px;background:#e4ebd7;overflow:hidden}.habitat-art img{display:block;width:100%;height:auto;transition:transform .2s}.habitat-water .habitat-art{background:#dfedeb}.habitat-air .habitat-art{background:#f0e9d7}.zoo-habitats a:hover .habitat-art img{transform:scale(1.05)}.habitat-copy{position:relative;padding-top:20px;padding-right:18px}.habitat-copy .eyebrow{font-size:9px;display:block;margin-bottom:8px}.habitat-copy h3{font-size:24px;letter-spacing:-.6px;margin-bottom:9px}.habitat-copy p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.habitat-arrow{position:absolute;right:0;top:19px;color:var(--accent)}.zoo-guide-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}.zoo-guide-list li{position:relative;display:flex;gap:18px;align-items:start;padding:24px 26px 24px 0;border-bottom:1px solid var(--line)}.guide-index{font-size:11px;color:var(--accent);padding-top:4px}.zoo-guide-list h3{font-size:21px;line-height:1.4;margin-bottom:9px;letter-spacing:-.3px}.zoo-guide-list h3 a{text-decoration:none}.zoo-guide-list h3 a:after{content:"";position:absolute;inset:0}.zoo-guide-list p{font-size:12px;color:var(--muted);margin:0}.guide-arrow{position:absolute;right:0;top:26px;color:var(--accent)}.zoo-about{margin-top:56px;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1.6fr 1fr;gap:58px}.zoo-about h2{font-size:30px;margin-bottom:18px}.zoo-about p{font-size:13px;line-height:1.9}.zoo-about>div>a{font-size:12px}.zoo-about aside{align-self:center}.zoo-about aside>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:13px}.zoo-about aside>.eyebrow{display:block;margin-bottom:12px}.zoo-faq{display:grid;grid-template-columns:1fr 1.65fr;gap:60px;margin-top:56px}.zoo-faq h2{font-size:33px;letter-spacing:-.5px;margin-bottom:14px}.zoo-faq>div>p{font-size:13px;color:var(--muted)}.zoo-faq details{padding:0}.zoo-faq summary{font-size:13px;min-height:60px;padding:18px 25px 18px 0;font-weight:500}.zoo-faq details p{font-size:13px;margin:0 0 20px}.zoo-trust{margin-top:56px;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:35px;align-items:center}.zoo-trust h2{font-size:25px;letter-spacing:-.5px;margin-bottom:12px}.zoo-trust p{font-size:12px;color:var(--muted);margin-bottom:0}.zoo-trust .eyebrow{font-size:9px;margin-bottom:10px}.zoo-trust>a{font-size:12px;white-space:nowrap}.zoo-site footer{margin-top:24px!important;padding-top:28px}.zoo-site footer nav{gap:10px 22px}.zoo-site .quick-answer{border-radius:0 10px 10px 0}.zoo-site .breadcrumb{margin-top:22px}.zoo-site .article-layout h2{letter-spacing:-.4px}.zoo-site .entry-list h2{font-size:25px}.zoo-site .next-steps a{min-height:38px;display:inline-flex;align-items:center}
@media(min-width:851px){.zoo-site main:not(:has(.zoo-home))>h1{font-size:46px;max-width:850px}}
@media(max-width:850px){.zoo-site .site-header{min-height:0;padding:18px 0;gap:12px}.zoo-site .site-header nav{order:3;gap:26px;flex-wrap:wrap}.zoo-hero{gap:18px;padding-top:30px}.zoo-hero h1{font-size:42px}.zoo-hero-art figcaption{padding:0 20px;font-size:7px}.zoo-facts{grid-template-columns:1fr 1fr}.zoo-facts>div:nth-child(2){border:0}.zoo-habitats{gap:15px}.habitat-copy h3{font-size:21px}.zoo-about{padding:26px;gap:28px}.zoo-heading h2{font-size:30px}.zoo-faq{gap:30px}.zoo-trust{display:block}.zoo-trust>a{display:inline-block;margin-top:15px}}
@media(max-width:600px){.zoo-site .wrap{width:calc(100% - 36px)}.zoo-site .status-bar{font-size:8px;letter-spacing:.08em}.zoo-site .brand{font-size:21px;padding-left:40px}.zoo-site .brand span{font-size:8px}.zoo-site .brand:before{width:29px;height:33px}.zoo-site .brand:after{left:14px;height:22px}.zoo-site #theme-toggle{padding:7px 11px;font-size:10px;min-height:36px}.zoo-site .site-header nav{gap:0 25px;overflow:visible}.zoo-site .site-header nav a{font-size:12px;min-height:36px}.zoo-hero{grid-template-columns:1fr;gap:20px;padding:28px 0 24px}.zoo-hero h1{font-size:45px;letter-spacing:-1.7px;margin-bottom:16px}.zoo-hero .eyebrow{font-size:9px;margin-bottom:14px}.zoo-subtitle{font-size:16px}.zoo-hero .lead{font-size:13px;margin-bottom:18px}.zoo-search input{font-size:16px;padding:10px 7px}.zoo-search button{font-size:12px;padding:10px 12px;gap:8px}.zoo-quick{gap:18px;margin-top:5px}.zoo-hero-art{max-width:300px;justify-self:center;width:100%}.zoo-hero-art figcaption{font-size:8px;padding:0 12px}.zoo-facts{padding:18px 0;gap:16px}.zoo-facts strong{font-size:11px}.zoo-facts span{font-size:8px}.zoo-heading{align-items:start;gap:14px;flex-direction:column;margin-bottom:18px}.zoo-heading h2{font-size:29px}.zoo-heading>a{min-height:28px}.zoo-habitats{grid-template-columns:1fr;gap:22px}.zoo-habitats a{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-bottom:20px;align-items:center}.habitat-art{border-radius:8px}.habitat-art img{height:126px;width:100%;object-fit:cover}.habitat-copy{padding-top:0}.habitat-copy h3{font-size:21px}.habitat-copy p{font-size:12px}.habitat-copy .eyebrow{font-size:8px}.habitat-arrow{top:0}.zoo-guide-list{grid-template-columns:1fr}.zoo-guide-list li{padding:21px 22px 21px 0;gap:15px}.zoo-guide-list h3{font-size:21px}.zoo-about{grid-template-columns:1fr;padding:24px 20px;gap:28px}.zoo-about h2{font-size:28px}.zoo-faq{grid-template-columns:1fr;gap:20px}.zoo-faq h2{font-size:29px}.zoo-faq h2 br{display:none}.zoo-faq summary{font-size:13px}.zoo-explore,.zoo-guides,.zoo-about,.zoo-faq,.zoo-trust{margin-top:38px}.zoo-trust h2{font-size:24px}.zoo-site main:not(:has(.zoo-home))>h1{font-size:32px}.zoo-site .breadcrumb{margin-bottom:18px}.zoo-site .quick-answer{padding:18px;margin-top:16px}.zoo-site .quick-answer p{font-size:14px}.zoo-site footer strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.zoo-habitats .habitat-art img{transition:none}}

.zoo-game-name{display:block;font:600 16px/1.5 var(--body);letter-spacing:0;margin-bottom:14px;color:var(--accent)}
.zoo-badge{display:inline-flex;gap:8px;align-items:baseline;font-size:11px;font-weight:600;line-height:1.5;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:18px}.zoo-players{margin-top:56px}.zoo-steamdb{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1b2838;max-width:800px}.zoo-steamdb iframe{display:block;width:100%;height:clamp(300px,56vw,600px);border:0}.zoo-note{font-size:12px;color:var(--muted);margin-top:10px}
.zoo-filter,.zoo-progress{margin:14px 0 12px}.zoo-filter [role=group]{display:flex;flex-wrap:wrap;gap:8px}.zoo-filter button,.zoo-progress button{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:13px;cursor:pointer}.zoo-filter button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--surface)}.zoo-filter p,.zoo-progress p{font-size:13px;color:var(--muted);margin:10px 0 0}.zoo-progress progress{width:100%;max-width:420px;height:10px;accent-color:var(--accent)}.zoo-progress>div{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:8px}.zoo-progress label{font-size:13px;display:inline-flex;gap:8px;align-items:center;min-height:40px}.zoo-check{display:inline-flex;align-items:center;margin-right:10px;vertical-align:middle}.zoo-check input,.zoo-progress input{width:20px;height:20px;accent-color:var(--accent)}tr.is-done th,tr.is-done td{color:var(--muted)}tr.is-done th{text-decoration:line-through}
.zoo-hero h1{font-size:clamp(34px,3.7vw,52px);letter-spacing:-1.4px}@media(max-width:600px){.zoo-hero h1{font-size:36px;letter-spacing:-1px}}