[data-game=vowel-runner] .gs-music,[data-game=vowel-runner] .gs-musicline{display:none}[data-game=vowel-runner] .vr-progress{z-index:2;left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 54px);pointer-events:none;align-items:center;gap:8px;width:min(420px,60%);display:flex;position:absolute;transform:translate(-50%)}[data-game=vowel-runner] .vr-progress__bar{background:#00000073;border:2px solid #ffffffd9;border-radius:99px;flex:1;height:12px;position:relative;overflow:hidden}[data-game=vowel-runner] .vr-progress__fill{transform-origin:0;background:linear-gradient(#a6ff6a,#4dd62a);position:absolute;inset:0;transform:scaleX(0)}[data-game=vowel-runner] .vr-progress.is-practice .vr-progress__fill{background:linear-gradient(#8af7ff,#2ec7e0)}[data-game=vowel-runner] .vr-progress__best{background:#ffe14d;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}[data-game=vowel-runner] .vr-progress__pct{min-width:3.2em;font:800 .95rem/1 var(--sans);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 3px #000,0 1px 2px #000}[data-game=vowel-runner] .vr-flame{color:#ffd36b;height:34px;font:800 .95rem/1 var(--sans);background:#00000059;border-radius:99px;align-items:center;gap:3px;padding:0 10px 0 7px;display:inline-flex}[data-game=vowel-runner] :is(.vr-flame,.vr-progress,.vr-practice)[hidden]{display:none}[data-game=vowel-runner] .vr-flame svg{fill:#ff9a2e;stroke:#ffd36b;stroke-width:1.2px;width:18px;height:18px}[data-game=vowel-runner] .vr-flame.is-up{animation:vr-pop .5s var(--ease)}@keyframes vr-pop{40%{transform:scale(1.3)}}[data-game=vowel-runner] .vr-chant{z-index:2;left:50%;bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;opacity:0;background:#0000006b;border:1px solid #ffffff40;border-radius:99px;gap:2px;max-width:calc(100% - 24px);padding:2px 10px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}[data-game=vowel-runner] .vr-chant.is-on{opacity:1}[data-game=vowel-runner] .vr-chip{font:700 1.5rem/1.75 var(--arabic);text-align:center;color:#ffffff80;border-radius:10px;min-width:1.4em;margin:-6px 0 -4px;padding:0 4px;transition:color .15s,background-color .15s,transform .15s}[data-game=vowel-runner] .vr-chip.is-done{color:#ffe7a8}[data-game=vowel-runner] .vr-chip.is-now{color:#2a1d00;background:#ffe14d;transform:scale(1.15)}[data-game=vowel-runner] .vr-practice{z-index:3;left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));cursor:pointer;min-height:40px;font:700 .88rem/1 var(--sans);color:#fff;background:#0006;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute}[data-game=vowel-runner] .vr-practice i{border:2px solid #4dff5c;width:11px;height:11px;transform:rotate(45deg)}[data-game=vowel-runner] .vr-practice.is-on{background:#146e28bf;border-color:#4dff5c}[data-game=vowel-runner] .vr-practice.is-on i{background:#4dff5c}@media (hover:hover){[data-game=vowel-runner] .vr-practice:hover{background:#0009}}[data-game=vowel-runner]:not(.is-playing) :is(.vr-practice,.vr-coach,.vr-rule,.vr-progress,.vr-chant,.vr-recall){display:none}@media (width<=700px){[data-game=vowel-runner] .vr-chant{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 50px)}[data-game=vowel-runner] .vr-chip{font-size:1.25rem}}@media (height<=560px) and (width>=560px){[data-game=vowel-runner] .vr-practice{bottom:auto;left:auto;right:max(12px, env(safe-area-inset-right));top:calc(max(10px, env(safe-area-inset-top)) + 54px);min-height:34px}[data-game=vowel-runner] .vr-chant{bottom:max(8px, env(safe-area-inset-bottom))}[data-game=vowel-runner] .vr-progress{top:calc(max(10px, env(safe-area-inset-top)) + 50px);width:min(340px,44%)}}@media (width<=559px){[data-game=vowel-runner] .gs__hud{pointer-events:none;justify-content:flex-start;margin-top:2px;padding:0 12px;display:flex;position:absolute;top:100%;left:0;right:0}[data-game=vowel-runner] .vr-progress{top:calc(max(10px, env(safe-area-inset-top)) + 92px);width:calc(100% - 32px)}[data-game=vowel-runner] .gs__skip{top:calc(max(10px, env(safe-area-inset-top)) + 120px)}}[data-game=vowel-runner] .vr-coach{z-index:3;box-sizing:border-box;pointer-events:none;text-align:center;color:#111;width:max-content;max-width:min(420px,100% - 32px);font:800 1.1rem/1.35 var(--sans);opacity:0;visibility:hidden;transition:opacity .2s, transform .25s var(--ease), visibility 0s .25s;background:#fff;border:3px solid #111;border-radius:16px;padding:12px 18px 13px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 6px #00000059}[data-game=vowel-runner] .vr-coach.is-on{opacity:1;visibility:visible;transition:opacity .2s, transform .25s var(--ease);transform:translate(-50%,-50%)}[data-game=vowel-runner] .vr-coach small{font:600 .88rem/1.35 var(--sans);color:#444;margin-top:6px;display:block}[data-game=vowel-runner] .vr-rule{z-index:3;box-sizing:border-box;pointer-events:none;color:#111;opacity:0;visibility:hidden;width:max-content;max-width:min(460px,100% - 24px);transition:opacity .2s, transform .25s var(--ease), visibility 0s .25s;background:#fffffff5;border:3px solid #111;border-radius:14px;align-items:center;gap:12px;padding:9px 14px 10px 10px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%,-12px);box-shadow:0 5px #00000059}[data-game=vowel-runner] .vr-rule.is-on{opacity:1;visibility:visible;transition:opacity .2s, transform .25s var(--ease);transform:translate(-50%)}[data-game=vowel-runner] .vr-rule__text{text-align:left;gap:2px;display:grid}[data-game=vowel-runner] .vr-rule__text b{font:800 1rem/1.25 var(--sans)}[data-game=vowel-runner] .vr-rule__text small{font:800 .72rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}[data-game=vowel-runner] .vr-rule__demo{border:2px solid #111;border-radius:8px;flex:none;width:144px;height:72px;display:block}[data-game=vowel-runner] .vr-rule__text b{max-width:15ch}[data-game=vowel-runner] .vr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-game=vowel-runner] .vr-rule.is-on.is-held{opacity:0;visibility:hidden}@media (width<=559px){[data-game=vowel-runner] .vr-rule{top:calc(max(10px, env(safe-area-inset-top)) + 122px)}}@media (height<=560px) and (width>=560px){[data-game=vowel-runner] .vr-rule{top:calc(max(10px, env(safe-area-inset-top)) + 80px);max-width:calc(100% - 320px)}}@media (height<=440px){[data-game=vowel-runner] .vr-rule{padding:6px 12px 7px 8px}[data-game=vowel-runner] .vr-rule__demo{width:104px;height:52px}}@media (width>=900px) and (height>=600px){[data-game=vowel-runner] .vr-rule__demo{width:184px;height:92px}[data-game=vowel-runner] .vr-rule__text b{font-size:1.1rem}}@media (width<=359px){[data-game=vowel-runner] .vr-rule__demo{width:120px;height:60px}[data-game=vowel-runner] .vr-rule{gap:8px}}[data-game=vowel-runner] .vr-recall{z-index:4;box-sizing:border-box;text-align:center;color:#2a1d00;opacity:0;visibility:hidden;width:min(380px,100% - 32px);max-height:calc(100% - 24px);transition:opacity .2s, transform .3s var(--ease), visibility 0s .3s;background:linear-gradient(#fff8e4,#f7ebdd);border:3px solid #c3a15f;border-radius:22px;padding:16px 18px 18px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-46%)scale(.94);box-shadow:0 0 0 6px #ffe18c40,0 20px 50px -10px #0009}[data-game=vowel-runner] .vr-recall.is-on{opacity:1;visibility:visible;transition:opacity .2s, transform .3s var(--ease);transform:translate(-50%,-50%)}[data-game=vowel-runner] .vr-recall__eyebrow{font:700 .75rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8a6a2b;margin:0}[data-game=vowel-runner] .vr-recall__title{font:600 1.35rem/1.2 var(--serif);color:#1f3a30;margin:4px 0 2px}[data-game=vowel-runner] .vr-recall__seq{font:700 2.1rem/1.7 var(--arabic);color:#1f5a48;justify-content:center;gap:10px;margin:0;display:flex}[data-game=vowel-runner] .vr-recall__seq .is-q{color:#c3a15f;animation:1s ease-in-out infinite vr-blink}@keyframes vr-blink{50%{opacity:.35}}[data-game=vowel-runner] .vr-recall__tiles{justify-content:center;gap:10px;margin-top:6px;display:flex}[data-game=vowel-runner] .vr-tile{cursor:pointer;color:#1f3a30;width:84px;height:84px;font:700 2.4rem/1 var(--arabic);background:#fff;border:3px solid #1f5a48;border-radius:18px;padding:0;transition:transform .1s,box-shadow .1s;position:relative;box-shadow:0 5px #1f5a48}[data-game=vowel-runner] .vr-tile span{margin-top:-4px;display:block}[data-game=vowel-runner] .vr-tile small{font:700 .7rem/1 var(--sans);color:#8a9a92;position:absolute;bottom:5px;right:7px}[data-game=vowel-runner] .vr-tile:active{transform:translateY(4px);box-shadow:0 1px #1f5a48}[data-game=vowel-runner] .vr-tile.is-right{color:#fff;background:#4dd62a;border-color:#1f6e10;box-shadow:0 5px #1f6e10}[data-game=vowel-runner] .vr-tile.is-wrong{color:#b4452f;background:#f2d0c8;border-color:#b4452f;animation:.35s vr-shake;box-shadow:0 5px #b4452f}[data-game=vowel-runner] .vr-tile:disabled{cursor:default}@keyframes vr-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}[data-game=vowel-runner] .vr-recall__hint{font:600 .9rem/1.35 var(--sans);color:#5a4a2a;margin:12px 0 0}@media (height<=420px){[data-game=vowel-runner] .vr-recall{padding:10px 14px 12px}[data-game=vowel-runner] .vr-recall__seq{font-size:1.7rem}[data-game=vowel-runner] .vr-tile{width:70px;height:70px;font-size:2rem}[data-game=vowel-runner] .vr-recall__hint{margin-top:8px}}[data-game=vowel-runner] .vr-intro-letters{font:700 1.9rem/1.7 var(--arabic);color:var(--pine);margin:0}html.night [data-game=vowel-runner] .vr-intro-letters{color:#f3e3bd}[data-game=vowel-runner] .gs__intro [lang=ar],[data-game=vowel-runner] .gs__panel bdi[lang=ar]{font-family:var(--arabic);font-weight:700}[data-game=vowel-runner] .vr-intro-how{color:var(--muted);font-size:.95rem}[data-game=vowel-runner] .vr-record{color:var(--gold-text);margin:6px 0 0;font-weight:600}html.night [data-game=vowel-runner] .vr-record{color:#e9c77e}[data-game=vowel-runner] .vr-stars{justify-content:center;gap:8px;margin:4px 0 6px;font-size:2.4rem;line-height:1;display:flex}[data-game=vowel-runner] .vr-stars span{color:#8a6a2b40}[data-game=vowel-runner] .vr-stars span.is-on{color:#e9b730;animation:vr-star .5s var(--ease) both}[data-game=vowel-runner] .vr-stars span.is-on:nth-child(2){animation-delay:.15s}[data-game=vowel-runner] .vr-stars span.is-on:nth-child(3){animation-delay:.3s}@keyframes vr-star{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}[data-game=vowel-runner] .vr-star-why{color:var(--muted);margin:0;padding:0;font-size:.9rem;list-style:none}[data-game=vowel-runner] .vr-star-why li:before{content:"☆ ";color:var(--gold-text)}[data-game=vowel-runner] .vr-star-why li.is-on:before{content:"★ "}[data-game=vowel-runner] .vr-score{color:var(--muted);margin:12px 0 0;font-size:.95rem}[data-game=vowel-runner] .vr-met{font:700 1.7rem/1.8 var(--arabic);color:var(--pine);flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0;display:flex}html.night [data-game=vowel-runner] .vr-met{color:#f3e3bd}[data-game=vowel-runner] .vr-met-head{margin:12px 0 0}@media (orientation:landscape) and (height<=560px){[data-game=vowel-runner] .vr-done{grid-template-columns:1fr 1fr;align-items:center;gap:0 18px;display:grid}[data-game=vowel-runner] .vr-done__b .vr-coins{margin-top:0}[data-game=vowel-runner] .vr-met-head{margin-top:6px;font-size:.9rem}[data-game=vowel-runner] .vr-met{gap:0 7px;font-size:1.15rem;line-height:1.6}[data-game=vowel-runner] .vr-stars{margin-top:0;font-size:1.9rem}[data-game=vowel-runner] .vr-score{margin-top:6px}[data-game=vowel-runner] .vr-star-why{font-size:.84rem;line-height:1.3}[data-game=vowel-runner] [data-screen=done] .gs__eyebrow{display:none}[data-game=vowel-runner] [data-screen=done] .gs__title{margin-bottom:4px;font-size:1.45rem}[data-game=vowel-runner] [data-screen=done] .gs__earned{gap:2px 8px;margin-top:2px;margin-bottom:2px}[data-game=vowel-runner] [data-screen=done] .gs__earned small{font-size:.78rem;line-height:1.25}}[data-game=vowel-runner] .vr-coins{color:var(--gold-text);justify-content:center;align-items:center;gap:6px;margin:10px 0 0;font-size:.95rem;font-weight:600;display:flex}[data-game=vowel-runner] .vr-coins i{border:2px solid #8a6a2b73;border-radius:50%;width:18px;height:18px}[data-game=vowel-runner] .vr-coins i.is-on{background:radial-gradient(circle at 35% 35%,#ffe9a0,#e9b730 60%,#b8860b);border-color:#8a6a2b}[data-game=vowel-runner] .vr-coins span{margin-left:4px}html.night [data-game=vowel-runner] .vr-coins{color:#e9c77e}