body{-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font-family:Lateef,Outfit,sans-serif;overflow:hidden}canvas{display:block}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#121621a6;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px #0000004d}#hud-container{z-index:25;pointer-events:none;box-sizing:border-box;flex-direction:column;align-items:center;padding:clamp(6px,1.2vh,12px) clamp(10px,2vw,24px) 0;display:none;position:absolute;top:0;left:0;right:0}#game-header-new{-webkit-backdrop-filter:blur(16px)saturate(180%);pointer-events:auto;box-sizing:border-box;background:#0f172ac7;border:1px solid #00f0ff59;border-top:4px solid #00f0ff;border-radius:20px;flex-direction:column;gap:4px;width:100%;max-width:1300px;padding:clamp(8px,1.2vh,12px) clamp(14px,2vw,24px);display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080,0 -4px 20px #00f0ff33}.game-header-content{direction:ltr;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:clamp(38px,4.5vw,50px);display:flex}.header-left-group{justify-content:flex-start;align-items:center;gap:clamp(8px,1.8vw,20px);min-width:0;display:flex}.header-lives{color:#fff;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.header-lives-label{color:#fff;text-shadow:0 1px 2px #00000080;font-family:Cairo,Lateef,sans-serif;font-size:clamp(12px,1.5vw,17px);font-weight:700;line-height:1}.header-hearts{align-items:center;gap:clamp(3px,.6vw,6px);display:flex}.header-hearts img{object-fit:contain;width:clamp(20px,2.5vw,32px);height:clamp(20px,2.5vw,32px);transition:opacity .2s,filter .2s,transform .2s;display:block}.header-hearts img.is-inactive{opacity:.28;filter:grayscale();transform:scale(.85)}.header-coin-badge{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:clamp(88px,10vw,126px);height:clamp(36px,4vw,46px);display:flex}.hud-coin-icon{object-fit:contain;width:clamp(24px,3vw,36px);height:clamp(24px,3vw,36px);display:block}#score-val{color:#fff;font-family:Arial,sans-serif;font-size:clamp(16px,1.8vw,22px);font-weight:700;line-height:1}.header-question-info{color:#fff;text-align:center;text-shadow:0 1px 3px #0006;white-space:nowrap;background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:3px clamp(12px,1.8vw,20px);font-family:Cairo,Lateef,sans-serif;display:flex;box-shadow:0 0 12px #00f0ff26}.header-question-label{color:#fff;font-size:clamp(15px,1.8vw,22px);font-weight:700;line-height:1.1}.header-question-numbers{color:#00f0ff;font-family:Arial,sans-serif;font-size:clamp(15px,1.8vw,22px);font-weight:700;line-height:1.15}.header-exit-btn{cursor:pointer;background:#f7fbff;border:0;border-radius:14px;justify-self:end;place-items:center;width:clamp(38px,4vw,48px);height:clamp(38px,4vw,48px);transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 2px 8px #00000040;padding:6px!important}.header-exit-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffffff59}.header-exit-btn:active{transform:scale(.95)}.header-exit-btn img{object-fit:contain;width:100%;height:100%;display:block}.header-progress-track{box-sizing:border-box;background:#073b4bcc;border:1px solid #ffffff40;border-radius:999px;width:100%;height:6px;margin:3px 0 5px;overflow:hidden}.header-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#00f0ff,#58d7f5);width:0%;height:100%;transition:width .35s;display:block;box-shadow:0 0 8px #00f0ffb3}.header-question-row{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,2vw,22px);width:100%;min-width:0;padding:2px 0;display:flex}.question-image-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;background:#040e1cd9;border:1.5px solid #ffffff73;border-radius:12px;flex:0 0 clamp(48px,7vw,72px);place-items:center;width:clamp(48px,7vw,72px);height:clamp(48px,7vw,72px);padding:0;transition:transform .15s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.question-image-wrapper:hover{border-color:#38bdf8;transform:scale(1.03);box-shadow:0 0 12px #38bdf859}.question-image-wrapper:active{transform:scale(.97)}.question-image-wrapper.audio-playing{border-color:#10b981;animation:.7s infinite alternate img-audio-pulse}@keyframes img-audio-pulse{0%{transform:scale(1);box-shadow:0 0 8px #10b98166}to{transform:scale(1.06);box-shadow:0 0 18px #10b981bf}}.question-image-wrapper img{object-fit:contain;pointer-events:auto;width:100%;height:100%;display:block}.question-zoom-badge{color:#fff;white-space:nowrap;pointer-events:auto;cursor:zoom-in;background:#000000bf;border:1px solid #ffffff40;border-radius:999px;padding:1px 5px;font-family:Cairo,sans-serif;font-size:8.5px;transition:background .15s,transform .15s;position:absolute;bottom:3px;right:3px}.question-zoom-badge:hover{background:#0ea5e9e6;transform:scale(1.06)}.question-prompt-group{align-items:center;gap:8px;display:flex}.question-media-text{color:#fff;text-align:center;text-shadow:0 1px 4px #0009;font-family:Cairo,sans-serif;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:800;line-height:1.2}.question-media-audio{color:#fff;cursor:pointer;background:#0ea5e9;border:0;border-radius:50%;place-items:center;width:clamp(34px,4vw,40px);height:clamp(34px,4vw,40px);transition:transform .18s,background .18s;display:grid;box-shadow:0 2px 8px #0ea5e980}.question-media-audio:hover{background:#38bdf8;transform:scale(1.08)}.question-media-audio:active{transform:scale(.94)}.question-media-audio svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:clamp(18px,2.2vw,24px);height:clamp(18px,2.2vw,24px)}.header-word-slots-container{justify-content:center;align-items:center;display:flex}#word-slots{direction:rtl;align-items:center;gap:clamp(5px,1vw,10px);display:flex}.letter-slot{color:#fff6;box-sizing:border-box;background:#ffffff14;border:1.5px dashed #ffffff59;border-radius:10px;justify-content:center;align-items:center;width:clamp(32px,4.2vw,44px);height:clamp(32px,4.2vw,44px);font-family:Cairo,Lateef,sans-serif;font-size:clamp(1.15rem,2.8vw,1.7rem);font-weight:800;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.letter-slot.collected{color:#00f0ff;text-shadow:0 0 10px #00f0ffcc;background:#00f0ff33;border:2px solid #00f0ff;transform:scale(1.05);box-shadow:0 0 12px #00f0ff66}@media (width<=768px){#hud-container{padding:6px 10px 0}#game-header-new{border-radius:15px;gap:3px;padding:6px 12px}.game-header-content{gap:8px;min-height:40px}.header-left-group{gap:clamp(6px,1.8vw,14px)}.header-coin-badge{width:clamp(78px,10vw,100px);height:34px;padding:2px 8px}.hud-coin-icon{width:22px;height:22px}.header-exit-btn{border-radius:12px;width:36px;height:36px}.header-progress-track{height:5px;margin:2px 0 3px}}@media (width<=460px){.header-question-info{padding:2px 10px}.header-question-label,.header-question-numbers{font-size:13px}.header-exit-btn{width:32px;height:32px}.header-lives-label{font-size:1rem}.header-hearts img{width:22px;height:22px}.header-coin-badge{min-width:66px;height:36px;padding:2px 6px}.header-coin-badge strong,#score-val{font-size:1.1rem}.header-exit-btn{border-radius:12px;width:36px;height:36px}}.text-glow{color:#00e5ff;text-shadow:0 0 8px #00e5ff99,0 0 18px #00e5ff59}.text-glow-yellow{color:#ffeb3b;text-shadow:0 0 8px #ffeb3b99,0 0 18px #ffeb3b59}#tutorial-overlay{color:#fff;z-index:100;pointer-events:none;flex-direction:column;width:360px;padding:24px 32px;font-family:Lateef,sans-serif;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#tutorial-overlay.hidden{opacity:0;transform:translate(-50%,-46%)scale(.95)}#tutorial-overlay h2{text-align:center;background:linear-gradient(45deg,#00e5ff,#b388ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;margin:0 0 18px;font-size:1.6rem;font-weight:800}#tutorial-overlay p{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin:8px 0;padding-bottom:8px;font-size:.95rem;display:flex}#tutorial-overlay p:last-of-type{border-bottom:none}.key{background:#ffffff1f;border:1px solid #fff3;border-bottom:2.5px solid #ffffff59;border-radius:4px;padding:1px 7px;font-family:monospace;font-size:.85rem;font-weight:700}.start-hint{text-align:center;color:#00e5ff;letter-spacing:.05em;margin-top:18px;font-size:1.05rem;font-weight:700;animation:1.6s ease-in-out infinite hintPulse}@keyframes hintPulse{0%{opacity:.4;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}to{opacity:.4;transform:scale(.97)}}#word-target-container{flex-direction:column;justify-content:center;align-items:center;min-width:220px;display:flex}#word-slots{direction:rtl;gap:8px;margin-top:4px;display:flex}.letter-slot{color:#ffffff40;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:clamp(24px,5vw,34px);height:clamp(24px,5vw,34px);font-family:Lateef,sans-serif;font-size:clamp(1.1rem,3.5vw,1.3rem);font-weight:900;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.letter-slot.collected{color:#00e5ff;text-shadow:0 0 8px #00e5ffb3;background:#00e5ff26;border-color:#00e5ff;transform:scale(1.08)}#win-overlay{color:#fff;z-index:100;text-align:center;pointer-events:auto;box-sizing:border-box;flex-direction:column;align-items:center;width:380px;max-width:90%;padding:30px 20px;font-family:Lateef,sans-serif;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=480px){#win-overlay{padding:15px 10px}#win-overlay h2{font-size:1.6rem!important}.stats-row{gap:10px!important}.stat-item{padding:10px!important}.final-score-panel{flex-direction:column;gap:10px}}#win-overlay.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-46%)scale(.95)}#win-overlay h2{background:linear-gradient(45deg,#ffeb3b,#ff9800);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;margin:0 0 15px;font-size:2.1rem;font-weight:900}.word-glow{color:#ffeb3b;letter-spacing:.05em;text-shadow:0 0 8px #ffeb3bb3;font-family:Lateef,sans-serif;font-weight:900}.final-score-panel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;margin:18px 0;padding:12px 30px}.restart-hint{text-align:center;color:#00e5ff;letter-spacing:.05em;margin-top:15px;font-size:1.05rem;font-weight:700;animation:1.6s ease-in-out infinite hintPulse}#loading-overlay,#error-overlay{color:#fff;z-index:200;text-align:center;flex-direction:column;align-items:center;width:320px;padding:30px 40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading-overlay.hidden,#error-overlay.hidden{display:none}.loader{border:4px solid #fff3;border-top-color:#00e5ff;border-radius:50%;width:40px;height:40px;margin-top:15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden-desktop,.hidden-landscape{display:none!important}#portrait-overlay{display:none}.rotate-screen-overlay{z-index:9999;text-align:center;-webkit-backdrop-filter:blur(15px);color:#fff;background:#121621f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100svh;padding:30px;display:flex;position:fixed;top:0;left:0}.rotate-icon-container{color:#00e5ff;filter:drop-shadow(0 0 10px #00e5ff99);width:clamp(60px,15vw,90px);height:clamp(60px,15vw,90px);margin-bottom:20px;animation:2.5s ease-in-out infinite rotatePhoneAnim}.phone-svg{width:100%;height:100%}@keyframes rotatePhoneAnim{0%{transform:rotate(0)}30%{transform:rotate(-90deg)}70%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-screen-overlay p{color:#00e5ff;text-shadow:0 0 8px #00e5ff80;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:700}#mobile-controls{z-index:50;pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:20px;left:20px;right:20px}.dpad-container,.action-container{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;display:flex}.dpad-row{justify-content:center;gap:10px;display:flex}.ctrl-btn{-webkit-backdrop-filter:blur(8px);color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0000004d}.ctrl-btn:active{background:#ffffff59;border-color:#00e5ffcc;transform:scale(.95);box-shadow:0 0 20px #00e5ff80}.ctrl-btn svg{filter:drop-shadow(0 0 5px #ffffff4d);width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px)}.dpad-btn{width:clamp(50px,12vw,65px);height:clamp(50px,12vw,65px)}.action-btn{background:#ff3c3c33;border:2px solid #ff3c3c80;width:clamp(65px,15vw,85px);height:clamp(65px,15vw,85px)}.action-btn svg{color:#fff;filter:drop-shadow(0 0 8px #fff9);width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px)}.action-btn:active{background:#ff3c3c66;border-color:#ff3c3ce6;box-shadow:0 0 20px #ff3c3c99}@media (orientation:portrait) and (width<=900px){#portrait-overlay.rotate-screen-overlay:not(.hidden){display:flex!important}}@media (orientation:landscape),(width>=901px){#portrait-overlay.rotate-screen-overlay{display:none!important}}@media (pointer:coarse){.hidden-desktop{display:flex!important}}@media (width<=768px){#tutorial-overlay{width:clamp(280px,85vw,400px);padding:clamp(15px,3vh,24px) clamp(20px,4vw,32px)}#tutorial-overlay h2{font-size:clamp(1.4rem,5vw,1.8rem)}#tutorial-overlay p{font-size:clamp(.95rem,3.5vw,1.1rem)}.letter-slot{width:clamp(28px,6vw,34px);height:clamp(28px,6vw,34px);font-size:clamp(1.1rem,4.5vw,1.3rem)}}.answer-feedback{z-index:1000;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.answer-feedback.hidden{opacity:0;visibility:hidden}.answer-feedback-card{white-space:nowrap;direction:ltr;background:linear-gradient(#083046f5,#051e30f0);border:2px solid;border-radius:24px;justify-content:center;align-items:center;gap:12px;min-width:clamp(220px,42vw,360px);padding:clamp(16px,2.6vh,26px) clamp(24px,4vw,48px);font-family:Lateef,sans-serif;font-size:clamp(2.1rem,min(6vw,6.4vh),3.8rem);font-weight:900;line-height:1;animation:.22s cubic-bezier(.2,.86,.3,1) both answerFeedbackPop;display:inline-flex;box-shadow:0 16px 40px #00000073,inset 0 0 18px #00c4e629}.answer-feedback-card--success{color:#38ef7d;text-shadow:0 0 16px #38ef7d8c;border-color:#38ef7d}.answer-feedback-card--wrong{color:#ff5d5c;text-shadow:0 0 16px #ff5d5c8c;border-color:#ff5d5c}.answer-feedback__icon{flex:none;width:1.15em;height:1.15em}.answer-feedback__text{direction:rtl}@keyframes answerFeedbackPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.hidden,img[src=""],img:not([src]){display:none!important}.question-image-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000814e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.question-image-modal img{object-fit:contain;cursor:pointer;border-radius:18px;max-width:92vw;max-height:86vh}.question-image-modal button{color:#fff;cursor:pointer;background:#ef4444;border:0;border-radius:50%;width:42px;height:42px;font-size:30px;position:absolute;top:18px;right:18px}.celebration{z-index:5000;isolation:isolate;background:#154053c4;border:1px solid #f9fcfc;place-items:center;animation:.36s ease-out both celebrationOverlayIn;display:grid;position:fixed;inset:0;overflow:hidden;box-shadow:inset 0 4px 20.8px 5px #009bb4,0 0 34px #00d9ff52}.celebration--leaving{pointer-events:none;animation:.76s cubic-bezier(.4,0,.2,1) forwards celebrationOverlayOut}.celebration-fireworks{z-index:-1;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.celebration-aurora{filter:blur(28px);background:conic-gradient(from 160deg,#0000,#00d6ff1a,#0000 36%,#63ff5d1a,#0000 71%);border-radius:50%;width:min(95vw,1250px);height:min(75vh,680px);animation:4s ease-in-out infinite alternate celebrationGlow;position:absolute}.celebration-content{box-sizing:border-box;justify-items:center;width:min(100%,1320px);padding:2vh 3vw 4vh;display:grid;position:relative}.celebration-robots{object-fit:contain;transform-origin:bottom;filter:drop-shadow(0 18px 28px #0000005c);width:min(91vw,1050px);max-height:67vh;animation:1.18s cubic-bezier(.16,1.18,.35,1) both celebrationRobotEntrance,3.8s ease-in-out 1.18s infinite celebrationRobotFloat;display:block}.celebration-word{color:#f8ffff;letter-spacing:.035em;text-shadow:0 0 10px #2ceaff,0 0 26px #1ed3ffe6,0 0 55px #33ea639e,0 6px #003449a6;opacity:0;margin-top:clamp(-24px,-2vh,-10px);padding:0 .25em;font-family:Lateef,serif;font-size:clamp(4.5rem,12vw,10.5rem);font-weight:900;line-height:.95;animation:.83s cubic-bezier(.18,1.35,.38,1) 1.05s forwards celebrationWordIn;transform:translateY(30px)scale(.58)}@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%{opacity:.58;transform:scale(.92)rotate(-8deg)}to{opacity:1;transform:scale(1.08)rotate(9deg)}}@media (width<=768px),(height<=620px){.celebration-content{padding-bottom:7vh}.celebration-robots{width:min(97vw,600px);max-height:55vh}.celebration-word{margin-top:-6px;font-size:clamp(3.5rem,15vw,5.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{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(10px)saturate(1.2);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#00d2ff3d,#0000 48%),radial-gradient(circle at 86% 82%,#ff007f1f,#0000 42%),#050b19e0;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.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)) );box-sizing:border-box;width:100%;max-width:100%;min-height:0;max-height:100dvh;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));flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.results-panel{width:var(--rp-w);aspect-ratio:var(--rp-ratio);box-sizing:border-box;filter:drop-shadow(0 18px 28px #0000007a);flex:none;animation:.54s cubic-bezier(.2,.86,.3,1) both resultsPanelIn;position:relative;container-type:inline-size}.results-panel__art{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.results-title{object-fit:contain;width:47.6cqw;height:15.9cqw;animation:.44s ease-out .12s both resultsItemIn;position:absolute;top:7.3cqw;left:50%;translate:-50%}.results-title--fail{color:#ff4f5f;white-space:nowrap;text-shadow:0 0 16px #ff3b30bf,0 2px 6px #000000e6;justify-content:center;align-items:center;font-size:6.4cqw;font-weight:900;line-height:1;display:flex}.results-num{left:var(--x);top:var(--y);font-size:var(--fs);white-space:nowrap;pointer-events:none;direction:ltr;margin:0;font-weight:700;line-height:1;position:absolute;translate:-50% -50%}.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.0%;--fs:4.4cqw;color:#f2d249}.results-num--wrong{--x:75.1%;--y:75.3%;--fs:5cqw;color:#ec6862}.results-debug{object-fit:fill;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.results-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.results-actions{width:calc(var(--rp-w) * var(--rp-actions-w));margin-top:calc(var(--rp-w) * var(--rp-stack-gap));align-items:start;column-gap:calc(var(--rp-btn-gap) * 100%);direction:rtl;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));animation:.51s ease-out .34s both resultsItemIn;display:grid}.results-action{width:100%;min-width:0;height:auto;aspect-ratio:var(--rp-btn-ar-w) / var(--rp-btn-ar-h);cursor:pointer;background:0 0;border:0;outline:0;padding:0;transition:transform .18s,filter .18s;display:block;position:relative}.results-action__bg{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.results-action:hover{filter:brightness(1.12);transform:translateY(-3px)scale(1.04)}.results-action:active{transform:translateY(1px)scale(.97)}.results-action:focus-visible{outline-offset:2px;border-radius:20px;outline:3px solid #84ebff}@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)}}.submitting-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px)saturate(1.2);background:#050b19bf;justify-content:center;align-items:center;animation:.3s ease-out submittingFadeIn;display:flex;position:fixed;inset:0}.submitting-spinner{filter:drop-shadow(0 0 12px #00f0ffb3);border:4px solid #00f0ff;border-color:#00f0ff #00f0ff #ffffff26 #ffffff26;border-radius:50%;width:56px;height:56px;animation:.75s linear infinite submittingSpin}@keyframes submittingSpin{to{transform:rotate(360deg)}}@keyframes submittingFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gws-screen{--gws-btn-ar-w:565;--gws-btn-ar-h:231;z-index:5000;box-sizing:border-box;width:100%;height:100dvh;min-height:0;padding:max(8px, env(safe-area-inset-top)) clamp(10px, 3vw, 40px) max(8px, env(safe-area-inset-bottom));font-family:Lateef, var(--font-arabic,sans-serif);direction:rtl;background-color:#0a0d1a;background-image:radial-gradient(circle at 10% 20%,#6366f11a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff007f14 0%,#0000 40%);background-position:50%;background-size:cover;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.gws-header{z-index:1;flex:none;align-self:flex-start;width:clamp(160px,18vw,250px);margin-left:0;margin-right:auto}.gws-stats-bg{aspect-ratio:397/137;box-sizing:border-box;direction:ltr;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;justify-content:space-between;align-items:center;gap:5px;width:100%;padding:5% 9%;display:flex}.gws-stat-icon{aspect-ratio:1;object-fit:contain;flex:none;width:clamp(18px,2vw,29px)}.gws-stat-text,.gws-stat-equals{color:#fff;white-space:nowrap;flex:0 auto;font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1}.gws-stat-text--yellow{color:#ffe500}.gws-main{flex:auto;place-items:center;width:100%;min-width:0;min-height:0;display:grid;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);justify-content:center;align-items:center;gap:var(--gws-gap);flex-direction:column;min-width:0;max-width:100%;max-height:100%;display:flex}.gws-body{min-width:0;min-height:0;width:min(calc(100% * var(--gws-art-scale)), calc(100vw - 20px));flex:0 auto;place-items:center;display:grid;overflow:hidden}.gws-description-art{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%;display:block}.gws-footer{width:100%;padding-bottom:max(0px, env(safe-area-inset-bottom));flex:none}.gws-footer-buttons{width:calc(min(calc(100% * var(--gws-art-scale)), calc(100vw - 20px)) * .85);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(8px,2vw,20px);margin:0 auto;display:grid}.gws-img-btn,.gws-start-btn{width:100%;height:auto;aspect-ratio:var(--gws-btn-ar-w) / var(--gws-btn-ar-h);box-sizing:border-box;cursor:pointer;background-color:#0000;border:0;min-width:0;padding:0;transition:transform .18s,filter .18s;display:block}.gws-start-btn{background-position:50%;background-repeat:no-repeat;background-size:contain}.gws-img-btn img{object-fit:contain;width:100%;height:100%;display:block}.gws-img-btn:hover,.gws-start-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)scale(1.025)}.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-offset:3px;border-radius:15px;outline:3px solid #8bf4ff}@media (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{color:#000;box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.error-screen{flex-direction:row;padding:0 5rem}}.error-screen__content{z-index:10;flex-direction:column;order:2;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;margin-top:2rem;display:flex}@media (width>=1024px){.error-screen__content{order:1;width:48%;margin-top:0}}.error-screen__title{color:#000;letter-spacing:-.02em;margin:0;font-family:Cairo,Poppins,sans-serif;font-size:clamp(2.8rem,6vw,5.2rem);font-weight:900;line-height:1.15}.error-screen__description{color:#1e293b;max-width:28rem;margin:0;font-family:Cairo,sans-serif;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;line-height:1.6}.error-screen__btn{color:#fff;cursor:pointer;background-color:#61f8fb;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;margin-top:1rem;padding:.9rem 2.8rem;font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none;transition:transform .25s,background-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 14px #61f8fb66}.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{order:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (width>=1024px){.error-screen__visual{order:2;width:52%}}.error-screen__illustration{object-fit:contain;width:100%;max-width:clamp(280px,45vw,620px);height:auto}