.category-page.svelte-1mxh63r{min-height:100vh;background:var(--page-bg)}.hero-banner.svelte-1mxh63r{position:relative;background:var(--header-bg);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden}.hero-content.svelte-1mxh63r{display:flex;align-items:center;gap:var(--space-md);max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.back-button.svelte-1mxh63r{display:flex;align-items:center;justify-content:center;width:var(--touch-recommended);height:var(--touch-recommended);background:#ffffffe6;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.back-button.svelte-1mxh63r:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-1mxh63r:active{transform:scale(.95)}.back-button.svelte-1mxh63r svg:where(.svelte-1mxh63r){width:28px;height:28px}.hero-text.svelte-1mxh63r{flex:1}.hero-title.svelte-1mxh63r{display:flex;align-items:center;gap:var(--space-sm);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;color:var(--color-text);margin:0}.hero-emoji.svelte-1mxh63r{font-size:1.2em;animation:svelte-1mxh63r-bounce 2s ease-in-out infinite}.hero-subtitle.svelte-1mxh63r{font-size:var(--font-size-body);color:var(--color-text);margin:var(--space-xs) 0 0;opacity:.85}.hero-wave.svelte-1mxh63r{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-1mxh63r svg:where(.svelte-1mxh63r){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-1mxh63r path:where(.svelte-1mxh63r){fill:var(--page-bg)}.games-link-section.svelte-1mxh63r{padding:0 var(--space-md);margin-top:calc(var(--space-md) * -1);position:relative;z-index:1;margin-bottom:var(--space-md)}.games-link-card.svelte-1mxh63r{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--color-sunny-yellow) 0%,#FFE082 100%);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);text-decoration:none;color:var(--color-text);box-shadow:0 4px 16px #ffd93d4d;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);max-width:500px;margin:0 auto}.games-link-card.svelte-1mxh63r:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ffd93d66}.games-link-card.svelte-1mxh63r:active{transform:translateY(0) scale(.98)}.games-link-icon.svelte-1mxh63r{font-size:1.75rem;flex-shrink:0}.games-link-content.svelte-1mxh63r{flex:1;display:flex;flex-direction:column;gap:2px}.games-link-title.svelte-1mxh63r{font-size:var(--font-size-body);font-weight:700}.games-link-desc.svelte-1mxh63r{font-size:var(--font-size-small);opacity:.8}.games-link-arrow.svelte-1mxh63r{width:32px;height:32px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.games-link-arrow.svelte-1mxh63r svg:where(.svelte-1mxh63r){width:16px;height:16px}.games-link-card.svelte-1mxh63r:hover .games-link-arrow:where(.svelte-1mxh63r){transform:translate(4px)}.animals-section.svelte-1mxh63r{padding:var(--space-lg) var(--space-md);padding-top:var(--space-md)}.animals-grid.svelte-1mxh63r{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:800px;margin:0 auto}.animal-card.svelte-1mxh63r{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);border:none;border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);cursor:pointer;box-shadow:0 4px 16px #0000001a;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);position:relative;overflow:hidden;animation:svelte-1mxh63r-card-appear .5s ease-out backwards;animation-delay:var(--animation-delay);font-family:inherit;min-height:140px}.animal-card.svelte-1mxh63r:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #00000026}.animal-card.svelte-1mxh63r:active{transform:translateY(-4px) scale(.98)}.animal-emoji-wrapper.svelte-1mxh63r{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;margin-bottom:var(--space-sm);transition:transform var(--transition-bounce)}.animal-card.svelte-1mxh63r:hover .animal-emoji-wrapper:where(.svelte-1mxh63r){transform:scale(1.1) rotate(5deg);animation:svelte-1mxh63r-wiggle .5s ease-in-out}.animal-emoji.svelte-1mxh63r{font-size:3rem}.animal-name.svelte-1mxh63r{font-size:var(--font-size-card-title);font-weight:700;color:var(--color-text)}.card-shine.svelte-1mxh63r{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);pointer-events:none}.animal-card.svelte-1mxh63r:hover .card-shine:where(.svelte-1mxh63r){animation:svelte-1mxh63r-shine .6s ease-out}.touch-ripple.svelte-1mxh63r{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);opacity:0;pointer-events:none;border-radius:inherit}.animal-card.touched.svelte-1mxh63r{transform:scale(.95)}.animal-card.touched.svelte-1mxh63r .touch-ripple:where(.svelte-1mxh63r){animation:svelte-1mxh63r-ripple .3s ease-out}.animal-card.touched.svelte-1mxh63r .animal-emoji-wrapper:where(.svelte-1mxh63r){animation:svelte-1mxh63r-pop .2s ease-out}.modal-overlay.svelte-1mxh63r{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);opacity:0;transition:opacity .3s ease-out}.modal-overlay.animating.svelte-1mxh63r{opacity:1}.modal-content.svelte-1mxh63r{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.8) translateY(20px);transition:transform .3s var(--ease-bounce)}.modal-content.animating.svelte-1mxh63r{transform:scale(1) translateY(0)}.modal-close.svelte-1mxh63r{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-light-cream);border:none;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.modal-close.svelte-1mxh63r:hover{transform:scale(1.1);background:var(--color-peach)}.modal-close.svelte-1mxh63r svg:where(.svelte-1mxh63r){width:20px;height:20px;color:var(--color-text)}.modal-animal-display.svelte-1mxh63r{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg)}.modal-emoji-wrapper.svelte-1mxh63r{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-sunny-yellow) 0%,#FFE082 100%);border-radius:50%;cursor:pointer;border:none;box-shadow:0 8px 24px #ffd93d66;transition:transform var(--transition-bounce),box-shadow var(--transition-normal)}.modal-emoji-wrapper.svelte-1mxh63r:hover{transform:scale(1.05);box-shadow:0 12px 32px #ffd93d80}.modal-emoji-wrapper.svelte-1mxh63r:active{transform:scale(.95)}.modal-emoji-wrapper.bouncing.svelte-1mxh63r{animation:svelte-1mxh63r-animal-bounce .6s ease-in-out}.modal-emoji.svelte-1mxh63r{font-size:6rem}.sound-hint.svelte-1mxh63r{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--font-size-small);color:var(--color-text);opacity:.7;animation:svelte-1mxh63r-pulse-hint 2s ease-in-out infinite}.tap-icon.svelte-1mxh63r{animation:svelte-1mxh63r-tap-bounce 1s ease-in-out infinite}.modal-name.svelte-1mxh63r{font-size:var(--font-size-page-title);font-weight:800;color:var(--color-text);text-align:center;margin:0 0 var(--space-md) 0}.sound-display.svelte-1mxh63r{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.sound-label.svelte-1mxh63r{font-size:var(--font-size-body);color:var(--color-text);opacity:.7}.sound-bubble.svelte-1mxh63r{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-sky-blue) 0%,#6DD5ED 100%);color:var(--color-white);border:none;border-radius:24px;font-size:var(--font-size-card-title);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #4ecdc44d;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.sound-bubble.svelte-1mxh63r:hover{transform:scale(1.05);box-shadow:0 6px 16px #4ecdc466}.sound-bubble.svelte-1mxh63r:active{transform:scale(.95)}.sound-icon.svelte-1mxh63r{width:20px;height:20px}.fun-fact-section.svelte-1mxh63r{background:linear-gradient(135deg,var(--color-light-cream) 0%,#FFF8E7 100%);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.fun-fact-title.svelte-1mxh63r{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-card-title);font-weight:700;color:var(--color-text);margin:0 0 var(--space-sm) 0}.star-icon.svelte-1mxh63r{animation:svelte-1mxh63r-star-spin 3s linear infinite}.fun-fact-text.svelte-1mxh63r{font-size:var(--font-size-body);color:var(--color-text);line-height:1.5;margin:0 0 var(--space-md) 0}.listen-button.svelte-1mxh63r{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-white);color:var(--color-text);border:2px solid var(--color-sunny-yellow);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);font-family:inherit}.listen-button.svelte-1mxh63r:hover{transform:scale(1.05);background:var(--color-sunny-yellow)}.listen-button.svelte-1mxh63r:active{transform:scale(.95)}.listen-button.svelte-1mxh63r svg:where(.svelte-1mxh63r){width:20px;height:20px}@keyframes svelte-1mxh63r-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svelte-1mxh63r-card-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1mxh63r-shine{0%{left:-100%}to{left:100%}}@keyframes svelte-1mxh63r-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.1) rotate(-10deg)}75%{transform:scale(1.1) rotate(10deg)}}@keyframes svelte-1mxh63r-animal-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(.9)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes svelte-1mxh63r-pulse-hint{0%,to{opacity:.7}50%{opacity:.4}}@keyframes svelte-1mxh63r-tap-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes svelte-1mxh63r-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1mxh63r-ripple{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes svelte-1mxh63r-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (min-width: 640px){.hero-banner.svelte-1mxh63r{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.hero-wave.svelte-1mxh63r svg:where(.svelte-1mxh63r){height:60px}.animals-section.svelte-1mxh63r{padding:var(--space-xl) var(--space-lg)}.animals-grid.svelte-1mxh63r{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.animal-card.svelte-1mxh63r{padding:var(--space-xl) var(--space-lg);min-height:160px}.animal-emoji-wrapper.svelte-1mxh63r{width:90px;height:90px}.animal-emoji.svelte-1mxh63r{font-size:3.5rem}.modal-emoji-wrapper.svelte-1mxh63r{width:180px;height:180px}.modal-emoji.svelte-1mxh63r{font-size:7rem}}@media (min-width: 1024px){.animals-grid.svelte-1mxh63r{grid-template-columns:repeat(4,1fr);max-width:1000px}.animal-emoji-wrapper.svelte-1mxh63r{width:100px;height:100px}.animal-emoji.svelte-1mxh63r{font-size:4rem}}@media (prefers-reduced-motion: reduce){.hero-emoji.svelte-1mxh63r,.animal-card.svelte-1mxh63r,.card-shine.svelte-1mxh63r,.modal-emoji-wrapper.bouncing.svelte-1mxh63r,.star-icon.svelte-1mxh63r,.tap-icon.svelte-1mxh63r,.sound-hint.svelte-1mxh63r{animation:none}.animal-card.svelte-1mxh63r:hover,.animal-card.svelte-1mxh63r:hover .animal-emoji-wrapper:where(.svelte-1mxh63r){transform:none}.games-link-card.svelte-1mxh63r:hover,.games-link-card.svelte-1mxh63r:hover .games-link-arrow:where(.svelte-1mxh63r){transform:none}.modal-content.svelte-1mxh63r,.modal-overlay.svelte-1mxh63r{transition:none}}