:root{--bg: #08090c;--bg-deep: #11131a;--surface: rgba(22, 25, 33, .88);--ink: #f4efdf;--ink-soft: #b8b6b0;--accent: #e4ab49;--shadow: 0 20px 50px rgba(4, 6, 10, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Trebuchet MS,Gill Sans,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 34%),radial-gradient(circle at bottom right,rgba(255,206,128,.2),transparent 34%),linear-gradient(135deg,#060709,var(--bg) 45%,var(--bg-deep))}.page-shell{width:min(980px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--ink-soft)}.subtitle{margin:.45rem 0 0;color:var(--ink-soft);font-size:.95rem}h1{margin:0;font-size:clamp(2rem,5vw,3rem);font-family:Palatino Linotype,Book Antiqua,Georgia,serif}.card{border:1px solid rgba(95,62,32,.14);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:1rem}.animals-main{flex:1;min-height:0}.animals-collection-card{height:100%;min-height:calc(100vh - 12.5rem);overflow:auto}.button{display:inline-block;text-decoration:none;border:1px solid rgba(255,203,127,.45);border-radius:999px;background:linear-gradient(135deg,#ffb74d3b,#ffcb7f24);color:#ffe5bf;padding:.72rem 1.05rem}.button.ghost{color:#f3ede1;background:#161a25f5;border:1px solid rgba(255,255,255,.24)}.animals-grid{display:grid;grid-template-columns:repeat(auto-fill,22px);gap:.35rem;align-content:start;justify-content:start}.animal-tile{appearance:none;-webkit-appearance:none;border:0;border-radius:8px;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease}.animal-tile:focus-visible{outline:2px solid rgba(255,203,127,.9);outline-offset:2px}.animal-tile-image{width:18px;height:18px;object-fit:contain}.animal-tile-label{display:none;font-size:.78rem;color:var(--ink-soft);text-align:center}.animal-tile.expanded{border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#12161ff2;padding:.55rem;gap:.35rem;width:132px;min-height:132px;grid-column:span 5;grid-row:span 5;transform:scale(1)}.animal-tile.expanded .animal-tile-image{width:72px;height:72px}.animal-tile.expanded .animal-tile-label{display:block}@media(max-width:700px){.header{flex-direction:column}}