.animals-hub.svelte-1i2a6sq{min-height:100vh;background:var(--color-light-cream)}.hero-banner.svelte-1i2a6sq{position:relative;background:linear-gradient(135deg,var(--color-mint-green) 0%,#A8E6CF 100%);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden}.hero-content.svelte-1i2a6sq{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-1i2a6sq{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-1i2a6sq:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-1i2a6sq:active{transform:scale(.95)}.back-button.svelte-1i2a6sq svg:where(.svelte-1i2a6sq){width:28px;height:28px}.hero-text.svelte-1i2a6sq{flex:1}.hero-title.svelte-1i2a6sq{display:flex;align-items:center;gap:var(--space-sm);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:var(--color-text);margin:0}.hero-emoji.svelte-1i2a6sq{font-size:1.2em;animation:svelte-1i2a6sq-bounce 2s ease-in-out infinite}.hero-subtitle.svelte-1i2a6sq{font-size:var(--font-size-body);color:var(--color-text);margin:var(--space-xs) 0 0;opacity:.85}.hero-mascot.svelte-1i2a6sq{display:none}.mascot-emoji.svelte-1i2a6sq{font-size:4rem;animation:svelte-1i2a6sq-wave 2.5s ease-in-out infinite}.hero-wave.svelte-1i2a6sq{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-1i2a6sq svg:where(.svelte-1i2a6sq){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-1i2a6sq path:where(.svelte-1i2a6sq){fill:var(--color-light-cream)}.games-banner.svelte-1i2a6sq{padding:0 var(--space-md);margin-top:calc(var(--space-md) * -1);position:relative;z-index:1}.games-card.svelte-1i2a6sq{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--color-sunny-yellow) 0%,#FFE082 100%);border-radius:var(--radius-xl);padding:var(--space-lg);text-decoration:none;color:var(--color-text);box-shadow:0 4px 16px #ffd93d66;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);position:relative;overflow:hidden;max-width:600px;margin:0 auto}.games-card.svelte-1i2a6sq:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #ffd93d80}.games-card.svelte-1i2a6sq:active{transform:translateY(-2px) scale(.99)}.games-icon.svelte-1i2a6sq{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-bounce)}.games-card.svelte-1i2a6sq:hover .games-icon:where(.svelte-1i2a6sq){transform:scale(1.1) rotate(5deg);animation:svelte-1i2a6sq-wiggle .5s ease-in-out}.games-content.svelte-1i2a6sq{flex:1}.games-title.svelte-1i2a6sq{font-size:var(--font-size-card-title);font-weight:700;margin:0}.games-description.svelte-1i2a6sq{font-size:var(--font-size-small);margin:var(--space-xs) 0 0;opacity:.8}.games-arrow.svelte-1i2a6sq{width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.games-arrow.svelte-1i2a6sq svg:where(.svelte-1i2a6sq){width:20px;height:20px}.games-card.svelte-1i2a6sq:hover .games-arrow:where(.svelte-1i2a6sq){transform:translate(4px)}.games-decoration.svelte-1i2a6sq{position:absolute;top:50%;right:100px;transform:translateY(-50%);display:none;gap:var(--space-xs)}.deco-emoji.svelte-1i2a6sq{font-size:1.25rem;opacity:.4;animation:svelte-1i2a6sq-float 3s ease-in-out infinite}.deco-emoji.svelte-1i2a6sq:nth-child(2){animation-delay:.5s}.deco-emoji.svelte-1i2a6sq:nth-child(3){animation-delay:1s}@keyframes svelte-1i2a6sq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes svelte-1i2a6sq-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.1) rotate(-10deg)}75%{transform:scale(1.1) rotate(10deg)}}.categories-section.svelte-1i2a6sq{padding:var(--space-lg) var(--space-md);padding-top:var(--space-lg)}.section-title.svelte-1i2a6sq{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-lg) 0}.title-emoji.svelte-1i2a6sq{display:inline-block;animation:svelte-1i2a6sq-paw-bounce 1.5s ease-in-out infinite}.categories-grid.svelte-1i2a6sq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:800px;margin:0 auto}.category-card.svelte-1i2a6sq{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-text);box-shadow:0 4px 16px #0000001a;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);position:relative;overflow:hidden;animation:svelte-1i2a6sq-card-appear .5s ease-out backwards;animation-delay:var(--animation-delay)}.category-card.svelte-1i2a6sq:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #00000026}.category-card.svelte-1i2a6sq:active{transform:translateY(-4px) scale(.98)}.card-illustration.svelte-1i2a6sq{background:#ffffff80;padding:var(--space-lg) var(--space-md);display:flex;align-items:center;justify-content:center;min-height:100px}.illustration-emojis.svelte-1i2a6sq{font-size:2.5rem;letter-spacing:4px;transition:transform var(--transition-bounce)}.category-card.svelte-1i2a6sq:hover .illustration-emojis:where(.svelte-1i2a6sq){transform:scale(1.1)}.card-content.svelte-1i2a6sq{padding:var(--space-md);display:flex;flex-direction:column;align-items:center;text-align:center}.card-icon-wrapper.svelte-1i2a6sq{width:48px;height:48px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs);box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-bounce)}.category-card.svelte-1i2a6sq:hover .card-icon-wrapper:where(.svelte-1i2a6sq){transform:scale(1.1) rotate(5deg)}.card-icon.svelte-1i2a6sq{font-size:1.5rem}.card-title.svelte-1i2a6sq{font-size:var(--font-size-card-title);font-weight:700;margin:0 0 var(--space-xs) 0}.card-count.svelte-1i2a6sq{font-size:var(--font-size-small);color:var(--color-text);opacity:.7;margin:0;font-weight:600}.card-shine.svelte-1i2a6sq{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}.category-card.svelte-1i2a6sq:hover .card-shine:where(.svelte-1i2a6sq){animation:svelte-1i2a6sq-shine .6s ease-out}@keyframes svelte-1i2a6sq-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svelte-1i2a6sq-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes svelte-1i2a6sq-paw-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes svelte-1i2a6sq-card-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1i2a6sq-shine{0%{left:-100%}to{left:100%}}@media (min-width: 640px){.hero-banner.svelte-1i2a6sq{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.hero-mascot.svelte-1i2a6sq{display:block}.hero-wave.svelte-1i2a6sq svg:where(.svelte-1i2a6sq){height:60px}.games-banner.svelte-1i2a6sq{padding:0 var(--space-lg)}.games-card.svelte-1i2a6sq{padding:var(--space-xl)}.games-icon.svelte-1i2a6sq{width:72px;height:72px;font-size:2.5rem}.games-decoration.svelte-1i2a6sq{display:flex}.categories-section.svelte-1i2a6sq{padding:var(--space-xl) var(--space-lg)}.categories-grid.svelte-1i2a6sq{gap:var(--space-lg)}.card-illustration.svelte-1i2a6sq{padding:var(--space-xl) var(--space-lg);min-height:120px}.illustration-emojis.svelte-1i2a6sq{font-size:3rem;letter-spacing:8px}.card-content.svelte-1i2a6sq{padding:var(--space-lg)}.card-icon-wrapper.svelte-1i2a6sq{width:56px;height:56px}.card-icon.svelte-1i2a6sq{font-size:1.75rem}}@media (min-width: 1024px){.categories-grid.svelte-1i2a6sq{grid-template-columns:repeat(3,1fr);max-width:900px}.category-card.svelte-1i2a6sq:nth-child(4){grid-column:1 / 2;margin-left:50%}.category-card.svelte-1i2a6sq:nth-child(5){grid-column:2 / 3;margin-right:50%}.card-illustration.svelte-1i2a6sq{min-height:140px}.illustration-emojis.svelte-1i2a6sq{font-size:3.5rem}}@media (prefers-reduced-motion: reduce){.hero-emoji.svelte-1i2a6sq,.mascot-emoji.svelte-1i2a6sq,.title-emoji.svelte-1i2a6sq,.category-card.svelte-1i2a6sq,.card-shine.svelte-1i2a6sq,.deco-emoji.svelte-1i2a6sq{animation:none}.category-card.svelte-1i2a6sq:hover{transform:none}.category-card.svelte-1i2a6sq:hover .card-icon-wrapper:where(.svelte-1i2a6sq),.category-card.svelte-1i2a6sq:hover .illustration-emojis:where(.svelte-1i2a6sq){transform:none}.games-card.svelte-1i2a6sq:hover{transform:none}.games-card.svelte-1i2a6sq:hover .games-icon:where(.svelte-1i2a6sq),.games-card.svelte-1i2a6sq:hover .games-arrow:where(.svelte-1i2a6sq){transform:none}}