:root{--white: #FFFFFF;--white-2: #F8F8FF;--black: #141414;--charcoal-50: #F5F5F7;--charcoal-100: #E5E5E8;--charcoal-200: #C2C2C6;--charcoal-300: #A0A0A2;--charcoal-400: #7D7D80;--charcoal-500: #5C5C5E;--charcoal-600: #404041;--charcoal-700: #292929;--charcoal-800: #1A1A1A;--charcoal-900: #141414;--teal-50: #EFFFFD;--teal-100: #CDFFFA;--teal-200: #ABFFF7;--teal-300: #88FFF4;--teal-400: #66FFF1;--teal-500: #51EBDD;--teal-600: #3BC9BC;--teal-700: #28A79B;--teal-800: #19857B;--teal-900: #0D635B;--green-50: #EEFFF3;--green-100: #C8FFD9;--green-200: #A2FFBF;--green-300: #7CFFA4;--green-400: #56FF8A;--green-500: #41E975;--green-600: #2CC75C;--green-700: #1BA546;--green-800: #0E8332;--green-900: #046121;--lime-50: #F9FFF0;--lime-100: #EBFFD0;--lime-200: #DEFFAF;--lime-300: #D0FF8E;--lime-400: #BCF66A;--lime-500: #9ED452;--lime-600: #81B23D;--lime-700: #66902B;--lime-800: #4C6E1C;--lime-900: #334C10;--orange-50: #FFF5ED;--orange-100: #FFE0C5;--orange-200: #FFCA9D;--orange-300: #FFB575;--orange-400: #FE9F4D;--orange-500: #DC8438;--orange-600: #BA6B27;--orange-700: #985419;--orange-800: #763E0E;--orange-900: #542A06;--yellow-50: #FFFBED;--yellow-100: #FFF3C4;--yellow-200: #FFEC9B;--yellow-300: #FFE472;--yellow-400: #FFDC49;--yellow-500: #DDBD35;--yellow-600: #BB9E24;--yellow-700: #998016;--yellow-800: #77620B;--yellow-900: #554504;--coral-50: #FFEFEF;--coral-100: #FFCCCC;--coral-200: #FFAAAA;--coral-300: #FF8787;--coral-400: #FF6464;--coral-500: #DD4E4E;--coral-600: #992929;--coral-700: #992929;--coral-800: #771B1B;--coral-900: #551010;--cyan-50: #F0FBFF;--cyan-100: #C4F0FF;--cyan-200: #98E4FF;--cyan-300: #69D3F8;--cyan-400: #55B8DB;--cyan-500: #449EBE;--cyan-600: #3484A1;--cyan-700: #266B83;--cyan-800: #1A5366;--cyan-900: #103A49;--ocean-50: #F0F6FF;--ocean-100: #C4DBFF;--ocean-200: #98C0FF;--ocean-300: #669DF2;--ocean-400: #5286D5;--ocean-500: #4170B8;--ocean-600: #315B9B;--ocean-700: #24477D;--ocean-800: #183560;--ocean-900: #0F2343;--overlay-bg: rgba(0, 0, 0, .4);--sheet-bg: var(--white);--lilac-50: #F5F3FF;--lilac-100: #D6CFFF;--lilac-200: #B2A6F7;--lilac-300: #8F7FEE;--lilac-400: #796AD1;--lilac-500: #6356B4;--lilac-600: #504497;--lilac-700: #3D3379;--lilac-800: #2D255C;--lilac-900: #1D173F;--pink-50: #FFF2FD;--pink-100: #FFCEFA;--pink-200: #FAA6F1;--pink-300: #F17DE5;--pink-400: #D468C9;--pink-500: #B754AD;--pink-600: #9A4391;--pink-700: #7C3275;--pink-800: #5F2459;--pink-900: #42173E;--color-bg-primary: var(--charcoal-50);--color-bg-secondary: var(--ocean-50);--color-text-primary: var(--ocean-900);--color-text-secondary: var(--ocean-600);--font-en: "Nunito", sans-serif;--font-ar: "Rubik", sans-serif;--shadow-sm: 0 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 6px 0 rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-en);background-color:var(--white);color:var(--color-text-primary);height:100dvh;overflow:hidden;overflow-x:hidden;width:100%}html[dir=rtl],html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{font-family:var(--font-ar);--font-en: "Rubik", sans-serif}#root{width:100%;height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;transition:transform .1s}button:active{transform:scale(.96)}::-webkit-scrollbar{display:none}.btn-3d{display:flex;padding:16px;flex-direction:row;justify-content:center;align-items:center;gap:16px;border-radius:20px;background:#ffffffbf;box-shadow:0 2px 2px #fff6 inset,0 -2px 2px #14141414 inset,0 2px 4px #1414141a,0 0 0 4px #f5f5f780;border:none;transition:all .1s ease}.btn-3d:active{display:flex;padding:20px 16px 12px;flex-direction:row;justify-content:center;align-items:center;gap:16px;border-radius:20px;background:#14141405;box-shadow:0 2px 2px #1414140d inset,0 -2px 2px #14141426 inset,0 0 0 2px #ffffff4d;transform:none}.btn-tertiary{background:var(--ocean-50);border:none;border-radius:16px;box-shadow:none;color:var(--ocean-300);transition:background-color .2s ease,transform .1s ease;cursor:pointer}.btn-tertiary:active{background:var(--ocean-100);transform:scale(.96)}.app-container{height:100dvh;width:100%;overflow:hidden;overflow-x:hidden;background:var(--color-bg-primary);color:var(--color-text-primary);padding-top:env(safe-area-inset-top)}.home-screen{background:var(--white);padding:0!important;overflow-y:auto;display:flex;flex-direction:column;height:100%}.home-top-section{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem;position:relative;flex:1;min-height:0;padding-bottom:2rem}.home-top-bar{padding:1rem 1.5rem;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.home-top-bar.centered{width:100%;display:flex;justify-content:center;margin-bottom:-2rem}.lang-pill-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--white);border:1px solid var(--ocean-100);border-radius:50px;color:var(--ocean-900);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;z-index:50}.lang-pill-btn:active{background:var(--ocean-50);transform:scale(.96)}.lang-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;gap:2rem}.hero-container{width:100%;display:flex;justify-content:center;align-items:flex-end;margin-top:0;margin-bottom:0;position:relative;z-index:0;flex:1}.hero-img-static{width:120%;height:auto;object-fit:contain;opacity:1;transform:translateY(-30px)}.home-bottom-section{background-color:var(--ocean-50);width:100%;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;margin-top:-35px;padding-bottom:0;animation:cloudsSlideDown 2.5s cubic-bezier(.42,0,.58,1) forwards}.clouds-divider{width:100%;line-height:0;transform:translateY(-100%);position:absolute;top:5rem;left:0;pointer-events:none}.clouds-img{width:100%;height:auto;display:block}.home-content-container{padding:0 2rem calc(48px + env(safe-area-inset-bottom)) 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;background-color:transparent;position:relative;z-index:10;opacity:0;animation:contentFadeIn .8s ease-out 2.6s forwards}.app-title-large{color:var(--ocean-900);text-align:center;font-family:var(--font-en);font-size:76px;font-style:normal;font-weight:900;line-height:80px;font-feature-settings:"liga" off,"clig" off;margin-top:0;margin-bottom:24px}.subtitle-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:2.5rem}.subtitle-line-blue{color:var(--ocean-300);text-align:center;font-family:var(--font-en);font-size:48px;font-style:normal;font-weight:800;line-height:56px;letter-spacing:-1px;font-feature-settings:"liga" off,"clig" off}.subtitle-line-lilac{color:var(--lilac-300);text-align:center;font-family:var(--font-en);font-size:48px;font-style:normal;font-weight:800;line-height:56px;letter-spacing:-1px;font-feature-settings:"liga" off,"clig" off}.home-cta-wrapper{width:100%;max-width:350px}.cta-btn-large{width:100%;padding:20px;border-radius:20px;color:var(--white);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.cta-btn-large:active{box-shadow:none;transform:translateY(4px)}.cta-btn-xl{font-size:2rem!important;line-height:3rem!important}.app-title{font-size:2.5rem;font-weight:800;color:var(--ocean-900);text-align:center;margin-top:-1rem}.app-description{font-size:1.1rem;text-align:center;color:var(--ocean-500);margin:-1rem 0 1rem;max-width:320px;line-height:1.5}.lang-btn-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.lang-btn{padding:1.2rem;color:var(--ocean-900);font-size:1.2rem;font-weight:700}.font-ar{font-family:Rubik,sans-serif}.creator-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.creator-text{font-size:.9rem;color:var(--ocean-300);font-weight:500}.signature-img{height:35px;width:auto;opacity:.8}.selection-screen{display:flex;flex-direction:column;height:100%;padding:1.5rem;position:relative;max-width:680px;margin:0 auto;width:100%}.selection-header{margin-bottom:1.5rem;margin-top:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.back-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding:0;background-color:var(--ocean-50);color:var(--ocean-300)}.header-title{font-size:1.8rem;font-weight:800;color:var(--ocean-900)}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start;padding:4px;overflow-y:auto;padding-bottom:2rem;flex:1;min-height:0;width:100%;box-sizing:border-box}.selection-item{aspect-ratio:1;border-radius:24px;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;font-weight:700;transition:all .1s ease;transform:translateY(0);gap:16px;overflow-wrap:break-word;word-break:break-word;width:100%;color:var(--ocean-300)}.selection-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}.selection-description{font-size:.85rem;font-weight:500;color:var(--ocean-500);line-height:1.3;opacity:.9}.selection-item.is-random{grid-column:1 / -1;width:100%;aspect-ratio:auto;height:auto;padding:1.2rem}.selection-content-random{flex-direction:row!important;gap:12px}.game-screen{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;max-width:680px;margin:0 auto;width:100%;padding:2rem 2rem 32px}@media (max-width: 600px){.game-screen{padding:1rem 1rem 32px!important}.selection-header{margin-bottom:1rem}.header-title{font-size:1.5rem}.app-title{font-size:2rem}}.fs-loading{height:100%;display:flex;align-items:center;justify-content:center}.game-end-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.end-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--ocean-900)}.end-subtitle{font-size:1.2rem;color:var(--ocean-500);margin-bottom:3rem}.end-controls{width:100%;display:flex;flex-direction:column;gap:1rem}.end-btn{padding:1.5rem;font-size:1.2rem;font-weight:700;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:.5rem}.end-btn-primary{background:var(--ocean-900);color:var(--white);border:none;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.end-btn-secondary{background:var(--white);color:var(--ocean-300)}.game-top-bar{padding:1rem 0;display:flex;justify-content:flex-start;align-items:center;z-index:10;position:relative}.game-back-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background-color:var(--ocean-50);color:var(--ocean-300)}.game-back-btn:active{transform:scale(.9);background-color:var(--ocean-100);border-radius:50%}.session-complete-screen{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--ocean-100) 0%,var(--ocean-50) 100%);overflow:hidden;padding:0;text-align:center}.pattern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../assets/Pattern.svg);mask-image:url(../assets/Pattern.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;background-color:var(--ocean-50);opacity:.5;z-index:0;pointer-events:none}.session-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:400px;padding:2rem}.session-complete-logo{width:224px;height:auto;margin-bottom:40px}.session-title{color:var(--ocean-900);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Nunito,sans-serif;font-size:48px;font-style:normal;font-weight:800;line-height:56px;letter-spacing:-1px;margin-bottom:0}.session-bottom-container{width:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 2rem calc(48px + env(safe-area-inset-bottom)) 2rem;background:transparent}.btn-tertiary-share{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;cursor:pointer;margin-bottom:1.5rem;color:var(--ocean-300);text-align:center;font-family:Nunito,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:26px;letter-spacing:-.045px;transition:transform .1s ease}.btn-tertiary-share:active{transform:scale(.96)}.session-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.session-buttons .action-btn{padding:20px;height:auto}.game-subtitle{font-size:1.25rem;font-weight:800;color:var(--ocean-900)}.game-header{display:flex;align-items:center;gap:16px;padding:.5rem 0 1rem;width:100%}.close-game-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ocean-300);padding:0}.close-game-btn:active{background:var(--ocean-50);transform:scale(.95)}.progress-track{flex:1;height:14px;background:var(--ocean-100);border-radius:20px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--ocean-400);border-radius:20px;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.question-counter{font-size:1rem;font-weight:800;color:var(--ocean-300);font-feature-settings:"tnum" on,"lnum" on;white-space:nowrap}.current-num{color:var(--ocean-300);padding-right:4px}.total-num{color:var(--ocean-300)}.card-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;cursor:pointer;margin-bottom:24px}.game-controls{padding:0;display:flex;justify-content:center;gap:1rem;z-index:10}.action-btn{flex:1;height:80px;border-radius:20px;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:16px;transition:transform .1s}.action-btn:active{transform:scale(.96)}.action-btn-primary{background:var(--ocean-300);color:var(--white);border:none;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.action-btn-primary:active{background:var(--ocean-400)}.action-btn-secondary{background:var(--white);color:var(--ocean-300);border:none;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.question-card{width:100%;height:100%;border-radius:16px;border:8px solid #FFF;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;position:relative;overflow:hidden;box-shadow:-.5px -.5px 2px #0000001a,1px 1px 2px #0000001a}.card-top-tag{display:flex;justify-content:flex-start;align-items:flex-start}.card-tag-img-wrapper{height:40px}.card-tag-img{height:100%;width:auto;object-fit:contain}.card-tag-fallback{padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:800}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center}.card-question-text{line-height:1.3;font-weight:800;color:inherit;margin-bottom:1rem}.card-footer{display:flex;align-items:center;gap:.5rem;opacity:.8}.card-footer-logo{width:30px;height:30px}.card-footer-text{display:flex;flex-direction:column}.share-btn{position:absolute;bottom:1.5rem;right:1.5rem;width:auto;height:auto;padding:.8rem 1.2rem;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:800;z-index:20;transition:transform .1s}.share-btn:active{transform:scale(.96)}.close-btn{background:none;border:none;font-size:2rem;line-height:1;color:var(--ocean-300);cursor:pointer;padding:0}.share-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ocean-50);border:1px solid var(--ocean-100);border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .2s ease}.share-option-btn:active{transform:scale(.98);background:var(--charcoal-100)}.share-icon-wrapper{width:48px;height:48px;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center}.share-icon-wrapper img{width:100%;height:100%;object-fit:contain}.share-option-btn span{font-size:.9rem;color:var(--charcoal-900);text-align:center;font-weight:700}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 600px){.share-btn{bottom:1rem;right:1rem;padding:.6rem 1rem;font-size:.9rem}}@media (min-width: 600px){.home-bottom-section{animation:none;margin-top:-10px;min-height:50vh}.hero-img-static{max-width:450px;animation:none;opacity:1;transform:translateY(0)}.home-content-container{animation:none;opacity:1;transform:translateY(0)}.clouds-img{width:100%;height:auto}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);border-radius:24px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:1.4rem;font-weight:800;color:var(--ocean-900);margin-bottom:2rem;line-height:1.4}.modal-buttons{display:flex;width:100%;gap:1rem}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);z-index:100;display:flex;flex-direction:column;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottom-sheet-content{background-color:var(--sheet-bg);border-radius:24px 24px 0 0;padding:1.5rem;width:100%;max-width:600px;margin:0 auto;box-shadow:0 -4px 20px #0000001a}.sheet-handle{width:80px;height:6px;background-color:var(--charcoal-200);border-radius:10px;margin:0 auto 1.5rem}.sheet-title{font-size:1.2rem;font-weight:800;color:var(--ocean-900);margin-bottom:1.5rem;text-align:center}.sheet-options{display:flex;flex-direction:column;gap:.8rem}.sheet-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:16px;border:1px solid var(--ocean-100);background:var(--white);color:var(--ocean-900);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sheet-option:active{background:var(--ocean-50);transform:scale(.98)}.sheet-option.active{background:var(--ocean-50);border-color:var(--ocean-300);color:var(--ocean-900)}.end-session-sheet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));width:100%}.end-session-img{width:8rem;height:8rem;object-fit:contain;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) .1s backwards}.end-session-title{color:var(--ocean-900);text-align:center;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:800;line-height:2rem;letter-spacing:-.06px;max-width:80%}.end-session-buttons{display:flex;flex-direction:column;width:100%;gap:1rem;margin-top:.5rem}.action-btn-danger{background:var(--coral-500);color:var(--white);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:var(--font-en);font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem;width:100%;justify-content:center}.action-btn-danger:active{background:var(--coral-600)}.check-icon{font-weight:800;color:var(--ocean-500)}.btn-modal{flex:1;padding:1rem;border-radius:16px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:transform .1s}.btn-modal:active{transform:scale(.96)}.btn-danger{background:var(--coral-500);color:#fff}.btn-cancel{background:var(--ocean-50);color:var(--ocean-900)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-text{font-size:1.2rem;font-weight:700;color:var(--ocean-900)}.spinner{width:40px;height:40px;border:4px solid var(--ocean-100);border-top:4px solid var(--ocean-300);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cloudsSlideDown{0%{margin-top:-85vh;min-height:120vh}to{margin-top:-35px;min-height:0}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.icon-masked{width:24px;height:24px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}