.kooki-abc-stage{isolation:isolate;aspect-ratio:16/9;background:var(--panel);border-radius:8px;position:relative;overflow:hidden}.kooki-abc-stage>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kooki-abc-stage:after{content:"";z-index:-1;background:var(--panel);position:absolute;inset:0}.kooki-abc-caption{background:color-mix(in oklab, var(--panel) 65%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.kooki-abc-caption h3{overflow-wrap:anywhere;max-width:100%;font-size:32px;font-weight:700;line-height:1.2}.kooki-abc-letters{grid-template-columns:repeat(3,1fr);gap:32px;width:min(440px,90%);padding-top:12px;display:grid}.kooki-abc-letter{color:var(--cyan);text-shadow:var(--cyan-glow);font-size:112px;font-weight:900;line-height:1;animation:3.6s ease-in-out infinite kooki-letter-hop}.kooki-abc-letter:nth-child(2){color:var(--accent);text-shadow:var(--pink-glow);animation-delay:1.2s}.kooki-abc-letter:nth-child(3){color:var(--foreground);animation-delay:2.4s}.kooki-abc-stage[data-playing=false] .kooki-abc-letter{animation-play-state:paused}@keyframes kooki-letter-hop{0%,32%,to{transform:translateY(0)scale(1)}10%{transform:translateY(-22px)rotate(-8deg)scale(1.12)}20%{transform:translateY(0)rotate(4deg)scale(1.05)}27%{transform:translateY(-8px)}}@media (width<=640px){.kooki-abc-stage{aspect-ratio:4/3}.kooki-abc-caption{gap:14px;padding:18px}.kooki-abc-caption h3{font-size:24px}.kooki-abc-letter{font-size:70px}.kooki-abc-letters{gap:14px}}@media (prefers-reduced-motion:reduce){.kooki-abc-letter{animation:none}}
