{faces[mood] || faces.happy}

{buddy && (

{ e.target.style.display = 'none'; }} />

)}

); } // Large standalone floating companion card — used on Welcome and Reward screens // so the chosen character is big, eye-catching, and clearly a "friend". // Tappable: a poke makes it wiggle happily and burst little hearts. function FloatingCompanion({ src, size = 160 }) { const h = Math.round(size * 1.33); const [wiggle, setWiggle] = React.useState(false); const [burst, setBurst] = React.useState(0); const wiggleT = React.useRef(null); React.useEffect(() => () => clearTimeout(wiggleT.current), []); const poke = () => { if (window.playSfx) playSfx('win', 0.3); setBurst(b => b + 1); setWiggle(true); clearTimeout(wiggleT.current); wiggleT.current = setTimeout(() => setWiggle(false), 750); }; return (

✨

{ e.target.style.display = 'none'; }} />

{burst > 0 && (

{['💛', '✨', '💖'].map((e, i) => (

{e}

))}

)}

💛 Mans draugs!

); } // round ghost icon button used in every top bar (size from --ctl) function IconBtn({ onClick, label, fontSize = 20, children }) { return ( ); } // shared screen header — wraps instead of clipping, safe-area aware, // centered to the responsive content column (.top-bar in styles.css). function TopBar({ left, title, titleStyle = {}, right, game }) { return (

{left} {title &&

{title}

}

{right}

); } function SpeechBubble({ children, style = {} }) { return (

{children}

); } // ── ambient world decorations (emoji + CSS only, never interactive) ── // grounding strip of soft hills + swaying flowers for menu screens function Meadow({ height = 110 }) { const flora = ['🌸', '🌷', '🌼', '🌿', '🌻', '🍄']; return (

{flora.map((f, i) => (

{f}

))}

); } // butterflies slowly crossing the screen (drift-x outer, floaty bob inner — // nested because a CSS animation overrides the element's own transform) function Butterflies({ count = 2, zIndex = 2 }) { const flock = [ { top: '20%', dur: 26, delay: 0, size: 22, flip: false }, { top: '45%', dur: 34, delay: 9, size: 18, flip: true }, { top: '63%', dur: 30, delay: 17, size: 20, flip: false }, ].slice(0, count); return ( <> {flock.map((b, i) => (

🦋

))} ); } // soft pastel rainbow arc (confetti palette), e.g. behind the fairy function Rainbow({ width = 320, style = {} }) { return (

); } // little star pill used for currency function StarCount({ value }) { return (

⭐ {value}

); } Object.assign(window, { PALETTES, HUES, GOLD, GOLD_DARK, WORDS, LEVELS, CHAPTERS, CHAPTER_SIZE, TREASURES, MILESTONE_CARD_IMAGES, STREAK_CARDS, LETTER_SOUNDS, LV_ALPHABET, BLEND_WORDS, pickDistractors, pickWordDistractors, pickLetterDistractors, shuffle, Sparkle, SparkleField, Fairy, FloatingCompanion, SpeechBubble, StarCount, Meadow, Butterflies, Rainbow, IconBtn, TopBar, });