@font-face{font-family:Jameel Noori Nastaleeq;font-style:normal;font-weight:400;src:url(/static/media/JameelNooriNastaleeq.037490c5c6e404c07f93.ttf) format("truetype")}.speech-bubble,.thumbnail-text,body{font-family:Jameel Noori Nastaleeq,serif!important}body{background-image:url(/static/media/AghazDB.6272942113e05f8a20b9.png);background-repeat:repeat;background-size:15%;direction:rtl;font-family:Jameel Noori Nastaleeq;margin:5vmin;overflow-x:hidden;padding:0}.nav-thumbnails{display:flex;flex-wrap:wrap;gap:5vmin;justify-content:center;left:"50%";position:"absolute";top:"50%";transform:"translate(-50%, -50%)"}.thumbnail{align-items:end;background-color:#000;border-radius:15px;display:flex;flex-direction:column;height:42vh;overflow:hidden;position:relative;text-align:center;width:20vw}.thumbnail img{border-radius:15px 15px 0 0;height:30vh;object-fit:cover;width:20vw}.thumbnail-text{background-color:#000;border-radius:0 0 15px 15px;color:#fff;font-family:Jameel Noori Nastaleeq;font-size:7vmin;margin:0;position:relative;vertical-align:bottom;width:100%}.nav-thumbnails a,.thumbnail-text{text-decoration:none}.unavailable{cursor:not-allowed;filter:grayscale(60%);opacity:.7;position:relative;width:200px}.unavailable-overlay{align-items:center;background:#000c;border-radius:15px 15px 0 0;bottom:40px;color:#fff;display:flex;font-family:Jameel Noori Nastaleeq;font-size:26px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:0}.thumbnail:hover{transform:scale(1.05)}.mascot{animation:bounce 3s infinite alternate;bottom:20px;cursor:pointer;right:20px;z-index:999}.mascot img{border-radius:50%;height:auto;width:100%}.mascot.spin{animation:spin 1s ease-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h2{color:#444;font-size:40px;margin:20px 0}h2,p{text-align:center}p{color:#555;font-size:22px;margin:10px}.speech-bubble{animation:fadeIn .5s;background-color:#fff;border-radius:10px;bottom:100%;box-shadow:0 5px 15px #0000004d;color:#333;font-size:18px;margin-bottom:10px;padding:10px 15px;position:absolute;right:0;text-align:center;text-shadow:1px 1px 4px #0003;width:250px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.back-button{border-radius:5px;font-family:Jameel Noori Nastaleeq;font-size:20px;left:2vw;padding:10px 20px;text-align:center}@keyframes mascotIntro{0%{left:50%;top:50%;transform:scale(1.5) translate(-50%,-50%)}to{left:auto;top:auto;transform:scale(1) translate(0)}}.mascot-intro{animation:mascotIntro 1.5s ease-out forwards;position:fixed;z-index:1000}.mascot-bounce{animation:bounce .6s ease-in-out infinite;animation-delay:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.page-container{direction:rtl;height:90vh}.items-grid{display:flex;flex-wrap:wrap;height:90vh;justify-content:center;margin-left:80px}.separator{background-color:#ccc;border-radius:5px;height:2px;margin:30px 0;opacity:.8;width:100%}.item-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 24px 48px #00000059,inset 0 0 25px #dcf0ffe6,inset 0 0 10px #dcf0ff99;cursor:pointer;display:flex;flex-direction:column;height:35vh;margin:1vmin;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:25vw}.item-card:hover{box-shadow:0 12px 24px #00000080,inset 0 0 25px #3c3c3ce6,inset 0 0 10px #50505099;transform:scale(1.05)}.harf-display{color:#7a0a0a;flex-shrink:0;font-family:Jameel Noori Nastaleeq,Arial,sans-serif;font-size:7vmin;font-weight:700;margin-bottom:0}.item-card img{background-color:#ededed;border-radius:10px;height:auto;object-fit:cover;padding:0;width:25vw}.item-card span{display:none}.sound-button,.video-button{background-color:#32323280;border:1px solid #ccc;border-radius:40%;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:3vmin;height:4.5min;left:2px;position:absolute;top:2px;transition:transform .3s ease,background-color .3s ease;width:auto}.back-button{border-radius:50%;display:flex;height:40px;margin:10px;position:fixed;right:0;top:0;width:10px}.details-page{margin-top:0}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes mascot-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mascot.spin{animation:mascot-spin .6s ease-in-out}.page-container{align-items:center;display:flex;flex-direction:column;margin-top:0;min-height:100vh;overflow-x:hidden;padding:0;vertical-align:top}.letter-title{color:#fff;font-family:Jameel Noori Nastaleeq,serif;font-size:80px;font-weight:700;margin-top:10px;text-align:center;text-shadow:2px 2px 10px #00000080;width:100%}.cards-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;padding:5px}.card{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card span{background-color:#ffffffe6;border-radius:0 0 15px 15px;color:#444;font-family:Jameel Noori Nastaleeq,Arial,sans-serif;font-size:28px;font-weight:700;padding:10px 20px;text-align:center;width:100%}.back-button{align-items:center;background-color:#444;border:none;border-radius:35%;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;font-size:30px;height:10vmin;justify-content:center;position:absolute;right:90vw;top:2vh;transition:background-color .3s ease;width:5vmin;z-index:999}.back-button:hover{background-color:#666}.thumbnail-card{align-items:center;background-color:#000;border:1px solid #ddd;border-radius:15px;box-shadow:0 24px 48px #00000059,inset 0 0 25px #dcf0ffe6,inset 0 0 10px #dcf0ff99;cursor:pointer;display:flex;flex-direction:column;height:250px;margin:2px;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:220px}.thumbnail-card:hover{box-shadow:0 12px 24px #00000080,inset 0 0 25px #3c3c3ce6,inset 0 0 10px #50505099;transform:scale(1.05)}.thumbnail-card img{border-radius:5px;display:block;height:240px;object-fit:cover;width:100%}.thumbnail-word{background-color:#ffffffd9;border-radius:15px 15px 0 0;color:#444;font-family:Jameel Noori Nastaleeq,Arial,sans-serif;font-size:24px;font-weight:700;left:0;line-height:1;padding:10px;position:absolute;text-align:center;top:0;width:100%;z-index:1}.popup-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.popup-content{background-color:#fff;border-radius:15px;max-height:90%;max-width:90%;padding:20px;text-align:center}.popup-word{font-size:32px;font-weight:700;margin-bottom:20px}.video-overlay{align-items:center;background-color:#000000e6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.popup-buttons,.video-overlay{display:flex;justify-content:center}.popup-buttons{gap:15px;margin-top:15px}.khel{padding:0;text-align:center}.game-title{margin-bottom:2px;margin-top:0}.game-grid,.game-title{display:flex;flex-wrap:wrap;justify-content:center}.game-grid{gap:3vmin;height:90vh;left:"50%";position:"absolute";top:"50%";transform:"translate(-50%, -50%)"}.game-card{align-content:stretch;background-color:#f9f9f9;border:2px solid #ddd;border-radius:10px;box-sizing:border-box;cursor:pointer;display:grid;grid-template-rows:minmax(0,1fr) minmax(40px,18%);height:35vh;overflow:hidden;padding:1px;transition:transform .3s,box-shadow .3s;width:25vw}.game-card img{border-bottom:1px solid #ddd;grid-row:1;height:100%;object-fit:cover;width:25vw}.game-card span{align-items:center;background-color:#444;border-radius:0 0 10px 10px;color:#fff;display:flex;font-size:2.5vmax;grid-row:2;justify-content:center;min-height:0;padding:6px 10px}.game-card:hover{box-shadow:0 10px 20px #00000026;transform:scale(1.05)}.game-popup{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.game-popup-content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin:2vh auto;max-height:90vh;max-width:80vw;overflow:hidden;padding:15px;position:relative;width:85vw;z-index:9999}.fixed-score-container{background-color:#333;border-radius:10px;color:#fff;font-size:18px;left:10px;padding:10px 20px;position:fixed;top:10px;z-index:999}.progress-container{margin-top:70px;padding:10px;text-align:center}.progress-bar{background-color:#ddd;border-radius:10px;margin:0 auto 15px;overflow:hidden;width:80%}.progress{background-color:#4caf50;border-radius:10px;height:20px;transition:width .4s ease}.message{color:#090;font-size:18px;height:30px;line-height:30px;transition:opacity .3s ease}.matching-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.image-list,.word-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:45%}.word{align-items:center;background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:grab;display:flex;font-family:Jameel Noori Nastaleeq;font-size:22px;height:80px;justify-content:center;width:100%}.word.matched{background-color:#e0e0e0}.image{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;display:flex;height:80px;justify-content:center;overflow:hidden;transition:transform .2s,opacity .5s ease;width:100%}.image img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.image.matched,.image.removed{opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.image.removed{transform:scale(0)}.close-button{background-color:#f44336!important;border:3px solid #fff;box-shadow:0 4px 10px #0003;color:#fff!important;top:25px;transition:background-color .3s,color .3s,transform .3s,box-shadow .3s}.close-button:hover{background-color:#d32f2f!important;box-shadow:0 8px 20px #0006;color:#fff!important;transform:scale(1.1)}.close-button:active{box-shadow:0 4px 15px #0000004d;transform:scale(.95)}.close-button:focus{box-shadow:0 0 5px 3px #ffffffb3;outline:none}.mascot-image{margin-bottom:10px}.sound-grid{--sm-card:160px;grid-gap:16px;align-content:center;box-sizing:border-box;display:grid;gap:16px;grid-auto-rows:var(--sm-card);grid-template-columns:repeat(2,var(--sm-card));margin:0 auto;max-width:calc(var(--sm-card)*2 + 16px);padding:10px 20px}.sound-card,.sound-grid{justify-content:center;width:100%}.sound-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;height:100%;padding:6px;transition:border .2s ease,transform .2s ease}.sound-card:disabled{cursor:default}.sound-card img{border-radius:8px;height:100%;object-fit:contain;width:100%}.sound-card:hover:not(:disabled){transform:translateY(-2px)}.sound-card-correct{border-color:#2ecc71}.sound-card-wrong{border-color:#e74c3c}@media (max-width:600px){.sound-grid{gap:12px;padding:10px}}.wm-container{box-sizing:border-box;font-family:Jameel Noori Nastaleeq,serif;height:100svh;margin:0 auto;max-height:100dvh;overflow-x:hidden;overflow-y:hidden;padding:1svw;text-align:center;-webkit-user-select:none;user-select:none}.wm-header{display:none}.wm-title{margin:0}.wm-side{display:none}.wm-grid{align-items:flex-start;box-sizing:border-box;flex-wrap:wrap;gap:5px;margin-top:2px;overflow-x:hidden;padding:1vh;width:100%}.image-card,.wm-grid,.word-card{display:flex;justify-content:center}.image-card,.word-card{align-items:center;background:#fff;border:2px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;cursor:grab;font-size:clamp(20px,2.4vmin,22px);height:15vh;text-align:center;-webkit-user-select:none;user-select:none;width:20vw}.image-card img{height:120%;max-height:15vh;max-width:100%;pointer-events:none;width:40vw}.image-card.hover{border-color:green}.message{color:#333;font-size:20px;margin-top:5px}.controls{display:flex;flex-wrap:wrap;font-size:18px;gap:30px;justify-content:center;margin-bottom:10px}.restart-button{background-color:#eee;border:1px solid #aaa;border-radius:8px;cursor:pointer;font-size:16px;padding:5px}.restart-button:hover{background-color:#ddd}.mascot{bottom:30%;height:auto;pointer-events:none;position:fixed;right:40%;z-index:10}.mascot-quote{background:#e8f8f5;border-radius:15px;color:#2c3e50;display:inline-block;font-size:20px;margin-top:20px;margin-inline:auto;max-width:90%;padding:10px 20px;position:relative;text-align:center}.mascot{animation:float 3s ease-in-out infinite;bottom:auto;margin-top:10px;position:relative;right:auto;width:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.memory-title{font-family:Jameel Noori Nastaleeq,serif;font-size:18px;margin:10px 0;text-align:center}.memory-score-card{align-items:center;background-color:#0000000f;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#333;display:inline-flex;font-size:16px;font-weight:600;gap:10px;left:18px;padding:6px 10px;position:absolute;top:8px;z-index:2}.memory-grid{grid-gap:12px;align-content:center;box-sizing:border-box;display:grid;flex:1 1 auto;gap:12px;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;min-height:0;padding:12px 16px 16px}.memory-card{align-items:center;aspect-ratio:1/1;background-color:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-family:Jameel Noori Nastaleeq,serif;font-size:clamp(18px,3.2vmin,28px);height:auto;justify-content:center;transition:transform .3s;width:100%}.memory-card.flipped{background-color:#e0ffe0}.memory-card:hover{transform:scale(1.05)}.close-button{background-color:#f44336;border:2px solid #fff;border-radius:50%;font-size:24px;padding:10px;right:15px;top:15px;z-index:1000}.card-text{font-family:Jameel Noori Nastaleeq;font-size:22px;margin-top:5px;text-align:center}.cue-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.cue-icon{margin-bottom:5px}.cue-text{font-family:Jameel Noori Nastaleeq;font-size:20px;text-align:center}.replay-button{background-color:#008cba;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;margin-top:0;padding:8px 16px;position:relative}.replay-button:hover{background-color:#005f6b}.mascot-popup{animation:mascot-pop-in .5s ease,mascot-bounce 1.5s ease-in-out infinite;background-color:#fff;border:3px solid #f7d02c;border-radius:15px;box-shadow:0 5px 15px #0003;box-shadow:0 0 20px #f7d02cb3;height:75%;left:50%;padding:15px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:250px;z-index:999}.mascot-popup:hover{box-shadow:0 0 30px #f7d02ce6,0 0 50px #f7d02c99}.mascot-image{margin-bottom:-15px;width:120px}.mascot-quote{color:#333;font-size:18px;margin:0}@keyframes mascot-pop-in{0%{opacity:0;transform:scale(0) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}@keyframes mascot-bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 20px)) scale(1.05)}}.kahaniyan{margin:10px;text-align:center}.kahaniyan h1{background-color:#000c;border-radius:15px;color:#fff;display:inline-block;font-family:Jameel Noori Nastaleeq;font-size:50px;margin-bottom:10px;padding:5px 20px;text-shadow:2px 2px 5px #000c}.video-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:20px}.video-thumbnail{border-radius:15px;cursor:pointer;overflow:hidden;text-align:center;transition:transform .3s,box-shadow .3s;width:300px}.video-thumbnail img{border-radius:15px;box-shadow:0 5px 15px #0003;transition:transform .3s;width:100%}.video-title{background-color:#000000b3;border-radius:0 0 15px 15px;color:#fff;font-family:Jameel Noori Nastaleeq;font-size:22px;margin:0;padding:10px;position:relative;top:-10px;z-index:1}.video-thumbnail:hover img{box-shadow:0 10px 20px #0000004d;transform:scale(1.05)}.video-popup{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.video-popup-content{background-color:#000;border-radius:15px;max-width:1400px;overflow:hidden;padding:20px;position:relative;width:90%}.popup-title{color:#fff;font-family:Jameel Noori Nastaleeq;font-size:36px;margin-bottom:20px;text-align:center}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px;z-index:10000}
/*# sourceMappingURL=main.cf57dfd3.css.map*/