.explore-page.svelte-1o630ki{min-height:100vh;background:var(--color-light-cream)}.hero-banner.svelte-1o630ki{position:relative;background:linear-gradient(135deg,var(--color-soft-blue) 0%,#A8E6CF 100%);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden}.hero-content.svelte-1o630ki{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-1o630ki{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-1o630ki:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-1o630ki:active{transform:scale(.95)}.back-button.svelte-1o630ki svg:where(.svelte-1o630ki){width:28px;height:28px}.hero-text.svelte-1o630ki{flex:1}.hero-title.svelte-1o630ki{display:flex;align-items:center;gap:var(--space-sm);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-text);margin:0}.hero-emoji.svelte-1o630ki{font-size:1.2em;animation:svelte-1o630ki-bounce 2s ease-in-out infinite}.hero-subtitle.svelte-1o630ki{font-size:var(--font-size-body);color:var(--color-text);margin:var(--space-xs) 0 0;opacity:.8}.hero-mascot.svelte-1o630ki{display:none}.mascot-emoji.svelte-1o630ki{font-size:3rem;animation:svelte-1o630ki-wave 2.5s ease-in-out infinite}.hero-wave.svelte-1o630ki{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-1o630ki svg:where(.svelte-1o630ki){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-1o630ki path:where(.svelte-1o630ki){fill:var(--color-light-cream)}.letters-section.svelte-1o630ki{padding:var(--space-lg) var(--space-md);padding-top:var(--space-md);max-width:var(--max-width);margin:0 auto}.letters-grid.svelte-1o630ki{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.letter-card.svelte-1o630ki{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:var(--radius-lg);text-decoration:none;box-shadow:0 4px 12px #0000001f;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);animation:svelte-1o630ki-card-appear .4s ease-out backwards;animation-delay:var(--animation-delay);overflow:hidden}.letter-card.svelte-1o630ki:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0000002e}.letter-card.svelte-1o630ki:active{transform:translateY(-2px) scale(.98)}.letter.svelte-1o630ki{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;color:var(--color-white);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.completed-badge.svelte-1o630ki{position:absolute;top:var(--space-xs);right:var(--space-xs);width:24px;height:24px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 2px 4px #0003}.completed-badge.svelte-1o630ki svg:where(.svelte-1o630ki){width:14px;height:14px}.card-shine.svelte-1o630ki{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);pointer-events:none}.letter-card.svelte-1o630ki:hover .card-shine:where(.svelte-1o630ki){animation:svelte-1o630ki-shine .5s ease-out}@keyframes svelte-1o630ki-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes svelte-1o630ki-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes svelte-1o630ki-card-appear{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1o630ki-shine{0%{left:-100%}to{left:100%}}@media (min-width: 480px){.letters-grid.svelte-1o630ki{grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.letter.svelte-1o630ki{font-size:clamp(2.5rem,6vw,4rem)}}@media (min-width: 640px){.hero-banner.svelte-1o630ki{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.hero-mascot.svelte-1o630ki{display:block}.hero-wave.svelte-1o630ki svg:where(.svelte-1o630ki){height:60px}.letters-section.svelte-1o630ki{padding:var(--space-xl) var(--space-lg)}.letters-grid.svelte-1o630ki{grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.completed-badge.svelte-1o630ki{width:28px;height:28px}.completed-badge.svelte-1o630ki svg:where(.svelte-1o630ki){width:16px;height:16px}}@media (min-width: 900px){.letters-grid.svelte-1o630ki{grid-template-columns:repeat(7,1fr);gap:var(--space-lg)}}@media (min-width: 1200px){.letters-grid.svelte-1o630ki{max-width:1000px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.hero-emoji.svelte-1o630ki,.mascot-emoji.svelte-1o630ki,.letter-card.svelte-1o630ki,.card-shine.svelte-1o630ki{animation:none}.letter-card.svelte-1o630ki:hover{transform:none}}