.cwh-mosaic{position:relative;grid-template-columns:repeat(7,1fr);gap:5px;width:100%;max-width:420px;margin-inline:auto;padding:12px;overflow:hidden;container-type:inline-size;border:1px solid #e7e2d7;border-radius:16px;background:#fff;box-shadow:0 1px 0 #003f3714,0 10px 24px -12px #003f372e}.cwh-mosaic,.cwh-tile{display:grid;aspect-ratio:1}.cwh-tile{place-items:center;border:1.5px solid #0000;border-radius:4px;background:#003f370f;color:#003f37;font-size:clamp(14px,6.4cqw,30px);font-weight:700;line-height:1;animation:cwh-drop 10s ease-out infinite both;animation-delay:calc(var(--i) * 28ms)}.cwh-tile[data-t]{border-color:#d9d2c2;background:#fff}.cwh-tile[data-t=a]{background:#e3c6ab;border-color:#e3c6ab}.cwh-tile[data-t=x]{background:#e9ebc1;border-color:#9f9d38}.cwh-tile[data-t=b]{color:#b25627}.cwh-letter{animation:cwh-pop-1 10s ease-out infinite both;animation-delay:calc(var(--i) * 28ms + var(--k) * .11s)}.cwh-tile[data-t=a] .cwh-letter{animation-name:cwh-pop-2}.cwh-tile[data-t=b] .cwh-letter{animation-name:cwh-pop-3}@keyframes cwh-drop{0%{opacity:0;transform:translateY(-14px)}7%,94%{opacity:1;transform:none}98%,to{opacity:0;transform:none}}@keyframes cwh-pop-1{0%,20%{opacity:0;transform:scale(.6)}24%,86%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}@keyframes cwh-pop-2{0%,34%{opacity:0;transform:scale(.6)}38%,86%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}@keyframes cwh-pop-3{0%,48%{opacity:0;transform:scale(.6)}52%,86%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}.cwh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-out}.cwh-video[data-ready]{opacity:1}@media (prefers-reduced-motion:reduce){.cwh-letter,.cwh-tile{animation:none;opacity:1;transform:none}}.cwh-copy{min-width:0;max-width:640px}@media (max-width:400px){.cwh-mosaic{max-width:320px;padding:10px;gap:4px}}