.band[data-astro-cid-jqregm47]{border-radius:var(--radius-card);background:var(--color-surface-invert);color:var(--color-on-invert);height:clamp(260px,32vw,400px);position:relative;overflow:hidden}.stage[data-astro-cid-jqregm47]{position:absolute;inset:0}.deva[data-astro-cid-jqregm47]{font-family:var(--font-devanagari)}@supports (animation-timeline:view()){.band[data-astro-cid-jqregm47]{animation:linear both rise view();animation-range:entry cover 28%}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.97)}}}.ladder[data-astro-cid-jqregm47]{--loop:9s;grid-template-columns:repeat(3,1fr);align-items:center;gap:clamp(.75rem,3vw,2.5rem);padding:0 clamp(1rem,4vw,3rem);display:grid;position:absolute;inset:0}.step[data-astro-cid-jqregm47]{text-align:center;animation:focus var(--loop) infinite;flex-direction:column;align-items:center;gap:.9rem;display:flex}.s2[data-astro-cid-jqregm47]{animation-delay:calc(var(--loop) / -3 * 2)}.s3[data-astro-cid-jqregm47]{animation-delay:calc(var(--loop) / -3)}.step-label[data-astro-cid-jqregm47]{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-invert-muted);font-size:.75rem}.big[data-astro-cid-jqregm47]{font-size:clamp(2rem,5vw,3.6rem);line-height:1.2}.chips[data-astro-cid-jqregm47],.tiles[data-astro-cid-jqregm47]{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.chip[data-astro-cid-jqregm47],.tile[data-astro-cid-jqregm47]{border:1px solid color-mix(in oklch, var(--color-on-invert) 35%, transparent);border-radius:var(--radius-control);font-family:var(--font-ui);padding:.4rem .8rem;font-size:clamp(.75rem,1.4vw,1rem)}.chip[data-astro-cid-jqregm47].pick{animation:pick var(--loop) infinite;background:var(--flag-yellow);border-color:var(--flag-yellow);color:var(--color-surface-invert)}.hint[data-astro-cid-jqregm47]{font-family:var(--font-display);color:var(--color-on-invert-muted);font-size:clamp(1rem,2vw,1.4rem)}.tile[data-astro-cid-jqregm47]{background:color-mix(in oklch, var(--color-on-invert) 10%, transparent);animation:snap var(--loop) infinite;animation-delay:calc(var(--loop) / -3 * 2)}.k1[data-astro-cid-jqregm47]{--from:-60px, -50px;--r:-14deg}.k2[data-astro-cid-jqregm47]{--from:40px, 60px;--r:10deg}.k3[data-astro-cid-jqregm47]{--from:-30px, 70px;--r:18deg}.k4[data-astro-cid-jqregm47]{--from:60px, -60px;--r:-8deg}.recall[data-astro-cid-jqregm47]{font-family:var(--font-display);color:var(--flag-yellow);animation:reveal var(--loop) infinite;animation-delay:calc(var(--loop) / -3);font-size:clamp(1.6rem,4vw,3rem)}.rail[data-astro-cid-jqregm47]{background:color-mix(in oklch, var(--color-on-invert) 20%, transparent);height:2px;position:absolute;bottom:12%;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem)}.rail-dot[data-astro-cid-jqregm47]{background:var(--flag-yellow);width:12px;height:12px;box-shadow:0 0 18px var(--flag-yellow);animation:travel var(--loop) infinite;border-radius:50%;position:absolute;top:-5px;left:83%}@keyframes focus{0%,30%{opacity:1;transform:translateY(-6px)}36%,94%{opacity:.35;transform:none}to{opacity:1;transform:translateY(-6px)}}@keyframes pick{0%,8%{border-color:color-mix(in oklch, var(--color-on-invert) 35%, transparent);color:var(--color-on-invert);background:0 0}12%,to{background:var(--flag-yellow);border-color:var(--flag-yellow);color:var(--color-surface-invert)}}@keyframes snap{0%,4%{opacity:0;transform:translate(var(--from)) rotate(var(--r))}18%,to{opacity:1;transform:none}}@keyframes reveal{0%,10%{opacity:0;filter:blur(12px);transform:scale(.9)}20%,to{opacity:1;filter:none;transform:none}}@keyframes travel{0%,28%{left:16%}36%,61%{left:50%}69%,94%{left:83%}to{left:16%}}.listen[data-astro-cid-jqregm47]{--loop:6s;place-items:center;display:grid;position:absolute;inset:0}.wave[data-astro-cid-jqregm47]{opacity:.35;align-items:center;gap:.35%;display:flex;position:absolute;inset:12% 2%}.wave[data-astro-cid-jqregm47] span[data-astro-cid-jqregm47]{height:var(--h);background:linear-gradient(var(--flag-blue), var(--flag-green));transform-origin:50%;animation:1.1s ease-in-out infinite alternate bar;animation-delay:var(--d);border-radius:99px;flex:1}.words[data-astro-cid-jqregm47]{text-align:center;padding:0 1rem;position:relative}.karaoke[data-astro-cid-jqregm47]{font-family:var(--font-display);background:linear-gradient(90deg, var(--flag-yellow) 0 50%, color-mix(in oklch, var(--color-on-invert) 45%, transparent) 50% 100%) 0 0 / 200% 100%;color:#0000;animation:sing var(--loop) linear infinite;background-position:0 0;background-clip:text;font-size:clamp(1.6rem,4.6vw,3.6rem);line-height:1.1}.sub[data-astro-cid-jqregm47]{margin-top:.6rem;font-size:clamp(1.1rem,2.6vw,1.8rem)}.english[data-astro-cid-jqregm47]{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-invert-muted);margin-top:.4rem;font-size:.8rem}.play[data-astro-cid-jqregm47]{border-radius:var(--radius-pill);background:var(--flag-yellow);color:var(--color-surface-invert);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.55rem 1rem .55rem .8rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.play[data-astro-cid-jqregm47] svg[data-astro-cid-jqregm47]{width:1.1rem;height:1.1rem}.play[data-astro-cid-jqregm47].playing{box-shadow:0 0 0 6px color-mix(in oklch, var(--flag-yellow) 35%, transparent)}.play[data-astro-cid-jqregm47]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@keyframes bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes sing{0%{background-position:100% 0}70%,to{background-position:0 0}}.review[data-astro-cid-jqregm47]{--loop:10s;padding:0 clamp(1rem,4vw,3rem);position:absolute;inset:0}.track[data-astro-cid-jqregm47]{background:color-mix(in oklch, var(--color-on-invert) 18%, transparent);height:2px;position:absolute;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem)}.easy[data-astro-cid-jqregm47]{top:42%}.hard[data-astro-cid-jqregm47]{top:72%}.track-label[data-astro-cid-jqregm47]{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-invert-muted);font-size:.7rem;position:absolute;top:.6rem;left:0}.hopper[data-astro-cid-jqregm47]{animation:hop-x-easy var(--loop) infinite;position:absolute;bottom:6px;left:94%;translate:-50%}.h-hard[data-astro-cid-jqregm47]{animation-name:hop-x-hard;left:34%}.card[data-astro-cid-jqregm47]{border-radius:var(--radius-control);background:var(--flag-white);color:var(--color-surface-invert);font-family:var(--font-ui);white-space:nowrap;animation:hop-y var(--loop) infinite;align-items:baseline;gap:.4rem;padding:.45rem .8rem;font-size:clamp(.75rem,1.4vw,.95rem);display:inline-flex;box-shadow:0 8px 20px #00000040}.card[data-astro-cid-jqregm47] .deva[data-astro-cid-jqregm47]{font-size:1.2em;font-weight:700}.h-hard[data-astro-cid-jqregm47] .card[data-astro-cid-jqregm47]{background:var(--flag-red);color:var(--flag-white);animation-name:hop-y-hard}.axis[data-astro-cid-jqregm47]{position:absolute;bottom:8%;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem)}.rung[data-astro-cid-jqregm47]{left:var(--at);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-on-invert-muted);font-size:clamp(.6rem,1.1vw,.75rem);position:absolute;translate:-50%}.rung[data-astro-cid-jqregm47]:before{content:"";background:color-mix(in oklch, var(--color-on-invert) 12%, transparent);width:1px;height:clamp(110px,20vw,230px);position:absolute;bottom:1.4rem;left:50%}@keyframes hop-x-easy{0%,6%{left:4%}16%,24%{left:18%}34%,42%{left:34%}52%,60%{left:52%}70%,78%{left:72%}88%,to{left:94%}}@keyframes hop-y{0%,6%,16%,24%,34%,42%,52%,60%,70%,78%,88%,to{transform:none}11%,29%,47%,65%,83%{transform:translateY(-46px)rotate(-4deg)}}@keyframes hop-x-hard{0%,6%{left:4%}16%,30%{left:18%}40%,54%{left:22%}64%,78%{left:27%}88%,to{left:34%}}@keyframes hop-y-hard{0%,6%,16%,30%,40%,54%,64%,78%,88%,to{transform:none}11%,35%,59%,83%{transform:translateY(-26px)rotate(4deg)}}.script[data-astro-cid-jqregm47]{--loop:9s;place-items:center;display:grid;position:absolute;inset:0}.switch[data-astro-cid-jqregm47]{border:1px solid color-mix(in oklch, var(--color-on-invert) 30%, transparent);border-radius:var(--radius-pill);width:6.5rem;font-family:var(--font-ui);text-align:center;grid-template-columns:1fr 1fr;padding:.25rem;display:grid;position:absolute;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.switch[data-astro-cid-jqregm47]>span[data-astro-cid-jqregm47]:not(.knob){z-index:1;padding:.25rem 0;position:relative}.knob[data-astro-cid-jqregm47]{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--flag-yellow) 70%, transparent);width:calc(50% - .25rem);animation:knob calc(var(--loop) / 3) infinite;position:absolute;inset:.25rem auto .25rem .25rem;transform:translate(100%)}.morph[data-astro-cid-jqregm47]{place-items:center;width:100%;display:grid}.pair[data-astro-cid-jqregm47]{text-align:center;animation:turn var(--loop) infinite;animation-delay:calc(var(--loop) / 3 * var(--g) - var(--loop));opacity:0;grid-area:1/1;place-items:center;display:grid}.pair[data-astro-cid-jqregm47]:first-child{opacity:1}.roman[data-astro-cid-jqregm47],.word[data-astro-cid-jqregm47]{grid-area:1/1;font-size:clamp(2.6rem,9vw,7rem);line-height:1.15}.roman[data-astro-cid-jqregm47]{font-family:var(--font-display);opacity:0}.roman[data-astro-cid-jqregm47] span[data-astro-cid-jqregm47]{animation:letter-out calc(var(--loop) / 3) infinite;animation-delay:calc(var(--i) * 45ms);display:inline-block}.word[data-astro-cid-jqregm47]{color:var(--flag-yellow);animation:word-in calc(var(--loop) / 3) infinite}.meaning[data-astro-cid-jqregm47]{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-invert-muted);margin-top:.4rem;font-size:.8rem}@keyframes turn{0%,31%{opacity:1}34%,to{opacity:0}}@keyframes knob{0%,42%{transform:none}50%,to{transform:translate(100%)}}@keyframes letter-out{0%,40%{opacity:1;filter:none;transform:none}55%,to{opacity:0;filter:blur(8px);transform:translateY(-.4em)rotate(-8deg)}}@keyframes word-in{0%,45%{opacity:0;filter:blur(14px);transform:scale(1.08)}60%,94%{opacity:1;filter:none;transform:none}to{opacity:0}}.pair[data-astro-cid-jqregm47] .roman[data-astro-cid-jqregm47]{animation:roman-show calc(var(--loop) / 3) infinite}@keyframes roman-show{0%,58%{opacity:1}60%,to{opacity:0}}@media (width<=640px){.band[data-astro-cid-jqregm47]{height:300px}.ladder[data-astro-cid-jqregm47]{grid-template-columns:1fr;align-content:center}.step[data-astro-cid-jqregm47]{grid-area:1/1;animation-name:focus-solo}.rail[data-astro-cid-jqregm47]{display:none}@keyframes focus-solo{0%,30%{opacity:1}34%,97%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.band[data-astro-cid-jqregm47],.band[data-astro-cid-jqregm47] [data-astro-cid-jqregm47]{animation:none!important}.karaoke[data-astro-cid-jqregm47]{background-position:0 0}.step[data-astro-cid-jqregm47]{opacity:1}@media (width<=640px){.s2[data-astro-cid-jqregm47],.s3[data-astro-cid-jqregm47]{display:none}}}
