:root{--bg: #FFF6E3;--surface: #ffffff;--ink: #2D2A4A;--ink-soft: #6E6A8A;--muted: #A8A4C2;--line: #EDE8FF;--primary: #6C5CE7;--primary-dark: #4F3DD9;--accent: #FF7A59;--accent-dark: #E55A38;--good: #2BB673;--bad: #FF5A5A;--gold: #FFB627;--sky: #4FC3F7;--shadow-card: 0 6px 0 rgba(45, 42, 74, .08), 0 14px 30px rgba(45, 42, 74, .1);--shadow-btn: 0 4px 0 rgba(45, 42, 74, .18);--radius: 22px;--radius-sm: 14px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Fredoka,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;background:var(--bg);color:var(--ink);user-select:none;-webkit-user-select:none;overscroll-behavior:none;letter-spacing:.01em}body{display:flex;align-items:stretch;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 15%,rgba(108,92,231,.08) 0,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,122,89,.1) 0,transparent 45%),radial-gradient(circle at 70% 25%,rgba(79,195,247,.08) 0,transparent 40%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius);margin:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:calc(100vh - 28px);overflow:hidden;border:1px solid var(--line)}.screen{flex:1;display:flex;flex-direction:column;padding:22px;gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.screen.hidden{display:none}[dir=rtl],.rtl{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,Fredoka,sans-serif}.brand-logo{width:220px;max-width:70%;height:auto;aspect-ratio:1;object-fit:contain;display:block;margin:0 auto;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 16px rgba(108,92,231,.18))}#lang-screen .brand-logo,#profile-screen .brand-logo{animation:logo-pulse 2.6s ease-in-out infinite;transform-origin:center}@keyframes logo-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(-1.5deg)}}.brand-logo-sm{width:56px;max-width:56px;margin:0 auto;filter:drop-shadow(0 3px 6px rgba(108,92,231,.15))}.brand-logo-md{width:140px;max-width:50%}#profile-screen{gap:14px;padding:22px 22px 16px}.profile-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px;margin:0 auto}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.5px;text-transform:uppercase}.field-optional{color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0;font-size:11px}.profile-form input[type=text]{font-family:inherit;font-size:18px;font-weight:600;color:var(--ink);padding:14px 16px;border:2px solid var(--line);border-radius:14px;background:var(--surface);outline:none;transition:border-color .15s}.profile-form input[type=text]:focus{border-color:var(--primary)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}#pf-ages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#pf-ages .age-chip{width:100%;padding:14px 0;text-align:center}#pf-genders{justify-content:center}.age-chip,.gender-chip{flex:0 1 auto;min-width:50px;padding:12px 14px;border:2px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px #2d2a4a14;transition:transform .1s,background .15s,border-color .15s}.gender-chip{font-size:14px}.age-chip:active,.gender-chip:active{transform:translateY(1px)}.age-chip.selected,.gender-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary-dark);box-shadow:0 3px 0 var(--primary-dark)}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-btn{font-size:28px;line-height:1;width:100%;aspect-ratio:1;border:2px solid var(--line);border-radius:14px;background:var(--bg);cursor:pointer;font-family:inherit;transition:transform .1s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;padding:0}.avatar-btn:active{transform:scale(.94)}.avatar-btn.selected{background:linear-gradient(135deg,#efecff,#dad2ff);border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce72e;transform:scale(1.05)}.privacy-note{font-size:11px;color:var(--ink-soft);text-align:center;background:var(--bg);padding:8px 10px;border-radius:10px}.start-btn:disabled{cursor:default;background:var(--line);color:var(--muted);box-shadow:none}.profile-chip{display:flex;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;font-family:inherit;cursor:pointer;box-shadow:0 2px #2d2a4a14}.profile-chip:active{transform:scale(.97)}.profile-chip .profile-avatar{font-size:22px;line-height:1;background:var(--bg);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-chip .profile-name{font-size:13px;font-weight:700;color:var(--ink);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 380px){.avatar-grid{grid-template-columns:repeat(6,1fr)}.avatar-btn{font-size:24px}.profile-chip .profile-name{max-width:60px}}#lang-screen{justify-content:center;align-items:center;gap:24px;padding:36px 24px}#lang-screen h1{font-size:44px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--ink-soft);font-size:15px;font-weight:500}.tagline{font-size:17px;font-weight:600;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:-6px 0 4px;letter-spacing:.2px}.settings-section{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;margin:0 auto}.settings-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:0 2px #2d2a4a0f}.settings-label{flex:1;min-width:0}.settings-title{font-size:16px;font-weight:700;color:var(--ink)}.settings-desc{font-size:12px;color:var(--ink-soft);margin-top:2px}.badge-on,.badge-off{font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:999px;flex-shrink:0}.badge-on{background:#e8f8ef;color:#1b7a3f}.badge-off{background:var(--line);color:var(--muted)}.toggle{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:inline-block;width:50px;height:28px;background:var(--line);border-radius:999px;transition:background .2s;position:relative}.toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s}.toggle input:checked+.toggle-track{background:var(--good)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(22px)}.toggle input:focus+.toggle-track{outline:2px solid var(--primary);outline-offset:2px}.start-btn{margin-top:8px;padding:18px 28px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 6px 0 var(--primary-dark),0 14px 30px #6c5ce759;transition:transform .12s,box-shadow .12s;min-width:240px}.start-btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--primary-dark),0 8px 16px #6c5ce74d}.start-en{font-size:24px;font-weight:700;letter-spacing:.3px}.start-translit{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif;font-size:14px;opacity:.92;direction:rtl}.lang-hint{margin-top:14px;font-size:12px;color:var(--ink-soft);text-align:center;max-width:280px}.language-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:6px}.lang-btn{padding:18px 22px;font-size:19px;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;background:var(--primary);color:#fff;box-shadow:var(--shadow-btn);transition:transform .12s,box-shadow .12s}.lang-btn:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.lang-btn[data-lang=ur],.lang-btn[data-lang=ar]{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif;font-size:24px;direction:rtl}.lang-btn[data-lang=ar]{font-family:Noto Naskh Arabic,sans-serif}.home-header{display:flex;justify-content:space-between;align-items:center}.home-title{font-size:26px;font-weight:700;color:var(--ink);margin:4px 0}.chip{background:var(--line);border:none;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;font-family:inherit}.chip:active{transform:scale(.96)}.stars-pill{background:linear-gradient(135deg,#ffe9a8,#ffd076);color:#8c5a00;padding:9px 14px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 2px #8c5a001f}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.level-card{position:relative;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:16px 14px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .18s ease;box-shadow:var(--shadow-btn);overflow:hidden;animation:card-in .45s cubic-bezier(.34,1.56,.64,1) backwards}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--card-color, var(--primary))}.level-card:nth-child(1){animation-delay:.04s}.level-card:nth-child(2){animation-delay:.1s}.level-card:nth-child(3){animation-delay:.16s}.level-card:nth-child(4){animation-delay:.22s}.level-card:nth-child(5){animation-delay:.28s}.level-card:nth-child(6){animation-delay:.34s}.level-card:nth-child(7){animation-delay:.4s}.level-card:nth-child(8){animation-delay:.46s}.level-card:nth-child(9){animation-delay:.52s}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media (hover: hover){.level-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px #2d2a4a1a,0 18px 32px #2d2a4a26;border-color:var(--card-color, var(--primary))}.level-card:hover .lvl-emoji{transform:scale(1.18) rotate(-6deg)}}.level-card:active{transform:scale(.94);box-shadow:0 1px #2d2a4a2e;transition:transform .08s ease,box-shadow .08s}.level-card:active .lvl-emoji{transform:scale(.92) rotate(4deg);transition:transform .08s ease}.level-card .lvl-num{font-size:11px;font-weight:700;color:var(--card-color, var(--primary));letter-spacing:1.5px;margin-top:4px}.level-card .lvl-emoji{font-size:38px;line-height:1;background:var(--card-tint, #f0eeff);width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:4px 0;transition:transform .28s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.level-card .lvl-name{font-size:16px;font-weight:700;color:var(--ink)}.level-card .lvl-desc{font-size:12px;color:var(--ink-soft);line-height:1.35;min-height:32px}.level-card .lvl-meta{margin-top:8px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-weight:600}.level-card .lvl-meta .best{color:var(--gold);font-weight:700}.level-card.recommended{border-color:var(--card-color, var(--primary));box-shadow:var(--shadow-btn),0 0 0 4px #6c5ce71f}.level-card.recommended:after{content:"";position:absolute;inset:-2px;border-radius:var(--radius-sm);border:2px solid var(--card-color, var(--primary));pointer-events:none;animation:recommended-glow 2s ease-in-out infinite}@keyframes recommended-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.04)}}.level-card.recommended .lvl-emoji{animation:emoji-bob 2.4s ease-in-out infinite}@keyframes emoji-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(3deg)}}@media (prefers-reduced-motion: reduce){#lang-screen .brand-logo,.level-card.recommended:after,.level-card.recommended .lvl-emoji{animation:none!important}.level-card{animation:none!important}.level-card,.level-card .lvl-emoji{transition:none!important}}.level-card[data-id="1"]{--card-color: #4FC3F7;--card-tint: #E1F5FE}.level-card[data-id="2"]{--card-color: #2BB673;--card-tint: #E8F8EF}.level-card[data-id="3"]{--card-color: #6C5CE7;--card-tint: #EFECFF}.level-card[data-id="4"]{--card-color: #FF7A59;--card-tint: #FFEDE5}.level-card[data-id="5"]{--card-color: #FFB627;--card-tint: #FFF4DA}.game-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.game-title-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.game-title{font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-subtitle{font-size:11px;color:var(--ink-soft);font-weight:500}.icon-btn{background:var(--line);border:none;font-size:22px;cursor:pointer;width:40px;height:40px;border-radius:12px;color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:inherit}.icon-btn:active{transform:scale(.94)}.score-pill{background:linear-gradient(135deg,#d9f5e2,#b8e8c7);color:#1b7a3f;padding:7px 14px;border-radius:999px;font-weight:700;font-size:16px;display:flex;align-items:baseline;gap:4px;box-shadow:0 2px #1b7a3f1f}.score-pill .score-label{font-size:10px;color:#4d9f6e;font-weight:600}.score-pill.negative{background:linear-gradient(135deg,#ffe0e0,#ffc9c9);color:#b33;box-shadow:0 2px #b3333326}.score-pill.negative .score-label{color:#c66}.stage{flex:1;display:flex;flex-direction:column;gap:16px;padding-top:4px;animation:stage-in .35s ease}@keyframes stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.visual-img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;background:#f5f5fb}.visual-emoji{font-size:inherit;line-height:1;display:inline-flex;align-items:center;justify-content:center}.emoji-card .visual-img{border-radius:18px;width:100%;height:100%;max-width:140px;max-height:140px;margin:0 auto}.lvl-emoji .visual-img,.word-emoji .visual-img{border-radius:14px}.option-tile.emoji .visual-img{width:92%;height:92%;border-radius:14px}.option-tile.emoji .visual-emoji{font-size:inherit}.emoji-card{background:linear-gradient(180deg,#f4f1ff,#e9e4ff);border:2px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;align-items:center;justify-content:center;font-size:110px;line-height:1;min-height:160px;box-shadow:inset 0 -4px #6c5ce714}.names-stack{display:flex;flex-direction:column;gap:8px}.name-row{display:flex;align-items:center;gap:12px;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:18px;font-weight:600;color:var(--ink)}.name-row .speaker{background:var(--accent);color:#fff;border:none;width:38px;height:38px;border-radius:50%;font-size:16px;cursor:pointer;flex-shrink:0;box-shadow:0 3px 0 var(--accent-dark);font-family:inherit}.name-row .speaker:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-dark)}.name-row .name-text{flex:1}.name-row.rtl{direction:rtl;font-size:22px}.name-row.rtl .name-text{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif}.name-row .lang-tag{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:1.5px;background:var(--surface);padding:3px 8px;border-radius:999px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.options-grid.cols-3{grid-template-columns:repeat(3,1fr)}.options-grid.cols-4{grid-template-columns:repeat(4,1fr)}.option-tile{background:var(--surface);border:2.5px solid var(--line);border-radius:var(--radius-sm);padding:14px;min-height:70px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .12s,background .2s,border-color .2s;color:var(--ink);box-shadow:var(--shadow-btn);font-family:inherit}.option-tile.emoji{font-size:52px;padding:8px}.option-tile.rtl{direction:rtl;font-size:36px;font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif}.option-tile:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.option-tile.correct{background:#e8f8ef;border-color:var(--good);color:#1b7a3f;animation:pop .32s ease}.option-tile.wrong{background:#ffe0e0;border-color:var(--bad);color:#b33;animation:shake .4s ease}.option-tile.disabled{pointer-events:none;opacity:.5}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.prompt{text-align:center;padding:4px 0}.prompt .prompt-label{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:1.5px}.prompt .prompt-text{font-size:22px;font-weight:700;color:var(--ink);margin-top:4px}.prompt .prompt-text.rtl{direction:rtl;font-size:26px;font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif}.ct-root{display:flex;flex-direction:column;gap:14px;flex:1}.ct-pick-title{font-size:18px;font-weight:700;text-align:center;color:var(--ink);margin-top:4px}.ct-difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ct-diff-card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:14px 12px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:4px;align-items:center;box-shadow:var(--shadow-btn);transition:transform .12s,box-shadow .12s,border-color .15s}.ct-diff-card:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.ct-diff-card.recommended{border-color:var(--primary);box-shadow:var(--shadow-btn),0 0 0 4px #6c5ce71f}.ct-diff-name{font-size:16px;font-weight:700;color:var(--ink)}.ct-diff-desc{font-size:11px;color:var(--ink-soft);text-align:center}.ct-hud{display:flex;gap:8px;justify-content:space-between}.ct-prompt-area{display:flex;align-items:center;justify-content:center;min-height:170px}.ct-circle{width:160px;height:160px;border-radius:50%;box-shadow:0 8px 24px #2d2a4a26,inset 0 -8px #00000014;outline:2px solid var(--line)}.ct-word-prompt{font-family:Fredoka,sans-serif;font-weight:700;font-size:64px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.06);line-height:1}.ct-options.circles,.ct-options.circles.four{grid-template-columns:repeat(4,1fr)}.ct-circle-opt{width:100%;aspect-ratio:1;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px #0000002e,inset 0 -4px #0000001a;transition:transform .12s,box-shadow .12s;padding:0}.ct-circle-opt:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.ct-circle-opt.right{outline:4px solid var(--good);outline-offset:4px;animation:pop .32s ease}.ct-circle-opt.wrong{outline:4px solid var(--bad);outline-offset:4px;animation:shake .4s ease}.ct-timer-track{width:100%;height:10px;background:var(--line);border-radius:999px;overflow:hidden}.ct-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--good),#8BC34A);border-radius:999px}.ct-timer-fill.warn{background:linear-gradient(90deg,var(--bad),#FF8A8A);animation:ct-warn-pulse .6s ease-in-out infinite}@keyframes ct-warn-pulse{0%,to{opacity:1}50%{opacity:.6}}.ct-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:4px}.ct-options.four{grid-template-columns:1fr 1fr}.ct-option{background:#fff;border:2.5px solid var(--line);border-radius:var(--radius-sm);padding:16px 8px;font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .12s,box-shadow .12s,background .2s,border-color .2s;text-shadow:0 1px 0 rgba(255,255,255,.6)}.ct-option:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.ct-option.right{background:#e8f8ef;border-color:var(--good);animation:pop .32s ease}.ct-option.wrong{background:#ffe0e0;border-color:var(--bad);animation:shake .4s ease}.cloudabc-root{display:flex;flex-direction:column;gap:10px;flex:1}.ca-target-panel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:linear-gradient(180deg,#fff1de,#ffe0b5);border:2px solid #FFC78A;border-radius:var(--radius-sm);box-shadow:0 4px #da8a1e2e}.ca-target-label{font-size:10px;color:#8c5a00;font-weight:700;letter-spacing:1.5px}.ca-target{font-family:Fredoka,sans-serif;font-weight:700;font-size:56px;line-height:1;color:var(--ink);animation:ca-target-pulse 2s ease-in-out infinite}@keyframes ca-target-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.warn-bg-soft{background:linear-gradient(180deg,#ffe7e7,#ffd3d3)!important;border:2px solid #FFB1B1}.ca-letter.pick-right{animation:ca-pick-right .7s ease forwards!important;pointer-events:none;z-index:2}.ca-letter.pick-wrong{animation:ca-pick-wrong .7s ease forwards!important;pointer-events:none}@keyframes ca-pick-right{0%{transform:scale(1)}35%{transform:scale(1.45);box-shadow:0 0 0 8px #4caf5066}to{transform:scale(1.6) translateY(-6px);opacity:0}}@keyframes ca-pick-wrong{0%,to{box-shadow:0 4px #0000002e,inset 0 -3px #0000001a}20%,80%{box-shadow:0 0 0 6px #ff5a5a66}to{opacity:.4}}.cloudabc-hud{display:flex;gap:8px;justify-content:space-between}.cloudabc-stage{position:relative;flex:1;min-height:360px;background:linear-gradient(180deg,#bfe5f8,#e1f5fe 60%,#c8f0d9);border-radius:var(--radius-sm);border:2px solid var(--line);overflow:hidden;box-shadow:inset 0 -6px #2bb67333}.ca-cloud{position:absolute;font-size:56px;pointer-events:none;opacity:.85;filter:drop-shadow(0 4px 6px rgba(0,0,0,.06))}.ca-cloud-1{top:10%;left:-60px;animation:ca-drift 22s linear infinite}.ca-cloud-2{top:28%;left:-60px;animation:ca-drift 32s linear infinite;animation-delay:-10s;font-size:44px}.ca-cloud-3{top:5%;left:-60px;animation:ca-drift 27s linear infinite;animation-delay:-18s;font-size:38px;opacity:.6}@keyframes ca-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 80px))}}.ca-ground{position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#6ebc8e,#4ca972);box-shadow:inset 0 2px #ffffff4d}.ca-letter{position:absolute;top:0;left:0;width:50px;height:50px;border:none;border-radius:50%;font-family:Fredoka,sans-serif;font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #0000002e,inset 0 -3px #0000001a;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform}.ca-letter:active{transform:scale(.92)!important}.ca-letter.caught{animation:ca-catch .28s ease forwards;pointer-events:none}.ca-letter.missed{animation:ca-miss .32s ease forwards;pointer-events:none}@keyframes ca-catch{0%{transform:scale(1)}60%{transform:scale(1.4);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes ca-miss{0%{opacity:1}to{transform:translateY(20px);opacity:0}}.flash-bad{animation:flash-bad .4s ease}@keyframes flash-bad{0%,to{background:transparent}50%{background:#ff5a5a40}}.level-card[data-id="2"],.level-card[data-id="10"]{--card-color: #4FC3F7;--card-tint: #E1F5FE}.ml-word{display:flex;gap:8px;justify-content:center;align-items:center;margin:4px 0}.ml-slot{width:50px;height:64px;border:2px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--ink);box-shadow:0 2px #2d2a4a14}.ml-slot.empty{border-style:dashed;border-color:var(--accent);color:var(--accent);font-size:36px;background:#fff4ed}.level-card[data-id="7"]{--card-color: #2BB673;--card-tint: #E8F8EF}.level-card[data-id="8"]{--card-color: #FF8E1A;--card-tint: #FFF1DE}.level-card[data-id="9"]{--card-color: #4FC3F7;--card-tint: #E1F5FE}.spell-target{display:flex;gap:6px;justify-content:center;min-height:60px;flex-wrap:wrap}.spell-slot{width:46px;height:60px;border:2px dashed var(--muted);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;background:var(--bg);color:var(--ink);transition:all .2s}.spell-slot.filled{border-style:solid;border-color:var(--primary);background:#efecff;color:var(--primary-dark)}.spell-pool{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.spell-letter{min-width:50px;height:60px;padding:0 10px;background:var(--surface);border:2.5px solid var(--line);border-radius:14px;font-size:26px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:var(--shadow-btn);font-family:inherit}.spell-letter:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.spell-letter.used{opacity:.25;pointer-events:none}.tap-prompt{text-align:center;padding:16px;background:linear-gradient(180deg,#fff4ed,#ffe5d6);border:2px solid #FFD3B6;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:12px}.tap-prompt .prompt-text{font-size:14px;color:var(--ink-soft);font-weight:600}.word-speaker-row{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.word-speaker-row .ws-en{flex:1;text-align:right;font-size:22px;font-weight:700;color:var(--ink)}.word-speaker-row .ws-ur{flex:1;text-align:left;font-size:24px;font-weight:700;color:var(--ink);font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif;direction:rtl}.big-speaker{background:var(--accent);border:none;color:#fff;width:88px;height:88px;border-radius:50%;font-size:40px;cursor:pointer;box-shadow:0 6px 0 var(--accent-dark);font-family:inherit;transition:transform .12s,box-shadow .12s}.big-speaker:active{transform:translateY(3px);box-shadow:0 3px 0 var(--accent-dark)}#done-screen{justify-content:center;align-items:center;gap:18px;text-align:center;padding:36px 24px}#done-title{font-size:32px;color:var(--ink);font-weight:700}.big-stars{font-size:64px;letter-spacing:6px;animation:pop .5s ease}.muted{color:var(--ink-soft);font-size:14px}.done-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:8px}.button{padding:15px 24px;font-size:16px;font-weight:600;font-family:inherit;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .12s,box-shadow .12s}.button:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.button.secondary{background:var(--line);color:var(--ink)}.button.ghost{background:transparent;color:var(--ink-soft);box-shadow:none}.button.ghost:active{box-shadow:none;transform:scale(.97)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;font-weight:600;z-index:100;animation:toast-fade 1.4s ease forwards;font-family:inherit;box-shadow:0 8px 24px #2d2a4a4d}.toast.good{background:var(--good)}.toast.bad{background:var(--bad)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.level-card[data-id="1"]{--card-color: #FF6B9D;--card-tint: #FFE8F1}.level-card[data-id="6"]{--card-color: #2BB673;--card-tint: #E8F8EF}.sub-card{padding-top:18px}.sub-badge{display:inline-block;background:var(--primary);color:#fff;padding:3px 10px;border-radius:999px;font-size:13px;letter-spacing:.5px}.color-strip{display:flex;gap:4px;margin:6px 0}.color-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000001a}.level-card[data-id="101"]{--card-color: #FF7F50;--card-tint: #FFEDE5}.level-card[data-id="102"]{--card-color: #B57EDC;--card-tint: #F0E8FA}.level-card[data-id="103"]{--card-color: #00A86B;--card-tint: #E0F4EC}.level-card[data-id="104"]{--card-color: #2196F3;--card-tint: #E3F2FD}.level-card[data-id="105"]{--card-color: #00897B;--card-tint: #E0F2F1}.level-card[data-id="106"]{--card-color: #1F2937;--card-tint: #FFE0E0}.crush-hud{display:flex;gap:8px;justify-content:space-between;align-items:stretch}.hud-shuffle{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:0 14px;font-family:inherit;font-size:22px;cursor:pointer;box-shadow:0 3px 0 var(--primary-dark);display:flex;align-items:center;justify-content:center}.hud-shuffle:active{transform:translateY(2px);box-shadow:0 1px 0 var(--primary-dark)}.hud-pill{flex:1;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px #2d2a4a14}.hud-pill.target{background:linear-gradient(180deg,#efecff,#dad2ff);border-color:#c0b5ff}.hud-pill.warn{background:linear-gradient(180deg,#ffe0e0,#ffc9c9);border-color:#ff9b9b}.hud-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.hud-value{font-size:22px;font-weight:700;color:var(--ink);line-height:1.1}.crush-grid{display:grid;gap:6px;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius-sm);padding:8px;aspect-ratio:6 / 7;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.crush-tile{border:none;border-radius:10px;font-family:inherit;font-weight:700;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px #0000002e,inset 0 -3px #00000014;transition:transform .18s ease,opacity .25s ease,box-shadow .12s;min-width:0;min-height:0;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform}.crush-tile.clearing{opacity:0;transform:scale(.45) rotate(-8deg);pointer-events:none}.crush-tile:active{transform:translateY(2px);box-shadow:0 1px #0000002e,inset 0 -2px #00000014}.crush-tile.empty{background:transparent;box-shadow:none;pointer-events:none}.crush-tile.selected{outline:3px solid var(--ink);outline-offset:-3px;transform:scale(1.06);z-index:1}.crush-tile.shake{animation:shake .4s ease}.crush-tile.tile-c0{background:linear-gradient(180deg,#ffb347,#ff8e1a)}.crush-tile.tile-c1{background:linear-gradient(180deg,#4fc3f7,#1e9cdb)}.crush-tile.tile-c2{background:linear-gradient(180deg,#66bb6a,#43a047)}.crush-tile.tile-c3{background:linear-gradient(180deg,#ba68c8,#8e24aa)}.crush-tile.tile-c4{background:linear-gradient(180deg,#ef5350,#c62828)}.crush-hint{text-align:center;font-size:12px;color:var(--ink-soft);padding:4px 8px}.level-card.explore-card{--card-color: #FF6B9D;--card-tint: #FFE8F1}.letter-strip{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.letter-strip::-webkit-scrollbar{display:none}.letter-chip{flex-shrink:0;width:42px;height:42px;border-radius:12px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #2d2a4a1a;transition:transform .1s,background .15s,border-color .15s,color .15s}.letter-chip:active{transform:translateY(1px);box-shadow:0 1px #2d2a4a1a}.letter-chip.empty{color:var(--muted);border-style:dashed;opacity:.55}.letter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary-dark);transform:translateY(0);box-shadow:0 3px 0 var(--primary-dark)}.explore-results{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.word-card{display:flex;gap:14px;align-items:stretch;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:14px;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .12s,box-shadow .12s}.word-card:active{transform:translateY(2px);box-shadow:0 2px #2d2a4a2e}.word-emoji{flex-shrink:0;width:70px;height:70px;font-size:48px;line-height:1;background:linear-gradient(180deg,#f4f1ff,#e9e4ff);border-radius:16px;display:flex;align-items:center;justify-content:center}.word-body{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.word-row{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.word-row.rtl{direction:rtl;font-size:18px}.word-en{font-size:18px;font-weight:700;color:var(--ink)}.word-script{font-family:Noto Nastaliq Urdu,Noto Naskh Arabic,sans-serif;color:var(--ink);flex:1;min-width:0}.speaker-mini{background:var(--accent);color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:13px;cursor:pointer;flex-shrink:0;box-shadow:0 2px 0 var(--accent-dark);font-family:inherit}.speaker-mini:active{transform:translateY(1px);box-shadow:0 1px 0 var(--accent-dark)}.lang-tag-mini{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:1px;background:var(--bg);padding:2px 6px;border-radius:999px;flex-shrink:0}.empty-state{text-align:center;padding:30px 20px;background:var(--bg);border:2px dashed var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state.slim{padding:16px;gap:4px}.empty-emoji{font-size:48px}.empty-title{font-size:18px;font-weight:700;color:var(--ink)}.empty-desc{font-size:13px;color:var(--ink-soft);max-width:280px;line-height:1.4}.info-btn{background:var(--line);border:none;width:28px;height:28px;border-radius:50%;font-family:Fredoka,serif;font-style:italic;font-weight:700;font-size:15px;color:var(--ink-soft);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .1s}.info-btn:active{transform:scale(.92)}.info-btn:hover{background:var(--primary);color:#fff}.info-btn.corner{position:absolute;top:8px;right:8px;background:#ffffffd9;border:1.5px solid var(--line);z-index:2}.info-overlay{position:fixed;inset:0;background:#2d2a4a8c;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease}.info-overlay.hidden{display:none}.info-card{background:var(--surface);border-radius:var(--radius);padding:22px 22px 18px;max-width:380px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #2d2a4a66;animation:pop .28s ease}.info-title{font-size:18px;font-weight:700;color:var(--ink)}.info-text{font-size:14px;color:var(--ink-soft);line-height:1.5;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-footer{margin-top:auto;padding:16px 20px calc(20px + env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--line);background:var(--bg)}.app-footer .story{font-size:12px;font-style:italic;color:var(--ink-soft);line-height:1.5;max-width:360px;margin:0 auto}.app-footer a{color:var(--primary);font-weight:600;text-decoration:underline;font-style:italic;transition:color .15s}.app-footer a:hover{color:var(--accent)}@media (max-width: 380px){.emoji-card{font-size:90px;min-height:130px;padding:16px}.option-tile{font-size:26px;min-height:60px}.option-tile.emoji{font-size:44px}.spell-slot,.spell-letter{width:40px;height:52px;font-size:22px}#app{margin:8px;min-height:calc(100vh - 16px)}.screen{padding:18px}}