.top-bar{display:flex;flex-direction:column;width:min(96vw,680px);gap:10px;flex-shrink:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 14px;z-index:10;margin-top:clamp(6px,1.8vh,16px);margin-bottom:clamp(6px,1.4vh,12px)}.top-bar-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 4px;gap:8px}.tb-coins{display:flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 12px 4px 6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tb-coin-img{width:clamp(22px,6vw,30px);height:clamp(22px,6vw,30px);object-fit:contain}.tb-coin-val{font-family:Fredoka One,cursive;font-size:clamp(1rem,3.5vw,1.3rem);color:#4ade80;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:1px}.tb-center{display:flex;flex-direction:column;align-items:center;gap:0;flex:1}.tb-label{font-family:Lateef,sans-serif;font-size:clamp(1.1rem,3.8vw,1.55rem);font-weight:700;color:#e0e7ff;line-height:1.2}.tb-counter{font-family:Lateef,sans-serif;font-size:clamp(1.15rem,3.8vw,1.5rem);color:#fff;letter-spacing:1px;line-height:1.2}.tb-exit-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0}.tb-exit-btn:hover{transform:scale(1.1)}.tb-exit-btn img{width:clamp(30px,8vw,44px);height:clamp(30px,8vw,44px);object-fit:contain}.tb-progress-track{width:100%;height:6px;background:#ffffff1f;border-radius:10px;overflow:hidden}.tb-progress-fill{height:100%;background:#71d9ff;border-radius:10px;box-shadow:0 0 8px #71d9ff,0 0 14px #71d9ff80;transition:width .4s ease-out}@media(max-width:500px){.top-bar{width:min(97vw,680px);padding:6px 12px;margin-top:clamp(4px,1vh,8px);margin-bottom:clamp(4px,1vh,8px);gap:6px;border-radius:10px}.tb-coin-img{width:22px;height:22px}.tb-coin-val{font-size:1.05rem}.tb-label{font-size:.78rem}.tb-counter{font-size:.95rem}.tb-exit-btn img{width:32px;height:32px}}@media(max-width:320px){.tb-coins{padding:3px 8px 3px 4px;gap:4px}.tb-coin-val{font-size:.9rem}.tb-label{font-size:.75rem}.tb-counter{font-size:.85rem}.top-bar{width:98vw}}@media(min-width:768px){.top-bar{width:min(94vw,1150px)}}@media(max-height:500px)and (orientation:landscape){.top-bar{width:min(98vw,950px)}}.target-card{background:var(--theme-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(14px,2.5vw,22px);padding:clamp(8px,1.8vh,16px) clamp(14px,3vw,24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,12px);box-shadow:0 8px 30px #00000073;border:2px solid var(--theme-cyan-dim);width:min(92%,680px);max-width:min(92%,680px);max-height:46vh;animation:fadeIn .4s ease;box-sizing:border-box;flex-shrink:1;min-height:0;overflow:visible}@media(min-width:768px){.target-card{width:min(86%,640px);max-width:min(86%,640px)}}.target-image-wrapper{width:100%;max-width:440px;height:clamp(75px,18vh,200px);max-height:22vh;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:clamp(8px,1.5vw,14px);position:relative;cursor:pointer;background:#00000040;flex-shrink:1;min-height:0}.target-image{max-width:100%;height:100%;width:100%;object-fit:contain;border-radius:clamp(6px,1.2vw,12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;transition:transform .2s ease,filter .2s ease}.clickable-image:hover{transform:scale(1.02);filter:brightness(1.08)}.zoom-badge{position:absolute;bottom:6px;right:8px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:clamp(.7rem,1.8vw,.85rem);padding:3px 6px;border-radius:8px;pointer-events:none;display:flex;align-items:center;justify-content:center}.audio-play-btn{display:inline-flex;align-items:center;gap:6px;background:var(--theme-cyan);color:var(--theme-bg-deep);border:1px solid var(--theme-border-silver);border-radius:20px;padding:clamp(4px,.9vh,8px) clamp(12px,2.5vw,20px);font-family:Lateef,sans-serif;font-size:clamp(.78rem,min(2vw,2vh),.92rem);font-weight:800;cursor:pointer;box-shadow:0 4px 14px var(--theme-cyan-dim);transition:transform .15s,box-shadow .15s,background .15s;flex-shrink:0}.audio-play-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px var(--theme-cyan-dim);background:var(--theme-cyan-hover)}.audio-play-btn:active{transform:scale(.97)}.audio-wave-icon{width:clamp(1.1rem,2.5vw,1.35rem);height:clamp(1.1rem,2.5vw,1.35rem);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:pulseAudio 1.5s infinite}@keyframes pulseAudio{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.image-portal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000014e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeInPortal .25s ease;cursor:pointer}.image-portal-content{position:relative;max-width:92vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:scaleUpPortal .3s cubic-bezier(.175,.885,.32,1.275);cursor:default}.portal-image{max-width:88vw;max-height:82vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 50px #000c;border:3px solid var(--theme-cyan-dim)}.portal-close-btn{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #ffffff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:transform .15s,background .15s}.portal-close-btn:hover{background:#dc2626;transform:scale(1.1)}@keyframes fadeInPortal{0%{opacity:0}to{opacity:1}}@keyframes scaleUpPortal{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.target-prompt{font-family:Cairo,sans-serif;font-size:clamp(1.2rem,min(4.8vw,3.2vh),2.1rem);font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 16px rgba(0,240,255,.35);word-wrap:break-word;overflow-wrap:break-word;text-wrap:balance;white-space:normal;line-height:1.38;max-width:100%;padding:0 4px;box-sizing:border-box}@media(max-height:520px){.target-card{padding:4px 12px;gap:4px;border-radius:12px;max-height:40vh}.target-image-wrapper{height:clamp(50px,14vh,85px);max-height:16vh;border-radius:8px}.target-prompt{font-size:clamp(1.05rem,4.2vh,1.35rem);line-height:1.25;margin-top:0}.audio-play-btn{padding:3px 12px;font-size:.8rem;gap:4px}}@media(max-width:500px){.target-card{width:100%;padding:clamp(6px,1.4vh,12px) clamp(10px,2.5vw,16px);gap:clamp(4px,1vh,8px);border-radius:14px;max-height:42vh}.target-image-wrapper{height:clamp(65px,min(16vh,32vw),130px);max-height:18vh;border-radius:8px}.target-prompt{font-size:clamp(1.15rem,min(4.8vw,2.8vh),1.6rem);line-height:1.3;padding:0 4px}.audio-play-btn{padding:4px 14px;font-size:clamp(.78rem,3.2vw,.92rem);gap:5px}}@media(max-width:320px){.target-card{padding:6px 8px;gap:4px;width:100%;border-radius:10px}.target-image-wrapper{height:clamp(60px,15vh,100px)}.target-prompt{font-size:clamp(1.1rem,4.8vw,1.3rem)}}.letter-blocks-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:clamp(8px,1.8vh,18px);width:max-content;max-width:100%;margin-inline:auto;position:relative;flex-shrink:1;min-height:0}.answers-container{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.answers-row{display:flex;flex-direction:row;align-items:center;justify-content:center;direction:rtl;gap:clamp(4px,1.2vw,10px);width:100%;max-width:100%;position:relative}.slots-row{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:0 1 auto;min-width:0;justify-content:center;direction:rtl;align-items:center;gap:clamp(4px,1.2vw,10px);padding:clamp(3px,1vw,6px);border-radius:clamp(10px,2vw,16px);transition:background .3s;max-width:100%}.letter-tile,.slot-cell{flex:0 1 clamp(34px,min(12vw,7.5vh),72px);width:clamp(34px,min(12vw,7.5vh),72px);height:clamp(34px,min(12vw,7.5vh),72px);aspect-ratio:1 / 1;min-width:26px;min-height:26px;max-width:76px;max-height:76px;border-radius:clamp(8px,1.8vw,14px);font-family:Cairo,Lateef,sans-serif;font-size:clamp(1.3rem,min(6.5vw,4.2vh),2.7rem);font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;border:none;box-sizing:border-box}.slot-empty{background:#0003;border:2px dashed rgba(255,255,255,.55)!important;cursor:default}.slot-filled{background:var(--theme-text-silver);color:var(--theme-bg-deep);box-shadow:0 4px #94a3b8;border:none!important}.slot-filled:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #94a3b8}.slot-letter{display:block;line-height:1}.delete-btn-wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(4px,1.2vw,8px);flex-shrink:0}.delete-btn{width:clamp(34px,min(12.5vw,7.8vh),72px);height:clamp(34px,min(12.5vw,7.8vh),72px);aspect-ratio:1 / 1;min-width:24px;min-height:24px;max-width:78px;max-height:78px;border-radius:clamp(8px,2vw,14px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.delete-btn.can-delete{background:linear-gradient(145deg,#ef444447,#b91c1c73);border:2px solid rgba(248,113,113,.8);color:#fff;box-shadow:0 4px 14px #ef444459,0 0 10px #ef444433;cursor:pointer}.delete-btn.can-delete:hover:not(:disabled){background:linear-gradient(145deg,#ef44446b,#b91c1c9e);transform:scale(1.06);box-shadow:0 6px 18px #ef444480,0 0 16px #f8717166}.delete-btn.can-delete:active:not(:disabled){transform:scale(.94);box-shadow:0 2px 8px #ef444466}.delete-btn.is-empty{background:#ffffff0a;border:2px dashed rgba(255,255,255,.18);color:#ffffff38;box-shadow:none;cursor:not-allowed;opacity:.6}.backspace-icon,.clear-all-icon{width:clamp(18px,min(5.5vw,3.8vh),28px);height:clamp(18px,min(5.5vw,3.8vh),28px);stroke-width:2.4;transition:transform .15s ease}.delete-btn.can-delete:hover .backspace-icon{transform:translate(1px)}.delete-btn.can-delete:hover .clear-all-icon{transform:rotate(-8deg) scale(1.08)}.tiles-row{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(4px,1.4vw,12px);justify-content:center;direction:rtl;align-items:center;width:100%;max-width:100%;padding-bottom:10px}.tile-available{background:var(--theme-cyan);color:var(--theme-bg-deep);box-shadow:0 4px #009ca6}.tile-available:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px #009ca6}.tile-available:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #009ca6}.tile-placed{background:#0b132480;color:transparent;box-shadow:none;cursor:default;border:1px solid var(--theme-border-silver)}.slots-correct .slot-cell{background:linear-gradient(145deg,#22c55e,#16a34a)!important;box-shadow:0 4px #14532d,0 0 20px #22c55e80!important;animation:popBounce .5s ease}.slots-wrong .slot-cell{background:linear-gradient(145deg,#ef4444,#b91c1c)!important;animation:shakeSlot .5s ease}.result-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03101d3d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;animation:fadeInModal .25s ease}.result-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Lateef,sans-serif;font-size:clamp(1.4rem,min(6vw,5vh),2.8rem);font-weight:900;border-radius:24px;padding:clamp(12px,3vh,24px) clamp(20px,6vw,40px);animation:popIn .3s ease;box-shadow:0 10px 30px #00000080;text-align:center;letter-spacing:2px}.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;direction:ltr;flex-direction:row;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}@keyframes answerFeedbackPop{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-modal-content>div{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.5vw,18px)!important;white-space:nowrap}.result-modal-content svg{width:clamp(28px,min(6vw,6vh),46px);height:clamp(28px,min(6vw,6vh),46px);flex-shrink:0}.correct-msg{background:#22c55ee0;color:#fff;border:3px solid #4ade80;text-shadow:0 2px 4px rgba(0,0,0,.3)}.wrong-msg{background:#ef4444e0;color:#fff;border:3px solid #f87171;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes popBounce{0%{transform:scale(1)}40%{transform:scale(1.12)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes shakeSlot{0%,to{transform:translate(0)}15%{transform:translate(-8px)}35%{transform:translate(8px)}55%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-height:520px){.letter-blocks-wrapper{gap:clamp(4px,1.2vh,8px)}.letter-tile,.slot-cell,.delete-btn{flex:0 1 clamp(28px,8.5vh,44px);width:clamp(28px,8.5vh,44px);height:clamp(28px,8.5vh,44px);font-size:clamp(1.15rem,5vh,1.6rem);border-radius:7px}.tiles-row{gap:4px;padding-bottom:10px}.slots-row{gap:3px;padding:2px}.clear-all-icon{width:clamp(15px,4.5vh,22px);height:clamp(15px,4.5vh,22px)}}@media(max-width:500px){.letter-blocks-wrapper{gap:clamp(8px,1.6vh,14px);width:100%;max-width:100%}.answers-container{width:100%}.answers-row{gap:clamp(4px,1.2vw,8px);max-width:100%;justify-content:center}.slots-row{gap:clamp(3px,1vw,6px);padding:2px;max-width:100%;justify-content:center}.slot-cell{flex:0 1 clamp(30px,min(11vw,6vh),52px);width:clamp(30px,min(11vw,6vh),52px);height:clamp(30px,min(11vw,6vh),52px);min-width:26px;min-height:26px;font-size:clamp(1.2rem,min(5.5vw,3.8vh),1.9rem);border-radius:clamp(7px,1.6vw,10px)}.delete-btn-wrapper{flex-shrink:0;gap:clamp(3px,1vw,6px)}.delete-btn{width:clamp(28px,min(10vw,5.5vh),48px);height:clamp(28px,min(10vw,5.5vh),48px);min-width:24px;min-height:24px;border-radius:clamp(7px,1.6vw,10px)}.backspace-icon,.clear-all-icon{width:clamp(15px,4vw,20px);height:clamp(15px,4vw,20px)}.tiles-row{gap:clamp(4px,1.4vw,10px);padding:0 0 10px;justify-content:center}.letter-tile{flex:0 1 clamp(34px,min(12vw,6.5vh),54px);width:clamp(34px,min(12vw,6.5vh),54px);height:clamp(34px,min(12vw,6.5vh),54px);min-width:28px;min-height:28px;font-size:clamp(1.3rem,min(6vw,4vh),2.1rem);border-radius:clamp(8px,1.8vw,11px);box-shadow:0 3px #009ca6}}@media(max-width:320px){.letter-tile,.slot-cell,.delete-btn{flex:0 1 clamp(24px,8.8vw,36px);width:clamp(24px,8.8vw,36px);height:clamp(24px,8.8vw,36px);min-width:22px;min-height:22px;font-size:clamp(1.05rem,4.6vw,1.35rem);border-radius:6px}.slots-row{gap:2px;padding:2px}.tiles-row{gap:3px}.delete-btn-wrapper{margin-right:2px}}@media(min-width:500px)and (max-width:850px)and (min-height:521px){.letter-tile,.slot-cell,.delete-btn{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);font-size:clamp(1.45rem,4.8vw,2.2rem);border-radius:10px}.tiles-row{gap:6px;padding-bottom:10px}.slots-row{gap:4px;padding:4px}}.slots-row::-webkit-scrollbar,.tiles-row::-webkit-scrollbar{display:none}.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}.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)}}.gameboard{width:100%;height:100%;min-height:100vh;background:url(/assets/BG-C1oMJ90u.webp) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.stars-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1;box-shadow:0 0 6px 1px #fffc}}.planet{position:absolute;font-size:3rem;opacity:.25;pointer-events:none;animation:floatPlanet ease-in-out infinite}.planet-1{top:8%;left:5%;animation-duration:7s;animation-delay:0s}.planet-2{top:15%;right:5%;animation-duration:9s;animation-delay:-3s;font-size:2.2rem}.planet-3{bottom:12%;left:8%;animation-duration:8s;animation-delay:-5s;font-size:2rem}@keyframes floatPlanet{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}}.game-frame{position:relative;z-index:1;width:min(96vw,680px);height:min(84vh,calc(100dvh - 86px));max-height:840px;background:url(/assets/frame-portrait-BvHFMecc.png) no-repeat center center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;padding:clamp(22px,4.2vh,40px) clamp(20px,4.2vw,38px);box-sizing:border-box;overflow:hidden}.game-content{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,18px);width:100%;height:100%;justify-content:space-evenly;position:relative;overflow:visible;min-height:0}.game-content>*{flex-shrink:1;min-height:0;min-width:0}@media(min-width:768px){.stars-container{display:block}.game-frame{aspect-ratio:1024 / 621;width:min(94vw,1150px);height:min(84vh,calc(100dvh - 86px));max-height:760px;background:url(/assets/frame-landscape-e7qAdp_Z.png) no-repeat center center;background-size:100% 100%;padding:clamp(34px,5.5vh,56px) clamp(44px,5.8vw,76px) clamp(46px,7.5vh,74px) clamp(44px,5.8vw,76px)}}@media(min-width:850px){.game-frame{padding:clamp(38px,6vh,60px) clamp(50px,6.5vw,86px) clamp(50px,8vh,78px) clamp(50px,6.5vw,86px)}}@media(max-height:520px){.game-frame{aspect-ratio:unset;width:min(98vw,950px);height:94vh;max-height:94vh;padding:clamp(10px,2.5%,18px) clamp(16px,2.8%,24px)}.planet{display:none}.game-content{gap:clamp(4px,1vh,8px);justify-content:space-evenly}}.target-section{width:100%;display:flex;justify-content:center}.progress-line-container{position:absolute;top:0;left:0;width:100%;max-width:none;height:6px;background:#ffffff1a;border-radius:0;overflow:hidden;margin-top:0;box-shadow:inset 0 1px 3px #00000080;z-index:10}.progress-line-fill{height:100%;background:#00f0ff;border-radius:0;box-shadow:0 0 8px #00f0ff,0 0 15px #00f0ff;transition:width .4s ease-out}.status-card{position:relative;z-index:10;background:var(--theme-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--theme-cyan-dim);border-radius:24px;padding:clamp(20px,4vh,36px) clamp(16px,4vw,28px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,16px);max-width:90%;width:clamp(240px,80%,360px);text-align:center;box-shadow:0 16px 40px #00000080;color:var(--theme-text-silver);font-family:Lateef,sans-serif}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-msg{font-size:1.1rem;font-weight:700;color:var(--theme-text-silver)}.error-card{border-color:#ef444480}.error-icon{font-size:2.5rem}.error-title{font-size:1.4rem;font-weight:900;color:#fca5a5;margin:0}.error-msg{font-size:.95rem;color:#fed7aa;line-height:1.5;margin:0}.error-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}.action-btn{font-family:Lateef,sans-serif;font-size:.95rem;font-weight:700;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;transition:transform .15s,background .15s}.retry-btn{background:var(--theme-cyan);color:var(--theme-bg-deep)}.retry-btn:hover{background:var(--theme-cyan-hover);transform:scale(1.02)}.demo-btn{background:#ffffff0d;color:var(--theme-text-silver);border:1px solid var(--theme-border-silver)}.demo-btn:hover{background:#ffffff26;transform:scale(1.02)}.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)}}@media(max-width:500px){.gameboard{padding:clamp(4px,1vh,8px) 6px;justify-content:center;overflow:hidden}.game-frame{width:min(97vw,680px);height:min(85vh,calc(100dvh - 84px));max-height:840px;aspect-ratio:unset;padding:clamp(14px,2.8vh,24px) clamp(12px,3.2vw,20px)}.game-content{gap:clamp(6px,1.4vh,12px);justify-content:space-evenly}.planet{font-size:clamp(1.2rem,4vw,1.8rem);opacity:.15}}@media(max-width:320px){.game-frame{width:98vw;padding:10px 8px}.game-content{gap:clamp(4px,1vh,8px)}}:root{--theme-bg-deep: #060b19;--theme-bg-card: rgba(11, 19, 36, .85);--theme-text-silver: #e2e8f0;--theme-text-muted: #94a3b8;--theme-cyan: #00f0ff;--theme-cyan-hover: #00d2df;--theme-cyan-dim: rgba(0, 240, 255, .2);--theme-border-silver: rgba(226, 232, 240, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Lateef,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;direction:rtl;background-color:var(--theme-bg-deep);color:var(--theme-text-silver)}button{font-family:inherit}