.mosaic-word{--mosaic-board:var(--nf-board,var(--accent-subtle));--mosaic-c1:var(--nf-c1,#c4ddb0);--mosaic-c2:var(--nf-c2,#b8d4f0);--mosaic-c3:var(--nf-c3,#f0cf9f);--mosaic-c4:var(--nf-c4,#b3e2cb);--mosaic-c5:var(--nf-c5,#d2c4ec);--mosaic-c6:var(--nf-c6,#a9b98c);--mosaic-tile:clamp(.66rem, 2.4vw, 1.2rem);--mosaic-gap:clamp(.2rem, .8vw, .36rem);align-items:flex-start;gap:clamp(.7rem,2.6vw,1.5rem);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.mosaic-word__glyph{grid-template-columns:repeat(5, var(--mosaic-tile));grid-auto-rows:var(--mosaic-tile);gap:var(--mosaic-gap);display:grid}.mosaic-word__tile{border-radius:calc(var(--mosaic-tile) * .22);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 8%, transparent)}.mosaic-word__tile--off{background:var(--mosaic-board);opacity:0;animation:.5s forwards mosaic-word-settle;animation-delay:var(--mosaic-delay,0s)}.mosaic-word__tile--on{background:var(--mosaic-fill,var(--accent-soft));opacity:0;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards mosaic-word-bloom;animation-delay:var(--mosaic-delay,0s);transform:scale(.2)}.mosaic-word__stray{width:calc(var(--mosaic-tile) * 1.18);height:calc(var(--mosaic-tile) * 1.18);border-radius:calc(var(--mosaic-tile) * .24);background:var(--orange);box-shadow:0 8px 18px -6px color-mix(in srgb, var(--orange) 60%, transparent), inset 0 0 0 1px #0000001f;opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) .8s forwards mosaic-word-stray-in,7s ease-in-out 1.4s infinite mosaic-word-float;position:absolute;top:-7%;right:-5%;transform:rotate(14deg)}.mosaic-word:hover{transform:translateY(-3px)}.mosaic-word:hover .mosaic-word__tile--on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 8%, transparent), 0 5px 12px -6px color-mix(in srgb, var(--foreground) 35%, transparent)}@keyframes mosaic-word-settle{0%{opacity:0;transform:translateY(5px)}to{opacity:.6;transform:translateY(0)}}@keyframes mosaic-word-bloom{0%{opacity:0;transform:scale(.2)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mosaic-word-stray-in{0%{opacity:0;transform:scale(.3)rotate(0)}to{opacity:1;transform:scale(1)rotate(14deg)}}@keyframes mosaic-word-float{0%,to{transform:translateY(0)rotate(14deg)}50%{transform:translateY(-7px)rotate(9deg)}}@media (prefers-reduced-motion:reduce){.mosaic-word__tile--off{opacity:.6;animation:none}.mosaic-word__tile--on{opacity:1;animation:none;transform:none}.mosaic-word__stray{opacity:1;animation:none;transform:rotate(14deg)}.mosaic-word:hover{transform:none}}