/* Learning Gem pro polish LG1 */
:root{--lg-r:20px;--lg-sh:0 6px 18px rgba(76,29,149,.10);--lg-ring:#7c3aed}
img.lg-fe{display:inline-block;width:calc(var(--fe,16px)*1.18);height:calc(var(--fe,16px)*1.18);vertical-align:-0.18em;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.lg-feh.lg-feh.lg-feh.lg-feh.lg-feh{font-size:0!important;line-height:1!important}
.lg-feh>img.lg-fe+img.lg-fe{margin-left:calc(var(--fe,16px)*.08)}
#root h1,#root h2,#root h3{font-family:Fredoka,"Nunito",system-ui,sans-serif;letter-spacing:.005em}
#root :focus-visible{outline:3px solid var(--lg-ring)!important;outline-offset:2px!important;border-radius:12px}
#root button,#root a[role=button]{touch-action:manipulation}
#root button:not([class*="w-3"]):not([class*="h-3"]):not([class*="h-2"]):not([role=switch]){min-height:44px}
.lg-chest{box-shadow:var(--lg-sh)}
.lg-chest-img{animation:lg-float 4s ease-in-out infinite}
@keyframes lg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
img[data-testid="img-buddy-correct"],img[data-testid="img-buddy-celebrate"]{animation:lg-pop .55s cubic-bezier(.3,1.6,.5,1)}
img[data-testid="img-buddy-wrong"]{animation:lg-wobble .6s ease-in-out}
@keyframes lg-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes lg-wobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
details.lg-learn summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:6px}
details.lg-learn summary::-webkit-details-marker{display:none}
details.lg-learn summary::before{content:"\25B8";color:#7c3aed;transition:transform .2s}
details.lg-learn[open] summary::before{transform:rotate(90deg)}
/* grown-up area: calm, clean and professional */
html.lg-grown #root{font-family:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html.lg-grown #root h1,html.lg-grown #root h2,html.lg-grown #root h3{font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif;letter-spacing:-.01em}
html.lg-grown #root main{background:transparent}
html.lg-grown body{background:#f8fafc}
html.lg-grown #root main .border-2{border-width:1px!important;border-color:#e2e8f0!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.05)}
/* calm mode + reduced motion */
html.lg-calm *,html.lg-calm *::before,html.lg-calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.lg-calm .lg-confetti,html.lg-calm canvas[style*="fixed"]{display:none!important}
@media (prefers-reduced-motion:reduce){.lg-chest-img,img[data-testid^="img-buddy-"]{animation:none!important}.lg-confetti{display:none!important}}
