@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lateef:wght@400;500;600;700;800&display=swap";.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)))}}.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:Cairo,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: "Poppins", "Cairo", 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)}}:root{--font-arabic: "Lateef", serif;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-950: #451a03;--color-emerald-400: #34d399;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--card-back-from: #fbbf24;--card-back-to: #f97316;--card-border: 3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden;font-family:var(--font-arabic)}body{direction:rtl;-webkit-user-select:none;user-select:none}.w-screen{width:100vw}.h-screen{height:100vh}.w-full{width:100%}.h-full{height:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.aspect-square{aspect-ratio:1 / 1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1\.5{top:.375rem;right:.375rem;bottom:.375rem;left:.375rem}.top-4{top:1rem}.right-4{right:1rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-18{width:4.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-48{width:12rem}.w-72{width:18rem}.w-96{width:24rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-18{height:4.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-48{height:12rem}.min-h-0{min-height:0}.stroke-\[2\.5\]{stroke-width:2.5}.stroke-\[3\]{stroke-width:3}.bg-sky-gradient{background:url(/assets/cardsBG-_PWLwJby.png) center/cover no-repeat;position:relative;overflow:hidden}.bg-white{background-color:#fff}.bg-white\/40{background-color:#fff6}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/75{background-color:#ffffffbf}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.bg-white\/5{background-color:#ffffff0d}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/85{background-color:#0f172ad9}.bg-amber-50{background-color:#fffbeb}.bg-amber-100{background-color:#fef3c7}.bg-amber-100\/50{background-color:#fef3c780}.bg-amber-950\/5{background-color:#451a030d}.bg-amber-950\/10{background-color:#451a031a}.bg-amber-400{background-color:#fbbf24}.bg-amber-500{background-color:#f59e0b}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-500{background-color:#10b981}.bg-red-50{background-color:#fef2f2}.bg-sky-100{background-color:#e0f2fe}.bg-sky-100\/50{background-color:#e0f2fe80}.bg-sky-200{background-color:#bae6fd}.bg-orange-100{background-color:#ffedd5}.bg-rose-500{background-color:#f43f5e}.bg-rose-600{background-color:#e11d48}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from: #fbbf24;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.via-amber-500{--tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, transparent)}.to-orange-500{--tw-gradient-to: #f97316}.from-sky-400{--tw-gradient-from: #38bdf8;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-sky-600{--tw-gradient-to: #0284c7}.from-emerald-400{--tw-gradient-from: #34d399;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-green-600{--tw-gradient-to: #16a34a}.from-amber-400-full{background:linear-gradient(to right,#fbbf24,#f97316)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-md{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-black{font-weight:900}.text-white{color:#fff}.text-amber-950{color:#451a03}.text-amber-900{color:#78350f}.text-amber-800{color:#92400e}.text-amber-800\/80{color:#92400ecc}.text-amber-900\/80{color:#78350fcc}.text-amber-800\/70{color:#92400eb3}.text-amber-700{color:#b45309}.text-amber-700\/60{color:#b4530999}.text-amber-600{color:#d97706}.text-amber-500{color:#f59e0b}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-emerald-900{color:#064e3b}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-sky-800{color:#075985}.text-sky-800\/60{color:#07598599}.text-sky-950{color:#082f49}.text-orange-950{color:#431407}.text-orange-800{color:#9a3412}.text-red-900{color:#7f1d1d}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.text-center{text-align:center}.text-right{text-align:right}.leading-loose{line-height:2}.leading-relaxed{line-height:1.625}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-4{border-width:4px;border-style:solid}.border-8{border-width:8px;border-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-b-4{border-bottom-width:4px;border-bottom-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.border-dashed{border-style:dashed}.border-white{border-color:#fff}.border-white\/20{border-color:#fff3}.border-white\/40{border-color:#fff6}.border-amber-600{border-color:#d97706}.border-amber-500{border-color:#f59e0b}.border-amber-400{border-color:#fbbf24}.border-amber-300{border-color:#fcd34d}.border-amber-200{border-color:#fde68a}.border-amber-100\/70{border-color:#fef3c7b3}.border-amber-950\/10{border-color:#451a031a}.border-amber-950\/20{border-color:#451a0333}.border-green-700{border-color:#15803d}.border-emerald-300{border-color:#6ee7b7}.border-emerald-400{border-color:#34d399}.border-emerald-700{border-color:#047857}.border-sky-300{border-color:#7dd3fc}.border-sky-400{border-color:#38bdf8}.border-sky-200\/50{border-color:#bae6fd80}.border-slate-200{border-color:#e2e8f0}.border-rose-700{border-color:#be123c}.border-red-500{border-color:#ef4444}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[32px\]{border-radius:32px}.rounded-\[36px\]{border-radius:36px}.shadow-sm{box-shadow:0 1px 2px #00000014}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.shadow-correct-glow{box-shadow:0 0 20px 4px #34d39999}.shadow-incorrect-glow{box-shadow:0 0 20px 4px #f8717199}.transition{transition:all .15s ease}.transition-all{transition:all .2s ease-in-out}.transition-transform{transition:transform .2s ease-in-out}.transition-colors{transition:background-color .2s,color .2s,border-color .2s}.scale-\[1\.02\]{transform:scale(1.02)}.scale-\[1\.03\]{transform:scale(1.03)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-125:hover{transform:scale(1.25)}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.hover\:bg-slate-100:hover{background-color:#f1f5f9}.hover\:bg-slate-300:hover{background-color:#cbd5e1}.hover\:bg-rose-600:hover{background-color:#e11d48}.hover\:brightness-105:hover{filter:brightness(1.05)}.active\:scale-95:active{transform:scale(.95)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cards-grid{display:grid;gap:.6rem;width:100%;max-width:860px;justify-items:center;align-items:center}.cards-grid.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-card-slot{width:100%;height:100%;cursor:pointer;perspective:1000px;-webkit-user-select:none;user-select:none;position:relative}.memory-card-slot.disabled-card{cursor:not-allowed;pointer-events:none}.memory-card-inner{width:100%;height:100%;border-radius:16px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;position:relative}.memory-card-inner.flipped{transform:rotateY(180deg) scale(1.02)}.memory-card-front,.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.memory-card-front{background:url(/assets/card2-BfSu_zPl.png) center/cover no-repeat;border-radius:16px;transform:rotateY(180deg);padding:6px;box-shadow:inset 0 0 10px #0003}.memory-card-front.card-matched-front{box-shadow:0 0 18px 3px #34d39999}.memory-card-back{background:url(/assets/card1-BZgA-_2p.png) center/cover no-repeat;border-radius:16px;box-shadow:0 4px 12px #0000004d;transform:rotateY(0);position:relative}.card-question-mark{display:none}@keyframes pulse-q{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}.card-star-tl,.card-star-br{display:none}.card-word-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;gap:8px;background:#ffffffb3;border-radius:12px}.card-word-label{font-size:clamp(2rem,6vw,3rem);font-weight:900;color:#0f172a;line-height:1.1;width:100%;word-wrap:break-word;text-shadow:1px 1px 2px rgba(255,255,255,.9)}.card-word-hint{font-size:.8rem;font-weight:800;color:#0f172acc;text-transform:uppercase;letter-spacing:.05em;background:#fff9;padding:4px 12px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.card-image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px}.card-image-content svg,.card-image-content img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.memory-card-slot:not(.disabled-card):hover .memory-card-back{filter:brightness(1.08)}.memory-card-slot:not(.disabled-card):active .memory-card-inner{transform:scale(.94)}.memory-card-slot:not(.disabled-card):active .memory-card-inner.flipped{transform:rotateY(180deg) scale(1.02)}.turn-status-banner{padding:4px 12px;z-index:10}.turn-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:900;border:2px solid transparent;box-shadow:0 2px 6px #00000014}.turn-badge.preview-badge{background:linear-gradient(to right,#fef3c7,#fde68a);border-color:#fcd34d;color:#78350f;animation:pulse-glow 2s ease-in-out infinite}.turn-badge.player1-badge{background:linear-gradient(to right,#d1fae5,#a7f3d0);border-color:#34d399;color:#065f46}.turn-badge.ai-badge{background:linear-gradient(to right,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e3a8a}.turn-badge.opponent-badge{background:linear-gradient(to right,#ffedd5,#fed7aa);border-color:#fb923c;color:#9a3412}.turn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.turn-dot-green{background:#10b981}.turn-dot-blue{background:#3b82f6}.turn-dot-orange{background:#f97316}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fbbf2480}50%{box-shadow:0 0 10px 4px #fbbf2433}}.emoji-bar{display:flex;align-items:center;justify-content:space-between;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fcd34d;padding:5px 14px;border-radius:999px;box-shadow:0 2px 8px #0000000f;position:relative}.emoji-bar-label{font-size:.65rem;font-weight:900;color:#451a03;white-space:nowrap}.emoji-buttons{display:flex;gap:6px}.emoji-btn{font-size:1.2rem;background:none;border:none;cursor:pointer;padding:2px;transition:transform .15s;line-height:1}.emoji-btn:hover{transform:scale(1.3)}.emoji-btn:active{transform:scale(.9)}.emoji-bubble{position:absolute;top:-40px;font-size:1.4rem;background:#fbbf24;color:#fff;padding:3px 10px;border-radius:999px;border:2px solid white;box-shadow:0 4px 10px #00000026;animation:bounceUp .4s ease}.emoji-bubble-right{right:12px;background:#fbbf24}.emoji-bubble-left{left:12px;background:#38bdf8}@keyframes bounceUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-screen{font-family:var(--font-arabic)}.card-question{background-image:linear-gradient(to bottom,#fffbeb,#fef3c7);border:8px solid #fbbf24}.game-screen{font-family:var(--font-arabic);min-height:100vh;width:100%;overflow-y:auto;overflow-x:hidden}.card-result{background-image:linear-gradient(to bottom,#fef3c7,#fde68a);border:8px solid #f59e0b}.banner-progress{background-image:linear-gradient(to bottom,#fcd34d,#d97706);border-bottom:4px solid #b45309}.btn-start{background:linear-gradient(to right,#f59e0b,#ea580c);color:#fff;border:none;border-bottom:4px solid #c2410c}.btn-start:hover{filter:brightness(1.07)}.btn-restart{background:linear-gradient(to right,#34d399,#059669);border-bottom:4px solid #047857}.btn-restart:hover{filter:brightness(1.07)}.btn-menu{background:linear-gradient(to right,#fbbf24,#d97706);border-bottom:4px solid #b45309}.btn-menu:hover{filter:brightness(1.07)}.btn-exit{background-color:#ef4444;border-bottom:4px solid #b91c1c}.btn-speaker{background:linear-gradient(to bottom,#fde047,#f59e0b);border:2px solid #ffffff}.avatar-lana{background:linear-gradient(to bottom,#ffedd5,#fed7aa);border:4px solid #f97316}.avatar-maria{background:linear-gradient(to bottom,#e0f2fe,#bae6fd);border:4px solid #0ea5e9}.border-orange-300{border-color:#fdba74}.border-b-2.border-rose-700{border-bottom:2px solid #be123c}.cloud-slow{background-color:#ffffff8c;filter:blur(5px);border-radius:9999px}.cloud-fast{background-color:#ffffffa6;filter:blur(7px);border-radius:9999px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-subtle{animation:float 4s ease-in-out infinite}@keyframes floatIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-float-in{animation:floatIn .45s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes cloudMoveSlow{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}.animate-cloud-move-slow{animation:cloudMoveSlow 25s ease-in-out infinite}@keyframes cloudMoveFast{0%{transform:translate(10%)}50%{transform:translate(-15%)}to{transform:translate(10%)}}.animate-cloud-move-fast{animation:cloudMoveFast 18s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.animate-pulse-slow{animation:pulse-slow 3.5s ease-in-out infinite}@keyframes ping-slow{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.animate-ping-slow{animation:ping-slow 1.5s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse-slow 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-6px);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.text-amber-dark{color:#78350f}.text-amber-mid{color:#92400e}.text-amber-score{color:#d97706}.max-w-\[80px\]{max-width:80px}.space-y-5>*+*{margin-top:1.25rem}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}@media(min-width:768px){.md\:text-sm{font-size:.875rem}.md\:text-md{font-size:1rem}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:gap-3{gap:.75rem}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-layout{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;z-index:10;overflow:hidden}.game-header{flex-shrink:0;display:flex;flex-direction:column;gap:0;padding:clamp(14px,2.5vh,24px) 8px 0}.game-cards-area{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px 8px}.cards-fit-grid{display:grid;gap:clamp(4px,1vw,10px);width:100%;height:100%;max-width:900px;max-height:100%;margin:0 auto}.cards-fit-grid.normal-mode{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.cards-fit-grid.hard-mode{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}.cards-fit-grid .memory-card-slot{width:100%;height:100%;min-width:0;min-height:0}.cards-fit-grid .memory-card-inner{width:100%;height:100%}.hud-bar{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid rgba(251,191,36,.35);direction:rtl;flex-shrink:0}.hud-exit-btn{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#f43f5e;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s}.hud-exit-btn:hover{filter:brightness(1.1)}.hud-player{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;border:2px solid transparent;transition:all .2s;position:relative}.hud-player--active{border-color:#fbbf24;background:#fef3c7d9;box-shadow:0 0 8px #fbbf2466}.hud-player--idle{background:#ffffff4d;opacity:.75}.hud-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-avatar--p1{background:#ffedd5;border:2px solid #fb923c}.hud-avatar--p2{background:#e0f2fe;border:2px solid #38bdf8}.hud-info{display:flex;flex-direction:column;line-height:1.1}.hud-info--ltr{align-items:flex-start}.hud-name{font-size:.6rem;font-weight:900;color:#451a03;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score{font-size:.65rem;font-weight:900;color:#d97706}.hud-streak{display:flex;align-items:center;gap:2px;font-size:.55rem;font-weight:900;color:#fff;background:#f59e0b;padding:1px 5px;border-radius:999px}.hud-turn-dot{position:absolute;top:2px;width:7px;height:7px;border-radius:50%}.hud-turn-dot--p1{left:2px}.hud-turn-dot--p2{right:2px}.hud-center{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:2px}.hud-vs{font-size:.6rem;font-weight:900;color:#451a0359;letter-spacing:.08em}.hud-pairs{font-size:.6rem;font-weight:900;color:#92400e}.hud-progress-track{width:100%;height:5px;background:#e2e8f0;border-radius:999px;overflow:hidden}.hud-progress-fill{height:100%;background:linear-gradient(to right,#34d399,#059669);border-radius:999px;transition:width .5s ease}.preview-bar{display:flex;align-items:center;gap:6px;width:100%;padding:5px 10px;background:linear-gradient(to right,#fbbf24,#f97316);border-radius:8px;margin:3px 0;flex-shrink:0;direction:rtl}.preview-bar--urgent{background:linear-gradient(to right,#ef4444,#dc2626);animation:pulse-glow .8s ease-in-out infinite}.preview-label{font-size:.7rem;font-weight:900;color:#fff;white-space:nowrap;flex-shrink:0}.preview-progress-track{flex:1;height:6px;background:#0003;border-radius:999px;overflow:hidden;min-width:40px}.preview-progress-fill{height:100%;background:#ffffffe6;border-radius:999px}.preview-countdown{font-size:.85rem;font-weight:900;color:#fff;min-width:20px;text-align:center;flex-shrink:0}.preview-countdown--urgent{color:#fff;animation:shake .4s ease-in-out infinite}.preview-skip-btn{display:flex;align-items:center;gap:3px;font-size:.65rem;font-weight:900;color:#065f46;background:#6ee7b7;border:none;border-radius:999px;padding:3px 8px;cursor:pointer;white-space:nowrap;transition:filter .15s;flex-shrink:0}.preview-skip-btn:hover{filter:brightness(1.1)}.turn-status-row{display:flex;justify-content:center;padding:2px 0 3px;flex-shrink:0}.emoji-bar-compact{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:40px;height:38px;padding:0 16px;margin:4px auto 8px;box-shadow:0 4px 12px #0000001a;width:max-content}.emoji-bar-compact__label{display:none}.emoji-bar-compact__buttons{display:flex;gap:14px;align-items:center}.emoji-bar-compact .emoji-btn{width:40px;height:40px;background:#bfdbfe;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 2px 6px #0000001a;transition:transform .15s ease;padding:0;margin:0}.emoji-bar-compact .emoji-btn:hover{transform:scale(1.15)}.emoji-bar-compact .emoji-btn:active{transform:scale(.95)}.preview-timer-header{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:100%;margin:0 auto 24px}.preview-avatar{width:60px;height:60px;border-radius:50%;object-fit:contain;background:#fff;padding:6px;box-shadow:0 4px 10px #0003;border:3px solid white}.preview-center-console{position:relative;flex:1;min-width:240px;max-width:500px;display:flex;flex-direction:column;align-items:center}.preview-bar-container{display:flex;align-items:center;background:#fff;border-radius:30px;padding:8px 16px;width:100%;box-shadow:0 0 15px #a5f3fc99;border:3px solid #a5f3fc;direction:ltr}.preview-time-text{font-weight:900;color:#0f172a;font-size:1.2rem;margin-right:16px}.preview-progress-track{flex:1;height:10px;background:#cbd5e1;border-radius:5px;overflow:hidden}.preview-progress-fill{height:100%;background:#1d4ed8;border-radius:5px}@keyframes readyPulse{0%,to{transform:translateY(0);box-shadow:0 4px #1e3a8a,0 5px 10px #0000004d}50%{transform:translateY(-3px);box-shadow:0 7px #1e3a8a,0 8px 15px #0000004d}}.preview-ready-btn{position:absolute;bottom:-22px;background:#1d4ed8;color:#fff;border:2px solid white;border-radius:14px;padding:4px 24px;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 4px #1e3a8a,0 5px 10px #0000004d;transition:all .1s ease;animation:readyPulse 2s infinite}.preview-ready-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1e3a8a,0 8px 15px #0000004d;animation:none}.preview-ready-btn:active{transform:translateY(4px);box-shadow:0 0 #1e3a8a,0 2px 5px #0000004d;animation:none}.preview-action-btn{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;border:none;cursor:pointer;transition:transform .1s}.preview-action-btn:active{transform:scale(.95)}.game-header-bar{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:900px;margin:16px auto;padding:10px 20px;background:#282828b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;direction:rtl;z-index:10;position:relative}.header-side{display:flex;align-items:center;gap:16px}.header-exit-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.header-exit-btn:hover{transform:scale(1.05)}.header-exit-btn:active{transform:scale(.95)}.header-exit-btn img{width:48px;height:48px;object-fit:contain}.header-player{display:flex;align-items:center;gap:8px}.header-turn-indicator-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 6px}.header-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-avatar-circle{width:52px;height:52px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d;flex-shrink:0;position:relative;z-index:1}.circle-blue{background:#1e3a8a}.circle-orange{background:#ffedd5}.header-avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;pointer-events:none;z-index:3;object-fit:contain}.header-score-pill{display:flex;align-items:center;gap:6px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.5);border-radius:24px;padding:5px 14px;color:#fff;font-weight:900;font-size:1.15rem;box-shadow:0 4px 6px #00000026;white-space:nowrap;flex-shrink:0}.header-score-pill img{width:22px;height:22px;object-fit:contain}.turn-indicator-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;font-family:Lateef,serif;font-size:1.4rem;font-weight:800;line-height:1;white-space:nowrap;border-radius:9999px;color:#fff;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.85);-webkit-user-select:none;user-select:none;transition:all .25s ease}.header-chat-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.85);box-shadow:0 4px 14px #0000001f,inset 0 1.5px 1.5px #fffffff2;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);padding:0;flex-shrink:0;position:relative;outline:none}.header-chat-btn:hover{transform:scale(1.1) rotate(-4deg);background:linear-gradient(135deg,#fffc,#fff6);border-color:#fff;box-shadow:0 8px 22px #0000002e,inset 0 2px 2px #fff}.header-chat-btn:active{transform:scale(.93);box-shadow:0 2px 8px #00000026}.header-chat-btn svg,.header-chat-icon{width:20px;height:20px;color:#0284c7;filter:drop-shadow(0 1px 1px rgba(255,255,255,.8));transition:transform .2s ease}.header-chat-btn:hover svg,.header-chat-btn:hover .header-chat-icon{transform:scale(1.12)}.header-chat-btn:after{content:"";position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:1.5px solid #ffffff;box-shadow:0 0 6px #22c55eb3}.group-944-container{position:absolute;top:50%;transform:translateY(-50%);width:max-content;min-width:115px;max-width:200px;height:52px;pointer-events:none;z-index:120;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28)) drop-shadow(0 2px 8px rgba(0,84,162,.3))}.group-944-right{right:calc(100% + 12px);left:auto;animation:group-944-pop-left .35s cubic-bezier(.34,1.56,.64,1) forwards}.group-944-left{left:calc(100% + 12px);right:auto;animation:group-944-pop-right .35s cubic-bezier(.34,1.56,.64,1) forwards}.group-944-rectangle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(175.11deg,#fff 2.38%,#0054a2 816.94%);border-radius:20px;border:2px solid rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;padding:0 16px;box-shadow:inset 0 2px 4px #ffffffe6,0 4px 14px #0032782e}.group-944-content{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.group-944-emoji{font-size:2.1rem;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));animation:group-944-emoji-wobble 2s ease-in-out infinite alternate}.group-944-text{font-family:Lateef,serif;font-size:1.6rem;font-weight:800;line-height:1;color:#003666;text-shadow:0 1px 2px rgba(255,255,255,.9);-webkit-user-select:none;user-select:none}.group-944-polygon{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:18px;pointer-events:none}.group-944-right .group-944-polygon{right:-11px;left:auto}.group-944-left .group-944-polygon{left:-11px;right:auto}@keyframes group-944-pop-left{0%{opacity:0;transform:translateY(-50%) translate(16px) scale(.3)}65%{opacity:1;transform:translateY(-50%) translate(-2px) scale(1.08)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes group-944-pop-right{0%{opacity:0;transform:translateY(-50%) translate(-16px) scale(.3)}65%{opacity:1;transform:translateY(-50%) translate(2px) scale(1.08)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes group-944-emoji-wobble{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(1.5px) scale(.96)}}@media(max-width:640px){.game-header-bar{width:98%;max-width:100%;padding:6px 8px;margin:6px auto 10px;position:relative;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:4px}.header-side{gap:5px;flex-shrink:0}.header-player{gap:4px}.header-exit-btn img{width:32px;height:32px}.header-avatar-circle{width:36px;height:36px}.header-avatar-circle img{width:28px;height:28px}.group-944-container{min-width:96px;max-width:160px;height:44px}.group-944-right{right:calc(100% + 8px)}.group-944-left{left:calc(100% + 8px)}.group-944-rectangle{border-radius:16px;padding:0 12px}.group-944-content{gap:6px}.group-944-emoji{font-size:1.65rem}.group-944-text{font-size:1.35rem}.group-944-polygon{width:10px;height:15px}.group-944-right .group-944-polygon{right:-9px}.group-944-left .group-944-polygon{left:-9px}.header-chat-btn{position:relative;bottom:auto;left:auto;width:28px;height:28px;border-radius:50%;border-width:1.5px;flex-shrink:0}.header-chat-btn svg,.header-chat-icon{width:14px;height:14px}.header-chat-btn:after{width:6px;height:6px;top:0;right:0;border-width:1px}.header-score-pill{padding:2px 6px;font-size:.9rem;gap:3px;border-radius:14px}.header-score-pill img{width:16px;height:16px}.header-turn-indicator-wrap{position:static;margin:0 2px;flex-shrink:0;transform:none}.turn-indicator-badge{padding:3px 8px;font-size:.95rem;line-height:1;border-radius:9999px}.preview-center-console{min-width:0;margin:0 4px}.preview-bar-container{padding:6px 10px;border-width:2px}.preview-time-text{font-size:1rem;margin-right:8px}.preview-ready-btn{padding:4px 16px;font-size:.85rem;bottom:-20px}.new-game-header,.preview-timer-header{margin-bottom:12px}.emoji-bar-compact{height:32px;padding:0 12px;margin:2px auto 4px}.emoji-bar-compact .emoji-btn{width:32px;height:32px;font-size:1rem}.cards-fit-grid .memory-card-slot{min-width:0;min-height:0}.cards-fit-grid{max-height:400px}.cards-fit-grid.hard-mode{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr)}.card-word-content{width:98%;height:98%;padding:4px;gap:4px}.card-word-label{font-size:clamp(1.4rem,6.5vw,2.8rem);line-height:1}.card-word-hint{font-size:.75rem;padding:2px 6px}}.welcome-screen-new{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#113645,#08171d);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:30px;direction:rtl}.welcome-header-new{position:absolute;top:clamp(30px,5vh,60px);left:clamp(16px,4vw,35px);right:clamp(16px,4vw,40px);display:flex;justify-content:space-between;align-items:center;z-index:10}.welcome-exit-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.welcome-exit-btn:hover{transform:scale(1.05)}.welcome-exit-btn:active{transform:scale(.95)}.welcome-exit-btn img{width:48px;height:48px;object-fit:contain}.welcome-stats-bg{background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;padding:5px 25px;min-width:250px;height:60px;gap:15px;direction:ltr}.welcome-q-coin,.welcome-dadd-coin{width:30px;height:30px;object-fit:contain}.welcome-stat-text{font-size:24px;font-weight:900;font-family:Arial Black,Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-top:2px}.q-count{color:#fff}.xp-count{color:#fc0}.welcome-stat-arrow{color:#fff;font-size:20px;font-weight:700}.welcome-body-new{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;margin-top:50px}.welcome-description-img{width:100%;max-height:60vh;object-fit:contain}.welcome-footer-new{display:flex;justify-content:center;align-items:center;padding-bottom:20px}.welcome-start-btn-new{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;width:260px;height:85px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#fff;cursor:pointer;transition:transform .2s;padding-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.welcome-start-btn-new:hover:not(:disabled){transform:scale(1.05)}.welcome-start-btn-new:active:not(:disabled){transform:scale(.95)}.welcome-loading,.welcome-error-new p{color:#fff;font-size:20px;font-weight:700}@media(max-width:768px){.welcome-screen-new{justify-content:center;gap:15px}.welcome-header-new{position:relative;top:0;width:100%;margin-top:30px;margin-bottom:10px;display:flex;justify-content:space-between}.welcome-body-new{margin-top:0}.welcome-stats-bg{min-width:220px;height:50px;padding:2px 20px}.welcome-q-coin,.welcome-dadd-coin{width:25px;height:25px}.welcome-stat-text{font-size:18px}.welcome-start-btn-new{width:180px;height:55px;font-size:22px;padding-bottom:5px}.welcome-description-img{max-height:45vh}}@media(max-width:380px){.game-header-bar{padding:4px 6px;margin:4px auto 14px}.header-side,.header-player{gap:4px}.header-exit-btn img{width:28px;height:28px}.header-avatar-circle{width:32px;height:32px}.header-avatar-circle img{width:24px;height:24px}.header-chat-btn{width:24px;height:24px;position:relative;bottom:auto;left:auto;border-width:1.5px;flex-shrink:0}.header-chat-btn svg,.header-chat-icon{width:12px;height:12px}.header-score-pill{padding:1px 5px;font-size:.82rem;gap:2px}.header-score-pill img{width:14px;height:14px}.header-turn-indicator-wrap{position:static;transform:none;margin:0;flex-shrink:0}.turn-indicator-badge{padding:2px 6px;font-size:.85rem;line-height:1}.preview-time-text{font-size:.8rem;margin-right:4px}.preview-ready-btn{padding:2px 12px;font-size:.75rem;bottom:-18px}.card-word-content{width:100%;height:100%;padding:2px;gap:0px;border-radius:8px}.card-word-label{font-size:clamp(1.2rem,5vw,1.8rem);text-shadow:none;line-height:1}.card-word-hint{font-size:.65rem;padding:1px 4px;letter-spacing:0}}@media(max-width:290px){.game-header-bar{padding:2px 4px;gap:2px}.header-side{gap:2px}.header-exit-btn img{width:20px;height:20px}.header-avatar-circle{width:24px;height:24px}.header-avatar-circle img{width:20px;height:20px}.group-944-container{min-width:80px;max-width:130px;height:36px}.group-944-right{right:calc(100% + 5px)}.group-944-left{left:calc(100% + 5px)}.group-944-rectangle{border-radius:12px;padding:0 8px}.group-944-content{gap:4px}.group-944-emoji{font-size:1.35rem}.group-944-text{font-size:1.2rem}.group-944-polygon{width:7px;height:11px}.group-944-right .group-944-polygon{right:-6px}.group-944-left .group-944-polygon{left:-6px}.header-chat-btn{width:24px;height:24px;border-width:1.5px}.header-chat-btn svg{width:13px;height:13px}.header-chat-btn:after{display:none}.header-score-pill{padding:1px 4px;font-size:.75rem;gap:2px}.header-score-pill img{width:14px;height:14px}.turn-indicator-badge{padding:.25rem .6rem;font-size:.95rem;line-height:1.2}}.feedback-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none;background-color:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .3s}.answer-feedback-overlay{background:#03101d3d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:answerFeedbackOverlayIn .18s ease-out both}.answer-feedback-card{display:inline-flex;align-items:center;justify-content:center;gap:12px;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);box-shadow:0 16px 40px #00000073,inset 0 0 18px #00c4e629;font-family:Lateef,sans-serif;font-size:clamp(2.1rem,min(6vw,6.4vh),3.8rem);font-weight:900;line-height:1;white-space:nowrap;animation:answerFeedbackPop .22s cubic-bezier(.2,.86,.3,1) both}.answer-feedback-card--success{color:#38ef7d;border-color:#38ef7d;text-shadow:0 0 16px rgba(56,239,125,.55)}.answer-feedback-card--wrong{color:#ff5d5c;border-color:#ff5d5c;text-shadow:0 0 16px rgba(255,93,92,.55)}.answer-feedback__icon{width:1.15em;height:1.15em;flex:0 0 auto}.answer-feedback__text{display:inline-block}.card-audio-button{position:relative;z-index:5;width:32px;height:32px;display:grid;place-items:center;margin:8px auto 0;border:0;border-radius:50%;color:#fff;background:#0ea5e9;cursor:pointer;pointer-events:auto;box-shadow:0 4px 10px #0ea5e959}.card-audio-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.answer-feedback-card{direction:ltr;flex-direction:row}.answer-feedback__text{direction:rtl}@keyframes answerFeedbackOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes answerFeedbackPop{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-modal-box{display:flex;align-items:center;justify-content:center;width:85vw;max-width:450px;min-height:180px;border-radius:40px;border:12px solid transparent;box-shadow:0 25px 50px -12px #00000040;transform:scale(1);transition:all .3s;animation:float-in .3s ease-out forwards}@media(min-width:768px){.feedback-modal-box{min-height:250px}}.feedback-modal-text{font-size:4rem;font-weight:900;letter-spacing:.05em;color:#fff;filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}@media(min-width:640px){.feedback-modal-text{font-size:5rem}}@media(min-width:768px){.feedback-modal-text{font-size:6rem}}.feedback-modal-correct{background-color:#22c55e;border-color:#86efac;box-shadow:0 0 40px #22c55e99}.feedback-modal-incorrect{background-color:#ef4444;border-color:#fca5a5;box-shadow:0 0 40px #ef444499}@keyframes float-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172a6b;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:16px;animation:emoji-modal-fade-in .22s ease-out}.emoji-modal-card{position:relative;width:min(86vw,1040px);height:min(80vh,750px);font-family:Lateef,serif;background:linear-gradient(135deg,#e0e9f68a,#c4d2e46b,#d6e2f280);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-radius:36px;border:2px solid rgba(255,255,255,.7);padding:24px 22px 20px;box-shadow:0 32px 64px -10px #00000059,0 12px 24px -6px #0000002e,inset 0 2px 3px #ffffffd9,inset 0 -2px 3px #ffffff40;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;text-align:center;animation:emoji-modal-pop-in .3s cubic-bezier(.16,1,.3,1) forwards}.emoji-modal-glass-flare{position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,#ffffff42,#fff0);border-top-left-radius:36px;border-top-right-radius:36px;pointer-events:none}.emoji-modal-close-btn{position:absolute;top:14px;right:14px;z-index:40;width:42px;height:42px;padding:8px;border-radius:50%;background:linear-gradient(135deg,#f87171f2,#ef4444eb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.85);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #ef44446b,inset 0 1px 1px #fffc;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none;box-sizing:border-box}.emoji-modal-close-btn:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#ef4444,#dc2626fa);box-shadow:0 8px 22px #ef444494,inset 0 1.5px 2px #ffffffe6}.emoji-modal-close-btn:active{transform:scale(.92)}.emoji-modal-scroll{flex:1;min-height:0;width:100%;overflow:hidden!important;display:flex;flex-direction:column;padding:0;position:relative;z-index:10;box-sizing:border-box}.emoji-modal-grid{display:grid;flex:1;width:100%;height:100%;min-height:0;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(10px,1.4vw,14px)}.emoji-grid-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;font-family:Lateef,serif;background:linear-gradient(180deg,#ffffff9e,#ebf3fc70);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.85);border-radius:20px;padding:clamp(6px,1.2vh,12px) 4px;cursor:pointer;box-shadow:0 6px 18px #00000014,inset 0 1.5px 2px #ffffffeb,inset 0 -1px 1px #fff3;transition:all .24s cubic-bezier(.16,1,.3,1);outline:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden}.emoji-grid-card:hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(180deg,#ffffffd9,#f0f8ffa6);border-color:#fff;box-shadow:0 12px 28px #00000026,inset 0 2px 2px #fff}.emoji-grid-card:active{transform:scale(.96);box-shadow:0 2px 8px #0000001f}.emoji-grid-icon{width:100%;text-align:center;font-size:clamp(3.2rem,6vh,4.4rem);line-height:1;display:block;margin-bottom:2px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15));transition:transform .24s cubic-bezier(.16,1,.3,1)}.emoji-grid-card:hover .emoji-grid-icon{transform:scale(1.15)}.emoji-grid-name{width:100%;text-align:center;font-family:Lateef,serif;font-size:clamp(2.2rem,4.2vh,3.2rem);font-weight:900;color:#0b2545!important;display:block;line-height:1;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.custom-modal-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}@keyframes emoji-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes emoji-modal-pop-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.emoji-modal-card{width:95vw;height:min(86vh,740px);padding:20px 10px 12px;border-radius:28px}.emoji-modal-close-btn{top:10px;right:10px;width:36px;height:36px;padding:6px}.emoji-modal-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px}.emoji-grid-card{border-radius:16px;padding:clamp(4px,1vh,8px) 2px}.emoji-grid-icon{font-size:clamp(2.8rem,5.5vh,3.8rem)}.emoji-grid-name{font-size:clamp(1.8rem,3.6vh,2.5rem);color:#0b2545!important;text-shadow:none!important}}@media(max-height:540px){.emoji-modal-card{width:94vw;height:min(94vh,500px);padding:16px 12px 8px;border-radius:24px}.emoji-modal-close-btn{top:6px;right:10px;width:30px;height:30px;padding:5px}.emoji-modal-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:6px}.emoji-grid-card{padding:3px 2px;border-radius:14px}.emoji-grid-icon{font-size:clamp(2.2rem,6.5vh,3rem)}.emoji-grid-name{font-size:clamp(1.5rem,4.5vh,2rem);color:#0b2545!important;text-shadow:none!important}}@media(min-width:900px){.emoji-grid-name{font-size:clamp(3rem,5vh,4.2rem)}.emoji-grid-icon{font-size:clamp(3.6rem,6.5vh,5rem)}}.submitting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#050b19bf;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);display:flex;align-items:center;justify-content:center;animation:submittingFadeIn .3s ease-out}.submitting-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.15);border-top-color:#00f0ff;border-right-color:#00f0ff;border-radius:50%;animation:submittingSpin .75s linear infinite;filter:drop-shadow(0 0 12px rgba(0,240,255,.7))}@keyframes submittingSpin{to{transform:rotate(360deg)}}@keyframes submittingFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
