@import"https://fonts.googleapis.com/css2?family=Lateef:wght@200;300;400;500;600;700;800&family=Cairo:wght@400;600;700;800;900&display=swap";.topbar-container{display:flex;flex-direction:column;width:100%;max-width:800px;margin:10px auto 0;background:#1e1e1e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:10px 15px;box-sizing:border-box}.topbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;direction:ltr}.topbar-exit-btn{background:#fff;border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:transform .2s;padding:8px}.topbar-exit-btn:hover{transform:scale(1.05)}.topbar-exit-btn img{width:100%;height:100%;object-fit:contain}.topbar-center-info{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Lateef,sans-serif}.topbar-question-label{font-size:1.4rem;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.5)}.topbar-question-count{font-size:1.2rem;font-weight:800;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.5)}.topbar-coins-badge{display:flex;align-items:center;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 16px 4px 6px;gap:12px;min-width:90px}.topbar-coin-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.topbar-coin-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.topbar-coins-amount{color:#fff;font-family:Lateef,sans-serif;font-size:1.2rem;font-weight:800}.topbar-progress-container{width:100%;height:6px;background:#0d3b4a;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080;border:1px solid rgba(255,255,255,.8)}.topbar-progress-fill{height:100%;background-color:#71d9ff;border-radius:2px;transition:width .3s ease-in-out;box-shadow:0 0 8px #71d9ff99}@media(max-width:320px){.topbar-container{padding:8px 10px}.topbar-coins-badge{padding:2px 10px 2px 4px;gap:6px;min-width:70px}.topbar-coin-wrapper{width:24px;height:24px}.topbar-exit-btn{width:36px;height:36px;padding:6px}.topbar-question-label{font-size:1.1rem}.topbar-question-count{font-size:1rem}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#154053c4;border:1px solid #F9FCFC;box-shadow:inset 0 4px 20.8px 5px #009bb4,0 0 34px #00d9ff52;animation:celebrationOverlayIn .36s ease-out both}.celebration--leaving{pointer-events:none;animation:celebrationOverlayOut .76s cubic-bezier(.4,0,.2,1) forwards}.celebration-fireworks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;mix-blend-mode:screen}.celebration-aurora{position:absolute;width:min(95vw,1250px);height:min(75vh,680px);border-radius:50%;background:conic-gradient(from 160deg,transparent,rgba(0,214,255,.1),transparent 36%,rgba(99,255,93,.1),transparent 71%);filter:blur(28px);animation:celebrationGlow 4s ease-in-out infinite alternate}.celebration-content{position:relative;display:grid;justify-items:center;width:min(100%,1320px);padding:2vh 3vw 4vh;box-sizing:border-box}.celebration-robots{display:block;width:min(91vw,1050px);max-height:67vh;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 18px 28px rgba(0,0,0,.36));animation:celebrationRobotEntrance 1.18s cubic-bezier(.16,1.18,.35,1) both,celebrationRobotFloat 3.8s ease-in-out 1.18s infinite}.celebration-word{margin-top:clamp(-24px,-2vh,-10px);padding:0 .25em;color:#f8ffff;font-family:Lateef,serif;font-size:clamp(4.5rem,12vw,10.5rem);font-weight:900;letter-spacing:.035em;line-height:.95;text-shadow:0 0 10px #2ceaff,0 0 26px rgba(30,211,255,.9),0 0 55px rgba(51,234,99,.62),0 6px 0 rgba(0,52,73,.65);opacity:0;transform:translateY(30px) scale(.58);animation:celebrationWordIn .83s 1.05s cubic-bezier(.18,1.35,.38,1) forwards}@keyframes celebrationOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationOverlayOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.025)}}@keyframes celebrationRobotEntrance{0%{opacity:0;transform:translateY(52vh) scale(.72) rotate(-3deg)}62%{opacity:1;transform:translateY(-2.8vh) scale(1.035) rotate(1.1deg)}80%{transform:translateY(1.2vh) scale(.985) rotate(-.7deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes celebrationRobotFloat{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.8deg)}}@keyframes celebrationWordIn{0%{opacity:0;transform:translateY(30px) scale(.58)}68%{opacity:1;transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebrationGlow{0%{transform:scale(.92) rotate(-8deg);opacity:.58}to{transform:scale(1.08) rotate(9deg);opacity:1}}@media(max-width:620px){.celebration-content{padding-bottom:7vh}.celebration-robots{width:97vw;max-height:58vh}.celebration-word{margin-top:-6px;font-size:clamp(4rem,17vw,6.5rem)}}@media(prefers-reduced-motion:reduce){.celebration,.celebration-robots,.celebration-word,.celebration-aurora{animation-duration:1ms!important;animation-iteration-count:1!important}.celebration-fireworks{display:none}}.results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at 50% 42%,rgba(0,210,255,.24),transparent 48%),radial-gradient(circle at 86% 82%,rgba(255,0,127,.12),transparent 42%),#050b19e0;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);-webkit-user-select:none;user-select:none}.results-screen,.results-screen *{font-family:Lateef,sans-serif!important}.results-screen{--rp-ratio: 1.55;--rp-panel-vh: 64;--rp-max-h: 550px;--rp-actions-w: .85;--rp-btn-gap: .081;--rp-stack-gap: .06;--rp-btn-ar-w: 525;--rp-btn-ar-h: 231;--rp-num-font: "Lateef", sans-serif;--rp-btn-h-k: calc(var(--rp-actions-w) * (1 - var(--rp-btn-gap)) / 2 * var(--rp-btn-ar-h) / var(--rp-btn-ar-w));--rp-h-k: calc(1 / var(--rp-ratio) + var(--rp-stack-gap) + var(--rp-btn-h-k));--rp-avail-h: calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) ;--rp-w: min(94vw, calc(min(var(--rp-panel-vh) * 1dvh, var(--rp-max-h)) * var(--rp-ratio)), calc(var(--rp-avail-h) / var(--rp-h-k)) );width:100%;max-width:100%;max-height:100dvh;min-height:0;box-sizing:border-box;font-weight:700;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.results-panel{container-type:inline-size;position:relative;flex:0 0 auto;width:var(--rp-w);aspect-ratio:var(--rp-ratio);box-sizing:border-box;filter:drop-shadow(0 18px 28px rgba(0,0,0,.48));animation:resultsPanelIn .54s cubic-bezier(.2,.86,.3,1) both}.results-panel__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.results-title{position:absolute;top:7.3cqw;left:50%;translate:-50% 0;width:47.6cqw;height:15.9cqw;object-fit:contain;animation:resultsItemIn .44s .12s ease-out both}.results-title--fail{display:flex;align-items:center;justify-content:center;color:#ff4f5f;font-size:6.4cqw;font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 0 16px rgba(255,59,48,.75),0 2px 6px rgba(0,0,0,.9)}.results-num{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;margin:0;font-size:var(--fs);font-weight:700;line-height:1;white-space:nowrap;direction:ltr;pointer-events:none}.results-screen .results-num{font-family:var(--rp-num-font)!important}.results-num--grade{--x: 50.1%;--y: 47.4%;--fs: 3cqw;color:#fff}.results-num--correct{--x: 24.3%;--y: 75.3%;--fs: 5cqw;color:#90fc74}.results-num--coins{--x: 49.4%;--y: 77%;--fs: 4.4cqw;color:#f2d249}.results-num--wrong{--x: 75.1%;--y: 75.3%;--fs: 5cqw;color:#ec6862}.results-debug{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;opacity:.5;pointer-events:none}.results-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.results-actions{flex:0 0 auto;width:calc(var(--rp-w) * var(--rp-actions-w));margin-top:calc(var(--rp-w) * var(--rp-stack-gap));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:calc(var(--rp-btn-gap) * 100%);direction:rtl;animation:resultsItemIn .51s .34s ease-out both}.results-action{position:relative;display:block;width:100%;height:auto;min-width:0;aspect-ratio:var(--rp-btn-ar-w) / var(--rp-btn-ar-h);padding:0;border:0;outline:0;cursor:pointer;background:transparent;transition:transform .18s ease,filter .18s ease}.results-action__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.results-action:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.12)}.results-action:active{transform:translateY(1px) scale(.97)}.results-action:focus-visible{outline:3px solid #84ebff;outline-offset:2px;border-radius:20px}@media(prefers-reduced-motion:reduce){.results-panel,.results-title,.results-actions{animation:none}}@keyframes resultsPanelIn{0%{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes resultsItemIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gws-screen{--gws-btn-ar-w: 565;--gws-btn-ar-h: 231;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) clamp(10px,3vw,40px) max(8px,env(safe-area-inset-bottom));overflow:hidden;background-color:#08171d;background-image:radial-gradient(circle at center,#113645,#08171d);background-position:center;background-size:cover;font-family:Lateef,var(--font-arabic, sans-serif);direction:rtl}.gws-header{flex:0 0 auto;align-self:flex-start;width:clamp(160px,18vw,250px);margin-right:auto;margin-left:0;z-index:1}.gws-stats-bg{display:flex;align-items:center;justify-content:space-between;width:100%;aspect-ratio:397 / 137;padding:5% 9%;box-sizing:border-box;gap:5px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;direction:ltr}.gws-stat-icon{flex:0 0 auto;width:clamp(18px,2vw,29px);aspect-ratio:1;object-fit:contain}.gws-stat-text,.gws-stat-equals{flex:0 1 auto;color:#fff;font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1;white-space:nowrap}.gws-stat-text--yellow{color:#ffe500}.gws-main{flex:1 1 auto;min-height:0;min-width:0;display:grid;place-items:center;width:100%;overflow:hidden}.gws-stage{--gws-art-ratio: 1545 / 1035;--gws-art-scale: 1.2;--gws-gap: clamp(8px, 2dvh, 22px);--gws-stage-w: min(100%, 900px, calc((100dvh - 72px) * var(--gws-art-ratio) / (var(--gws-art-ratio) + .5 * var(--gws-btn-ar-h) / var(--gws-btn-ar-w) + .035)));width:var(--gws-stage-w);max-width:100%;max-height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gws-gap)}.gws-body{flex:0 1 auto;min-width:0;min-height:0;display:grid;place-items:center;width:min(calc(100% * var(--gws-art-scale)),calc(100vw - 20px));overflow:hidden}.gws-description-art{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}.gws-footer{flex:0 0 auto;width:100%;padding-bottom:max(0px,env(safe-area-inset-bottom))}.gws-footer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(8px,2vw,20px);width:calc(min(calc(100% * var(--gws-art-scale)),calc(100vw - 20px))*.85);margin:0 auto}.gws-img-btn,.gws-start-btn{display:block;width:100%;height:auto;aspect-ratio:var(--gws-btn-ar-w) / var(--gws-btn-ar-h);min-width:0;box-sizing:border-box;padding:0;border:0;background-color:transparent;cursor:pointer;transition:transform .18s ease,filter .18s ease}.gws-start-btn{background-position:center;background-repeat:no-repeat;background-size:contain}.gws-img-btn img{display:block;width:100%;height:100%;object-fit:contain}.gws-img-btn:hover,.gws-start-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.025);filter:brightness(1.12)}.gws-img-btn:active,.gws-start-btn:active:not(:disabled){transform:scale(.98)}.gws-start-btn:disabled{cursor:progress;opacity:.65}.gws-img-btn:focus-visible,.gws-start-btn:focus-visible{outline:3px solid #8bf4ff;outline-offset:3px;border-radius:15px}@media(max-height:500px){.gws-header{width:clamp(142px,23vw,190px)}.gws-stat-text,.gws-stat-equals{font-size:clamp(14px,2.8vw,18px)}.gws-stat-icon{width:clamp(15px,3vw,21px)}.gws-stage{--gws-gap: 5px;--gws-stage-w: min(100%, 900px, calc((100dvh - 56px) * var(--gws-art-ratio) / (var(--gws-art-ratio) + .5 * var(--gws-btn-ar-h) / var(--gws-btn-ar-w) + .035)))}}.error-screen{min-height:100vh;width:100%;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;box-sizing:border-box;overflow:hidden;position:relative}@media(min-width:1024px){.error-screen{flex-direction:row;padding:0 5rem}}.error-screen__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:1.5rem;z-index:10;order:2;margin-top:2rem}@media(min-width:1024px){.error-screen__content{width:48%;order:1;margin-top:0}}.error-screen__title{color:#000;font-family:Cairo,Poppins,sans-serif;font-size:clamp(2.8rem,6vw,5.2rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;margin:0}.error-screen__description{color:#1e293b;font-family:Cairo,sans-serif;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;line-height:1.6;max-width:28rem;margin:0}.error-screen__btn{background-color:#61f8fb;color:#fff;border:none;outline:none;padding:.9rem 2.8rem;border-radius:9999px;cursor:pointer;margin-top:1rem;font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:800;box-shadow:0 4px 14px #61f8fb66;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.error-screen__btn:hover{background-color:#4ce0e3;transform:translateY(-2px);box-shadow:0 6px 20px #4ce0e380}.error-screen__btn:active{transform:translateY(0)}.error-screen__visual{width:100%;display:flex;align-items:center;justify-content:center;position:relative;order:1}@media(min-width:1024px){.error-screen__visual{width:52%;order:2}}.error-screen__illustration{width:100%;max-width:clamp(280px,45vw,620px);height:auto;object-fit:contain}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body,#root{height:100%;width:100%;overflow:hidden;margin:0;padding:0;font-family:Lateef,Lateef,serif;background-color:#031c24}button,input,textarea,select{font-family:inherit}.game-screen-wrapper{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:#061e2d url(/assets/BG-CTDC8vvS.png) center center / cover no-repeat;padding:clamp(10px,2vh,24px) clamp(8px,1.5vw,16px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch}.game-screen-wrapper::-webkit-scrollbar{width:8px}.game-screen-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:8px}.game-screen-wrapper::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:8px}.game-screen-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffffa6}.game-main-container{position:relative;z-index:1;min-height:min-content;max-height:none;height:auto;width:100%;max-width:clamp(320px,90vw,980px);padding:clamp(10px,1.8vh,18px) clamp(12px,2.5vw,24px);margin:auto;background:#c8e6ff66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:clamp(16px,3vw,36px);border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 10px 40px #0003;overflow:visible;box-sizing:border-box;transition:all .3s ease}@media(min-width:768px){.game-screen-wrapper{padding:clamp(14px,2.5vh,28px) clamp(12px,2vw,24px);overflow-y:auto;overflow-x:hidden}.game-main-container{max-height:none;margin:auto}.game-body-layout{display:flex;flex-direction:row!important;align-items:center;justify-content:space-around;flex:1;padding:10px 20px;gap:20px}.game-picture-section{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e749038;border:1px solid rgba(135,206,250,.6);border-radius:20px;padding:16px;box-shadow:0 4px 15px #0000001a}.game-grid-section{flex:1.1;min-width:0;display:flex;align-items:center;justify-content:center}.picture-card-wrapper{width:clamp(180px,25vw,300px)!important;height:auto!important;aspect-ratio:4 / 3}.letter-grid-container{max-width:clamp(340px,42vw,480px)!important;gap:clamp(5px,.9vw,9px)!important}.grid-tile-slot{border-radius:clamp(10px,1.5vw,16px)!important}.tile-arabic-char{font-size:clamp(1.6rem,2.8vw,2.5rem)!important;color:#1e3a8a!important}.grid-cols-7 .tile-arabic-char{font-size:clamp(1.3rem,2.2vw,2.1rem)!important}.grid-cols-8 .tile-arabic-char,.grid-cols-9 .tile-arabic-char{font-size:clamp(1.1rem,1.8vw,1.8rem)!important}}@media(max-height:550px)and (min-width:768px){.game-screen-wrapper{align-items:flex-start;padding-top:10px;padding-bottom:10px;overflow-y:auto}.game-main-container{max-height:none;height:auto;padding:10px}.game-body-layout{padding:5px;gap:10px}.picture-card-wrapper{width:clamp(140px,35vh,220px)!important}.letter-grid-container{max-width:clamp(220px,50vh,320px)!important}.tile-arabic-char{font-size:clamp(1.2rem,4vh,2rem)!important}}@media(max-width:770px){.game-screen-wrapper{padding:0;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-main-container{max-width:100vw;min-height:100dvh;height:auto;max-height:none;border-radius:0;border:none;overflow:visible;padding:10px 10px 30px}.game-body-layout{display:flex;flex-direction:column;flex:1;justify-content:flex-start;gap:20px;padding:10px}.bottombar-container{margin-bottom:20px}}.picture-area-container{display:flex;align-items:center;justify-content:center;padding:4px 10px}.picture-card-wrapper{width:clamp(140px,35vw,240px);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:transform .3s}.picture-card-wrapper:hover{transform:scale(1.03)}.level-illustration{width:100%;height:100%;object-fit:contain}.word-slots-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 14px 6px;width:100%;max-width:clamp(280px,90vw,440px)}.word-slot-capsule{min-width:52px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.word-slot-capsule.slot-empty{background:#1e3a8a;border:none;box-shadow:inset 0 2px 4px #0003}.empty-dots-row{display:flex;gap:5px;align-items:center}.empty-dash{width:10px;height:4px;background:#38bdf899;border-radius:2px}.solved-word-text{color:#fff;font-size:1.25rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.4)}.word-slot-capsule.slot-solved{background:linear-gradient(180deg,#0284c7,#0369a1);border:2px solid #bae6fd;box-shadow:0 4px #075985}.slot-pop-anim{animation:slotSuccessPop .5s ease-out}@keyframes slotSuccessPop{0%{transform:scale(.6)}50%{transform:scale(1.18)}to{transform:scale(1)}}.theme-purple{background:linear-gradient(180deg,#c084fc,#9333ea)!important;border:2px solid #f3e8ff!important;box-shadow:0 4px #581c87,0 4px 10px #9333ea66!important;color:#fff!important}.theme-orange{background:linear-gradient(180deg,#fb923c,#ea580c)!important;border:2px solid #ffedd5!important;box-shadow:0 4px #9a3412,0 4px 10px #ea580c66!important;color:#fff!important}.theme-green{background:linear-gradient(180deg,#4ade80,#16a34a)!important;border:2px solid #dcfce7!important;box-shadow:0 4px #14532d,0 4px 10px #16a34a66!important;color:#fff!important}.theme-blue{background:linear-gradient(180deg,#38bdf8,#0284c7)!important;border:2px solid #e0f2fe!important;box-shadow:0 4px #0369a1,0 4px 10px #0284c766!important;color:#fff!important}.theme-pink{background:linear-gradient(180deg,#f472b6,#db2777)!important;border:2px solid #fce7f3!important;box-shadow:0 4px #831843,0 4px 10px #db277766!important;color:#fff!important}.theme-amber{background:linear-gradient(180deg,#fcd34d,#d97706)!important;border:2px solid #fef3c7!important;box-shadow:0 4px #78350f,0 4px 10px #d9770666!important;color:#451a03!important}.theme-amber .solved-word-text,.theme-amber .tile-arabic-char{color:#451a03!important;text-shadow:none!important}.theme-cyan{background:linear-gradient(180deg,#22d3ee,#0891b2)!important;border:2px solid #cffafe!important;box-shadow:0 4px #164e63,0 4px 10px #0891b266!important;color:#fff!important}.theme-red{background:linear-gradient(180deg,#ef4444,#dc2626)!important;border:2px solid #fee2e2!important;box-shadow:0 4px #991b1b,0 4px 10px #dc262666!important;color:#fff!important}.theme-red .solved-word-text,.theme-red .tile-arabic-char{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.formed-word-floating{min-height:28px;display:flex;align-items:center;justify-content:center;margin:2px 0;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.formed-word-floating.visible{opacity:1;transform:translateY(0)}.formed-word-floating span{background:linear-gradient(135deg,#0284c7,#1e3a8a);color:#fff;border:2px solid #38bdf8;padding:4px 22px;border-radius:999px;font-size:1.35rem;font-weight:900;box-shadow:0 4px 15px #0284c773;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.letter-grid-wrapper{display:flex;justify-content:center;align-items:center;padding:clamp(10px,2vw,20px);width:100%;background:#0e749038;border:1px solid rgba(135,206,250,.6);border-radius:20px;box-shadow:0 4px 15px #0000001a;touch-action:none}.letter-grid-container{display:grid;gap:clamp(4px,1vw,7px);width:100%;max-width:clamp(280px,90vw,420px);aspect-ratio:1 / 1}.grid-shake-anim{animation:gridShake .45s ease-in-out}@keyframes gridShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.grid-tile-slot{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#e2e8f0;box-shadow:0 2px 5px #0000001a;transition:transform .15s,filter .15s}.grid-tile-slot.letter-tile.tile-normal{background:linear-gradient(180deg,#fff,#f0f4f8);border:1px solid #ffffff;box-shadow:0 5px #b0bec5,0 6px 10px #00000040}.grid-tile-slot.letter-tile.tile-normal:hover{filter:brightness(1.03)}.grid-tile-slot:active,.grid-tile-slot.tile-selected{transform:translateY(2px) scale(.96);box-shadow:0 1px 3px #0000001a;filter:brightness(.9)}.tile-arabic-char{font-size:clamp(1.35rem,5vw,2.2rem);font-weight:900;color:#1e3a8a;line-height:1;pointer-events:none}.grid-tile-slot.letter-tile.tile-active-green{background:linear-gradient(180deg,#8ae62d,#68b81b)!important;border:2px solid #b2ff59!important;box-shadow:0 5px #437910,0 0 16px #7ed32199!important;transform:scale(1.04)}.grid-tile-slot.letter-tile.tile-active-green .tile-arabic-char{color:#143501!important;text-shadow:0 1px 0 rgba(255,255,255,.4)}.selection-badge{position:absolute;top:2px;right:4px;width:16px;height:16px;border-radius:50%;background:#0000004d;color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center}.grid-tile-slot.letter-tile.tile-solved{background:linear-gradient(180deg,#0284c7,#0369a1);border:2px solid #bae6fd;box-shadow:0 4px #075985;cursor:default!important;pointer-events:none!important;opacity:.95;transform:none!important}.grid-tile-slot.letter-tile.tile-solved .tile-arabic-char{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.grid-tile-slot.letter-tile.tile-hinted{animation:hintPulse 1s infinite alternate}@keyframes hintPulse{0%{box-shadow:0 0 5px #ffd54f,0 5px #b0bec5}to{box-shadow:0 0 22px #ffb300,0 5px #f57f17}}.grid-tile-slot.stone-tile{background:linear-gradient(145deg,#b0bec5,#78909c);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 3px 6px #0000004d,0 4px #546e7a;cursor:not-allowed;opacity:.85}.stone-texture{width:100%;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;border-radius:11px}.stone-crack-1{position:absolute;top:20%;left:15%;width:60%;height:2px;background:#00000040;transform:rotate(25deg)}.stone-crack-2{position:absolute;bottom:25%;right:20%;width:40%;height:2px;background:#ffffff4d;transform:rotate(-35deg)}.bottombar-container{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:-26px;z-index:10}.footer-icon-btn{width:54px;height:48px;border-radius:18px;background:linear-gradient(180deg,#fff,#e1e7ed);border:2px solid #ffffff;box-shadow:0 5px #90a4ae,0 8px 12px #00000040;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,filter .15s}.footer-icon-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.footer-icon-btn:active{transform:translateY(3px);box-shadow:0 2px #90a4ae}.footer-svg-icon{width:24px;height:24px;color:#37474f}.hint-btn-text{color:#1e3a8a;font-size:1.5rem;font-weight:900;margin-left:6px}.hint-cost{color:#1e3a8a;font-size:1.5rem;font-weight:900}.hint-coin-pill{display:flex;align-items:center;gap:4px;color:#0c4a60;font-size:1.1rem;font-weight:800}.gold-coin-mini{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fff176,#fbc02d,#f57f17);border:1.5px solid #fff9c4;box-shadow:0 1px 3px #0000004d}.reward-toast-badge{position:absolute;top:70px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffd54f,#ff8f00);color:#4e342e;padding:8px 24px;border-radius:999px;border:2px solid #ffffff;box-shadow:0 6px 20px #00000059;font-size:1.1rem;font-weight:900;animation:toastSlideDown .3s ease-out;z-index:50;white-space:nowrap}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.warning-toast-badge{position:fixed;top:75px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 24px;border-radius:999px;border:2px solid #ffffff;box-shadow:0 6px 20px #0006;font-size:1rem;font-weight:800;animation:toastSlideDown .3s ease-out;z-index:1000;white-space:nowrap;direction:rtl;pointer-events:none}.level-select-card{max-width:420px!important}.modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.close-modal-btn{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:1.2rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.close-modal-btn:hover{background:#ef4444cc}.level-grid-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:12px}.level-node-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s;color:#fff}.level-node-btn:hover{background:#ffffff40;transform:translateY(-3px);border-color:#38bdf8}.level-node-btn.node-active{background:linear-gradient(135deg,#ffd54f,#f57f17);border-color:#fff;color:#451a03;box-shadow:0 4px 15px #f57f1780}.node-number{font-size:1.5rem;font-weight:900}.node-name{font-size:.85rem;font-weight:700;opacity:.9}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:320px;background:linear-gradient(180deg,#0d7a96,#064052);border:4px solid #38bdf8;border-radius:28px;padding:28px 20px;text-align:center;box-shadow:0 15px 35px #0009;animation:popModal .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popModal{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal-stars-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px}.star-item{font-size:2.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.star-main{font-size:3rem;transform:translateY(-8px)}.modal-title{color:#fff;font-size:2rem;font-weight:900;margin-bottom:4px}.modal-subtitle{color:#bae6fd;font-size:1.1rem;font-weight:700;margin-bottom:20px}.modal-reward-badge{display:inline-flex;align-items:center;gap:8px;background:#0000004d;padding:6px 20px;border-radius:999px;color:#fde047;font-size:1.4rem;font-weight:900;margin-bottom:24px;border:1px solid rgba(253,224,71,.3)}.modal-next-btn{width:100%;height:52px;border-radius:999px;background:linear-gradient(180deg,#8ce82e,#68b81b);border:2px solid #b2ff59;box-shadow:0 5px #437910,0 8px 15px #0000004d;color:#1a3c02;font-size:1.3rem;font-weight:900;cursor:pointer;transition:transform .15s}.modal-next-btn:hover{filter:brightness(1.08)}.modal-next-btn:active{transform:translateY(3px);box-shadow:0 2px #437910}.custom-coin-img{width:32px;height:32px;object-fit:contain;margin-right:8px}.gold-coin-wrapper{display:flex;align-items:center;justify-content:center}.hint-coin-img{width:24px;height:24px;object-fit:contain;margin-left:8px}.footer-hint-btn{background:#fff;border-radius:8px;width:280px;height:52px;border:none;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 5px #d1d5db,0 8px 15px #0000001a;margin:0 auto;cursor:pointer;transition:transform .1s,box-shadow .1s}.footer-hint-btn:hover{filter:brightness(.98)}.footer-hint-btn:active{transform:translateY(5px);box-shadow:0 0 #d1d5db,0 2px 5px #0000001a}.game-complete-modal{padding:40px!important;text-align:center}.stars-container{display:flex;justify-content:center;gap:15px;margin:20px 0}.star{transition:transform .3s}.star.filled{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.stat-card{background:#fffc;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000000d}.stat-label{font-size:1.1rem;color:#555;margin-bottom:5px;font-weight:700}.stat-value{font-size:1.6rem;font-weight:900;color:#fff}.coin-value{display:flex;align-items:center;gap:5px}.stat-coin{width:24px;height:24px}.answer-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:20px 45px;border-radius:16px;font-size:3.5rem;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 10px 30px #00000080;animation:popInOverlay .3s cubic-bezier(.175,.885,.32,1.275)}.answer-feedback-card{min-width:clamp(220px,42vw,360px);padding:clamp(16px,2.6vh,26px) clamp(24px,4vw,48px);border:2px solid;border-radius:24px;background:linear-gradient(180deg,#083046f5,#051e30f0);font-family:Lateef,sans-serif;font-size:clamp(2.1rem,min(6vw,6.4vh),3.8rem);line-height:1;white-space:nowrap}.answer-feedback-card--success{color:#38ef7d;border-color:#38ef7d}.answer-feedback-card--wrong{color:#ff5d5c;border-color:#ff5d5c}.answer-feedback__icon{width:1.15em;height:1.15em;flex:0 0 auto}.question-media{width:min(92%,520px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:clamp(6px,1.5vh,14px)}.question-media__text{max-width:100%;color:#fff;font:900 clamp(1.1rem,3vw,2.2rem)/1.2 "Lateef",sans-serif;text-align:center;text-shadow:0 3px 8px rgba(0,0,0,.5)}.question-media__audio{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:2px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:#0ea5e9;cursor:pointer;box-shadow:0 5px 14px #0ea5e959}.question-media__audio svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.answer-feedback-card{direction:ltr;flex-direction:row;display:inline-flex;align-items:center;justify-content:center;gap:12px}.answer-feedback__text{direction:rtl}.answer-overlay.correct{background-color:#22c55e;border:4px solid #bbf7d0;text-shadow:0 2px 5px rgba(0,0,0,.3)}.answer-overlay.wrong{background-color:#ef4444;border:4px solid #fecaca;text-shadow:0 2px 5px rgba(0,0,0,.3)}@keyframes popInOverlay{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.image-modal-content{position:relative;width:90vw;max-width:800px;height:90vh;max-height:800px;background:radial-gradient(circle at center,#1e3a8a66,#031c24e6);border:2px solid rgba(113,217,255,.5);border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.image-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ff3b30cc;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.image-modal-close:hover{background:#ff3b30;transform:scale(1.1)}.large-picture-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.large-picture-wrapper img,.large-picture-wrapper svg{max-width:100%;max-height:100%;object-fit:contain!important}@media(max-width:320px){.game-main-container{padding:6px}.picture-card-wrapper{width:110px!important}.word-slot{width:30px!important;height:35px!important;border-radius:6px!important}.keyboard-btn{width:32px!important;height:38px!important;font-size:1.4rem!important}.keyboard-actions{gap:8px!important}.clue-btn{padding:6px 12px!important;font-size:1.1rem!important}.letter-grid-container{gap:3px!important}.grid-tile-slot{border-radius:8px!important}.tile-arabic-char{font-size:1.35rem!important}}.results-stat-card{min-height:clamp(112px,20vh,172px);aspect-ratio:auto;padding-top:clamp(48px,6vh,54px)!important;gap:clamp(2px,.6vh,8px)}.results-stat-card>img{top:clamp(-12px,-1.8vh,-8px)!important;height:clamp(38px,min(6vh,6vw),52px)!important}.results-stat-card--coins>img{height:clamp(42px,min(7vh,7vw),58px)!important}