@font-face{font-family:PlaypenSansArabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PlaypenSansArabic.ttf) format("truetype")}body{margin:0;font-family:PlaypenSansArabic,sans-serif;background:radial-gradient(circle at 50% 0%,#fdf8ea 50%,#fcf0da 50%);font-size:1.125rem;color:#a96748}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .5s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0}.button{display:flex;justify-content:center;align-items:center;color:#fff;width:180px;height:180px;border-radius:100%;background:linear-gradient(30deg,red 20%,#ff5100 80%);border:0;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);animation:pulse 1.2s cubic-bezier(.8,0,0,1) infinite;box-shadow:#ff0000b2 0 0;opacity:0;pointer-events:none;transition:opacity 1s ease}.button--visible{opacity:1;pointer-events:auto}@keyframes pulse{to{box-shadow:0 0 0 45px #c1f4f600}}.container{padding:1rem 1rem 3rem;max-width:740px;margin:0 auto;position:relative;z-index:4}.header{text-align:center;padding-top:1.5rem}.title{font-weight:700;font-size:x-large;letter-spacing:1px}.settings-button{font-size:24px;background:none;border:none}.settings{margin:1rem 0}.locked{opacity:.5;pointer-events:none}.lock-icon{position:absolute;top:8px;right:8px;font-size:20px;background:#ffffffb3;border-radius:50%;padding:4px;z-index:2}.levels{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem;margin-bottom:-12rem;padding-bottom:2rem}.level-button{padding:0;border:none;border-radius:8px;position:relative;background:transparent}.level-image{width:100%;height:auto;border-radius:8px;z-index:1;position:relative}.soon-block{position:relative;height:10rem;width:100%;background:none;border:none}.soon-image{z-index:1;position:absolute}button:disabled .level-image{filter:grayscale(1)}.level-div{width:90%;height:90%;position:absolute;left:5%;top:10%;border-radius:1rem}.intro{text-align:center;position:relative;width:100%;height:100dvh;overflow:hidden;background:#fff}.intro-video{text-align:center;position:relative;width:100%;height:100dvh}.star-image{position:absolute;bottom:3%;right:6%;width:20%;height:20%;object-fit:contain;z-index:1}.intro-fallback{width:100%;height:auto;object-fit:cover;border-radius:12px}.parallax{position:relative;background-image:url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B1.webp);background-attachment:fixed;background-size:cover}.layer{position:fixed;left:0;bottom:-90px;width:100%;height:100%;background-position:center;background-repeat:no-repeat;will-change:transform}.layer-mid{background-image:url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B2.webp);z-index:2;background-size:cover;top:246px;transform:translateZ(-.5px) scale(1.5)}.layer-front{background-image:url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B3.webp);background-position-y:bottom;background-size:contain;z-index:3;transform:translatez(0);top:.5rem}.layer-front2{background-image:url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B4.webp);background-position-y:bottom;background-size:cover;z-index:4;transform:translateZ(-50px);bottom:-280px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;padding-bottom:0}.level{position:absolute;right:1rem;text-align:center;width:18px;color:#fff;padding:.25rem;border-radius:.5rem}.game-container{display:flex;flex-direction:column;max-height:100vh;padding:1.5rem 0;overflow:hidden;box-sizing:border-box;max-width:740px;margin:auto}.task{flex:1;font-size:1rem;font-weight:700;text-wrap:nowrap;flex-shrink:0;letter-spacing:1px}.container-game{display:flex;padding:.5rem 1rem 1rem;gap:2rem;justify-content:center;flex-grow:1;overflow:hidden}.block{display:flex;flex-direction:column;justify-content:center;gap:.5rem;flex:1}.left{align-items:end}.right{align-items:start}.card{border:4px solid #fff;border-radius:1rem;overflow:hidden;cursor:pointer;position:relative;max-height:20vh;transition:transform .6s;transform-style:preserve-3d}.card-image{width:100%;height:100%}.card-back{width:100%;height:100%;background:#ccc}.matched{opacity:0;background-color:#e0e0e0;transform:scale(.5);transition:all .5s ease;pointer-events:none}.selected{box-shadow:0 0 10px #834e25}.menu-button{background:none;border:none;padding:0}@keyframes shake{0%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}to{transform:rotate(0)}}.shake{animation:shake .6s}.card-fade-enter-active{transition:all .5s ease;transition-delay:var(--delay)}.card-fade-leave-active{transition:all .3s ease}.card-fade-enter-from{opacity:0;transform:translateY(-40px)}.card-fade-leave-to{opacity:0;transform:translateY(40px)}.ads-banner{position:fixed;bottom:0;width:100%;z-index:1000;background:#fff;padding:4px;text-align:center;height:60px}.intro-win{text-align:center;width:100%;height:100vh;overflow:hidden;align-content:center;position:relative;background:url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B4.webp) no-repeat center fixed,url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B3.webp) no-repeat center fixed,url(/%D1%84%D0%BE%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B3%D1%80%D1%8B1.webp);background-attachment:fixed;background-size:contain,contain,cover}.hand{text-align:center;position:relative;max-width:100vw;max-height:100vh;height:inherit}.level-star{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;animation:star-pop 1s ease-out forwards;pointer-events:none;z-index:9999}@keyframes star-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}10%{opacity:1;transform:translate(-50%,-50%) scale(.7)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}