.otterlearn-showcase.svelte-pcsh2n{--learn-mint:#92dfcb;--learn-gold:#f4c682}.learn-hero.svelte-pcsh2n{background:radial-gradient(ellipse at 80% 20%, hsl(var(--brand) / .08), transparent 60%);padding:2.5rem 0 0}.back-link.svelte-pcsh2n{color:hsl(var(--text-muted));align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.8rem;display:inline-flex}.back-link.svelte-pcsh2n:hover,.explore-link.svelte-pcsh2n:hover{color:var(--learn-mint)}.hero-grid.svelte-pcsh2n{align-items:center;gap:2.5rem;display:grid}.eyebrow.svelte-pcsh2n{text-transform:uppercase;letter-spacing:.13em;color:var(--learn-mint);font-size:.7rem;font-weight:600;line-height:1.6}.app-title.svelte-pcsh2n{align-items:center;gap:.9rem;margin-top:1.4rem;display:flex}.app-title.svelte-pcsh2n img:where(.svelte-pcsh2n){border-radius:.9rem;width:3.25rem;height:3.25rem}h1.svelte-pcsh2n{font-size:clamp(2.6rem,5.3vw,4.1rem)}.hero-heading.svelte-pcsh2n{letter-spacing:-.03em;margin-top:1.5rem;font-size:clamp(1.7rem,3.2vw,2.45rem);font-weight:600;line-height:1.2}.hero-heading.svelte-pcsh2n span:where(.svelte-pcsh2n){color:var(--learn-mint)}.hero-description.svelte-pcsh2n{color:hsl(var(--text-secondary));max-width:34rem;margin-top:1.25rem;font-size:1rem;line-height:1.8}.hero-actions.svelte-pcsh2n{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.8rem;display:flex}.explore-link.svelte-pcsh2n{align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.platforms.svelte-pcsh2n{color:hsl(var(--text-secondary));margin-top:1rem;font-size:.78rem}.trust-note.svelte-pcsh2n{color:hsl(var(--text-muted));align-items:center;gap:.45rem;margin-top:.5rem;font-size:.75rem;display:flex}.trust-note.svelte-pcsh2n svg{color:var(--learn-mint);flex-shrink:0}.hero-art.svelte-pcsh2n{border:1px solid hsl(var(--border-strong));background:hsl(var(--background-elevated));border-radius:1.75rem;overflow:hidden;box-shadow:0 20px 70px -30px #0009}.hero-art.svelte-pcsh2n>img:where(.svelte-pcsh2n),.story-image.svelte-pcsh2n>img:where(.svelte-pcsh2n){object-fit:cover;width:100%;height:auto;display:block}.hero-art.svelte-pcsh2n>img:where(.svelte-pcsh2n){aspect-ratio:16/9}.story-image.svelte-pcsh2n>img:where(.svelte-pcsh2n){aspect-ratio:3/2}.art-caption.svelte-pcsh2n{color:hsl(var(--text-secondary));text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.availability-dot.svelte-pcsh2n{background:var(--learn-mint);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.learning-stats.svelte-pcsh2n{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3.5rem;padding:1.75rem 0;display:grid}.learning-stats.svelte-pcsh2n div:where(.svelte-pcsh2n){text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.learning-stats.svelte-pcsh2n div:where(.svelte-pcsh2n)+div:where(.svelte-pcsh2n){border-left:1px solid hsl(var(--border))}.learning-stats.svelte-pcsh2n strong:where(.svelte-pcsh2n){letter-spacing:-.04em;color:var(--learn-mint);font-size:clamp(1.65rem,3.5vw,2.5rem);font-weight:600;line-height:1.1}.learning-stats.svelte-pcsh2n span:where(.svelte-pcsh2n){color:hsl(var(--text-muted));max-width:12rem;font-size:.72rem}.learn-section.svelte-pcsh2n{padding:4.5rem 0;scroll-margin-top:5rem}.section-intro.svelte-pcsh2n{max-width:44rem}h2.svelte-pcsh2n{text-wrap:balance;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.12}.section-intro.svelte-pcsh2n h2:where(.svelte-pcsh2n){margin-top:.85rem}.section-intro.svelte-pcsh2n>p:where(.svelte-pcsh2n):last-child:not(.eyebrow){max-width:39rem;color:hsl(var(--text-secondary));margin-top:1.25rem}.subject-grid.svelte-pcsh2n{gap:1rem;margin-top:2.3rem;display:grid}.subject-card.svelte-pcsh2n{border:1px solid hsl(var(--border));background:hsl(var(--background-elevated));border-radius:1.1rem;padding:1.6rem}.subject-card.svelte-pcsh2n svg{color:var(--subject-color);margin-bottom:1.15rem}h3.svelte-pcsh2n{font-size:1.1rem}.subject-card.svelte-pcsh2n p:where(.svelte-pcsh2n){color:hsl(var(--text-secondary));margin-top:.7rem;font-size:.85rem}.level-strip.svelte-pcsh2n{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.7rem;display:flex}.level-label.svelte-pcsh2n{color:hsl(var(--text-secondary));font-size:.75rem}.level-strip.svelte-pcsh2n ul:where(.svelte-pcsh2n){flex-wrap:wrap;gap:.5rem;display:flex}.level-strip.svelte-pcsh2n li:where(.svelte-pcsh2n){border:1px solid hsl(var(--border-strong));color:hsl(var(--text-secondary));white-space:nowrap;border-radius:2rem;padding:.4rem .75rem;font-size:.7rem}.stories-section.svelte-pcsh2n{padding-top:.5rem}.stories.svelte-pcsh2n{gap:4.5rem;display:grid}.story.svelte-pcsh2n{align-items:center;gap:1.75rem;scroll-margin-top:6rem;display:grid}.story-image.svelte-pcsh2n{border:1px solid hsl(var(--border-strong));border-radius:1.5rem;overflow:hidden}.story.svelte-pcsh2n h2:where(.svelte-pcsh2n){margin-top:.8rem}.story-description.svelte-pcsh2n{color:hsl(var(--text-secondary));margin-top:1.2rem;line-height:1.8}.story.svelte-pcsh2n ul:where(.svelte-pcsh2n){gap:.75rem;margin-top:1.5rem;display:grid}.story.svelte-pcsh2n li:where(.svelte-pcsh2n){color:hsl(var(--text-secondary));align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.65;display:flex}.story.svelte-pcsh2n li:where(.svelte-pcsh2n) svg{color:var(--learn-mint);flex-shrink:0;margin-top:.15rem}.illustration-note.svelte-pcsh2n{color:hsl(var(--text-muted));text-align:center;margin-top:2.5rem;font-size:.7rem}.parent-section.svelte-pcsh2n{background:hsl(var(--background-elevated) / .55);border-top:1px solid hsl(var(--border))}.parent-grid.svelte-pcsh2n{gap:2rem;margin-top:2.5rem;display:grid}.parent-feature.svelte-pcsh2n{gap:1rem;display:flex}.parent-feature.svelte-pcsh2n>svg{color:var(--learn-gold);flex-shrink:0;margin-top:.15rem}.parent-feature.svelte-pcsh2n p:where(.svelte-pcsh2n){color:hsl(var(--text-secondary));margin-top:.6rem;font-size:.88rem;line-height:1.8}.questions.svelte-pcsh2n{max-width:52rem;margin-top:4rem}.questions.svelte-pcsh2n h2:where(.svelte-pcsh2n){margin-bottom:1.5rem;font-size:1.5rem}details.svelte-pcsh2n{border-bottom:1px solid hsl(var(--border))}summary.svelte-pcsh2n{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-size:.9rem;font-weight:500;list-style:none;display:flex}summary.svelte-pcsh2n::-webkit-details-marker{display:none}summary.svelte-pcsh2n span:where(.svelte-pcsh2n){color:var(--learn-mint);font-size:1.25rem;font-weight:400}details[open].svelte-pcsh2n summary:where(.svelte-pcsh2n) span:where(.svelte-pcsh2n){transform:rotate(45deg)}details.svelte-pcsh2n p:where(.svelte-pcsh2n){color:hsl(var(--text-secondary));padding:0 2rem 1.2rem 0;font-size:.88rem}@media (width>=640px){.subject-grid.svelte-pcsh2n,.parent-grid.svelte-pcsh2n{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-stats.svelte-pcsh2n span:where(.svelte-pcsh2n){font-size:.85rem}.parent-grid.svelte-pcsh2n{gap:2.5rem 3rem}}@media (width>=1024px){.learn-hero.svelte-pcsh2n{padding-top:3rem}.hero-grid.svelte-pcsh2n{grid-template-columns:.95fr 1.1fr;gap:3rem}.hero-art.svelte-pcsh2n{margin-right:-.5rem}.learning-stats.svelte-pcsh2n{margin-top:4rem}.learn-section.svelte-pcsh2n{padding:5rem 0}.stories-section.svelte-pcsh2n{padding-top:1rem}.subject-grid.svelte-pcsh2n{grid-template-columns:repeat(4,minmax(0,1fr))}.stories.svelte-pcsh2n{gap:5rem}.story.svelte-pcsh2n{grid-template-columns:1.1fr 1fr;gap:4rem}.story.reverse.svelte-pcsh2n{grid-template-columns:1fr 1.1fr}.story.reverse.svelte-pcsh2n .story-image:where(.svelte-pcsh2n){order:2}.story.reverse.svelte-pcsh2n .story-copy:where(.svelte-pcsh2n){order:1}}.cosmicdrop-showcase.svelte-1l26doq{--cosmic-cyan:#69d7ff;--cosmic-violet:#a98bff;--cosmic-gold:#ffbf5b}.cosmic-hero.svelte-1l26doq{background:radial-gradient(at 80% 20%,#7557ff1f,#0000 60%);padding:2.5rem 0 0}.back-link.svelte-1l26doq{color:hsl(var(--text-muted));align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.8rem;display:inline-flex}.back-link.svelte-1l26doq:hover,.explore-link.svelte-1l26doq:hover{color:var(--cosmic-cyan)}.hero-grid.svelte-1l26doq{align-items:center;gap:2.5rem;display:grid}.eyebrow.svelte-1l26doq{text-transform:uppercase;letter-spacing:.13em;color:var(--cosmic-cyan);font-size:.7rem;font-weight:600;line-height:1.6}.app-title.svelte-1l26doq{align-items:center;gap:.9rem;margin-top:1.4rem;display:flex}.app-title.svelte-1l26doq img:where(.svelte-1l26doq){border-radius:.9rem;width:3.25rem;height:3.25rem}h1.svelte-1l26doq{font-size:clamp(2.6rem,5.3vw,4.1rem)}.hero-heading.svelte-1l26doq{letter-spacing:-.03em;margin-top:1.5rem;font-size:clamp(1.7rem,3.2vw,2.45rem);font-weight:600;line-height:1.2}.hero-heading.svelte-1l26doq span:where(.svelte-1l26doq){color:var(--cosmic-cyan)}.hero-description.svelte-1l26doq{color:hsl(var(--text-secondary));max-width:34rem;margin-top:1.25rem;font-size:1rem;line-height:1.8}.hero-actions.svelte-1l26doq{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.8rem;display:flex}.explore-link.svelte-1l26doq{align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.platforms.svelte-1l26doq{color:hsl(var(--text-secondary));margin-top:1rem;font-size:.78rem}.trust-note.svelte-1l26doq{color:hsl(var(--text-muted));align-items:center;gap:.45rem;margin-top:.5rem;font-size:.75rem;display:flex}.trust-note.svelte-1l26doq svg{color:var(--cosmic-cyan);flex-shrink:0}.hero-art.svelte-1l26doq{border:1px solid hsl(var(--border-strong));background:hsl(var(--background-elevated));border-radius:1.75rem;overflow:hidden;box-shadow:0 20px 70px -30px #000c}.hero-visual.svelte-1l26doq{aspect-ratio:16/9;background:#07142d;position:relative;overflow:hidden}.hero-backdrop.svelte-1l26doq,.story-backdrop.svelte-1l26doq{object-fit:cover;width:100%;height:100%;display:block}.hero-backdrop.svelte-1l26doq{object-position:50% 50%;filter:saturate(.92)brightness(.78)}.hero-visual.svelte-1l26doq:after{content:"";pointer-events:none;background:linear-gradient(90deg,#030a1d52,#0000 52%,#030a1d2e);position:absolute;inset:0}.hero-gameplay.svelte-1l26doq{z-index:1;border:1px solid #ffffff4d;border-radius:1.2rem;width:auto;height:88%;position:absolute;top:7%;right:9%;box-shadow:0 20px 45px #00000080,0 0 40px #69d7ff2e}.art-caption.svelte-1l26doq{color:hsl(var(--text-secondary));text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.availability-dot.svelte-1l26doq{background:var(--cosmic-cyan);width:.375rem;height:.375rem;box-shadow:0 0 10px var(--cosmic-cyan);border-radius:50%;flex-shrink:0}.cosmic-stats.svelte-1l26doq{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3.5rem;padding:1.75rem 0;display:grid}.cosmic-stats.svelte-1l26doq div:where(.svelte-1l26doq){text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.cosmic-stats.svelte-1l26doq div:where(.svelte-1l26doq)+div:where(.svelte-1l26doq){border-left:1px solid hsl(var(--border))}.cosmic-stats.svelte-1l26doq strong:where(.svelte-1l26doq){letter-spacing:-.04em;color:var(--cosmic-cyan);font-size:clamp(1.65rem,3.5vw,2.5rem);font-weight:600;line-height:1.1}.cosmic-stats.svelte-1l26doq span:where(.svelte-1l26doq){color:hsl(var(--text-muted));max-width:12rem;font-size:.72rem}.cosmic-section.svelte-1l26doq{padding:4.5rem 0;scroll-margin-top:5rem}.section-intro.svelte-1l26doq{max-width:44rem}h2.svelte-1l26doq{text-wrap:balance;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.12}.section-intro.svelte-1l26doq h2:where(.svelte-1l26doq){margin-top:.85rem}.section-intro.svelte-1l26doq>p:where(.svelte-1l26doq):last-child:not(.eyebrow){max-width:39rem;color:hsl(var(--text-secondary));margin-top:1.25rem}.mode-grid.svelte-1l26doq{gap:1rem;margin-top:2.3rem;display:grid}.mode-card.svelte-1l26doq{border:1px solid hsl(var(--border));background:hsl(var(--background-elevated));border-radius:1.1rem;padding:1.6rem}.mode-card.svelte-1l26doq svg{color:var(--mode-color);margin-bottom:1.15rem}h3.svelte-1l26doq{font-size:1.1rem}.mode-card.svelte-1l26doq p:where(.svelte-1l26doq){color:hsl(var(--text-secondary));margin-top:.7rem;font-size:.85rem}.mode-strip.svelte-1l26doq{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.7rem;display:flex}.mode-label.svelte-1l26doq{color:hsl(var(--text-secondary));font-size:.75rem}.mode-strip.svelte-1l26doq ul:where(.svelte-1l26doq){flex-wrap:wrap;gap:.5rem;display:flex}.mode-strip.svelte-1l26doq li:where(.svelte-1l26doq){border:1px solid hsl(var(--border-strong));color:hsl(var(--text-secondary));white-space:nowrap;border-radius:2rem;padding:.4rem .75rem;font-size:.7rem}.build-strip.svelte-1l26doq{border-top:1px solid hsl(var(--border));flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.build-label.svelte-1l26doq{color:hsl(var(--text-secondary));font-size:.75rem}.build-strip.svelte-1l26doq ul:where(.svelte-1l26doq){flex-wrap:wrap;gap:.5rem;display:flex}.build-strip.svelte-1l26doq li:where(.svelte-1l26doq){font-family:var(--font-mono);background:hsl(var(--surface));color:hsl(var(--text-secondary));white-space:nowrap;border-radius:.45rem;padding:.42rem .7rem;font-size:.68rem}.stories-section.svelte-1l26doq{padding-top:.5rem}.stories.svelte-1l26doq{gap:4.5rem;display:grid}.story.svelte-1l26doq{align-items:center;gap:1.75rem;scroll-margin-top:6rem;display:grid}.story-image.svelte-1l26doq{aspect-ratio:3/2;border:1px solid hsl(var(--border-strong));background:#07142d;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px -34px #000c}.story-image.svelte-1l26doq picture:where(.svelte-1l26doq){position:absolute;inset:0}.story-vignette.svelte-1l26doq{pointer-events:none;background:linear-gradient(90deg,#0000 30%,#02071738 66%,#0207177a);position:absolute;inset:0}.story-capture.svelte-1l26doq{border:1px solid #ffffff4d;border-radius:1rem;width:auto;height:116%;position:absolute;bottom:-23%;right:6.5%;box-shadow:0 18px 45px #0000008c,0 0 36px #69d7ff1f}.story.svelte-1l26doq h2:where(.svelte-1l26doq){margin-top:.8rem}.story-description.svelte-1l26doq{color:hsl(var(--text-secondary));margin-top:1.2rem;line-height:1.8}.story.svelte-1l26doq ul:where(.svelte-1l26doq){gap:.75rem;margin-top:1.5rem;display:grid}.story.svelte-1l26doq li:where(.svelte-1l26doq){color:hsl(var(--text-secondary));align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.65;display:flex}.story.svelte-1l26doq li:where(.svelte-1l26doq) svg{color:var(--cosmic-cyan);flex-shrink:0;margin-top:.15rem}.artwork-note.svelte-1l26doq{color:hsl(var(--text-muted));text-align:center;margin-top:2.5rem;font-size:.7rem}.play-section.svelte-1l26doq{background:hsl(var(--background-elevated) / .55);border-top:1px solid hsl(var(--border))}.play-grid.svelte-1l26doq{gap:2rem;margin-top:2.5rem;display:grid}.play-feature.svelte-1l26doq{gap:1rem;display:flex}.play-feature.svelte-1l26doq>svg{color:var(--cosmic-gold);flex-shrink:0;margin-top:.15rem}.play-feature.svelte-1l26doq p:where(.svelte-1l26doq){color:hsl(var(--text-secondary));margin-top:.6rem;font-size:.88rem;line-height:1.8}.questions.svelte-1l26doq{max-width:52rem;margin-top:4rem}.questions.svelte-1l26doq h2:where(.svelte-1l26doq){margin-bottom:1.5rem;font-size:1.5rem}details.svelte-1l26doq{border-bottom:1px solid hsl(var(--border))}summary.svelte-1l26doq{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-size:.9rem;font-weight:500;list-style:none;display:flex}summary.svelte-1l26doq::-webkit-details-marker{display:none}summary.svelte-1l26doq span:where(.svelte-1l26doq){color:var(--cosmic-cyan);font-size:1.25rem;font-weight:400}details[open].svelte-1l26doq summary:where(.svelte-1l26doq) span:where(.svelte-1l26doq){transform:rotate(45deg)}details.svelte-1l26doq p:where(.svelte-1l26doq){color:hsl(var(--text-secondary));padding:0 2rem 1.2rem 0;font-size:.88rem}@media (width>=640px){.mode-grid.svelte-1l26doq,.play-grid.svelte-1l26doq{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmic-stats.svelte-1l26doq span:where(.svelte-1l26doq){font-size:.85rem}.play-grid.svelte-1l26doq{gap:2.5rem 3rem}}@media (width>=1024px){.cosmic-hero.svelte-1l26doq{padding-top:3rem}.hero-grid.svelte-1l26doq{grid-template-columns:.95fr 1.1fr;gap:3rem}.hero-art.svelte-1l26doq{margin-right:-.5rem}.cosmic-stats.svelte-1l26doq{margin-top:4rem}.cosmic-section.svelte-1l26doq{padding:5rem 0}.stories-section.svelte-1l26doq{padding-top:1rem}.mode-grid.svelte-1l26doq{grid-template-columns:repeat(4,minmax(0,1fr))}.stories.svelte-1l26doq{gap:5rem}.story.svelte-1l26doq{grid-template-columns:1.1fr 1fr;gap:4rem}.story.reverse.svelte-1l26doq{grid-template-columns:1fr 1.1fr}.story.reverse.svelte-1l26doq .story-image:where(.svelte-1l26doq){order:2}.story.reverse.svelte-1l26doq .story-copy:where(.svelte-1l26doq){order:1}}