@font-face{font-family:Peyda-Regular;src:url(../fonts/PeydaFaNum-Regular.ttf) format("truetype")}@font-face{font-family:Peyda-Medium;src:url(../fonts/PeydaFaNum-Medium.ttf) format("truetype")}@font-face{font-family:Peyda-light;src:url(../fonts/PeydaFaNum-Light.ttf) format("truetype")}@font-face{font-family:Peyda-thin;src:url(../fonts/PeydaFaNum-Thin.ttf) format("truetype")}@font-face{font-family:Peyda-extraLight;src:url(../fonts/PeydaFaNum-ExtraLight.ttf) format("truetype")}@font-face{font-family:Peyda-bold;src:url(../fonts/PeydaFaNum-Bold.ttf) format("truetype")}@font-face{font-family:Peyda-semibold;src:url(../fonts/PeydaFaNum-SemiBold.ttf) format("truetype")}@font-face{font-family:Peyda-extrabold;src:url(../fonts/PeydaFaNum-ExtraBold.ttf) format("truetype")}@font-face{font-family:Peyda-black;src:url(../fonts/PeydaFaNum-Black.ttf) format("truetype")}*{padding:0;margin:0;box-sizing:border-box;font-family:Peyda-Regular}.container{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;background:#290135 url(../Images/bg.png) no-repeat top center;background-size:cover;padding:5rem 10rem;align-items:center;gap:2rem;justify-content:center}.first-section{width:500px}.first-section .logo,.first-section .logo img{width:100%}.first-section .neckles{width:100%;margin-top:-20px}.first-section .neckles img{width:45%}.neckles-anim{opacity:0;transform:translateY(-35px);animation:dropDown .9s ease-out forwards}@keyframes dropDown{to{opacity:1;transform:translateY(0)}}.second-section{width:100%;display:flex;flex-direction:column;direction:rtl;padding:2rem 4rem;filter:blur(5)}.header,.neckles div{font-size:4rem;color:#fff;font-weight:900;text-align:center;margin-bottom:2rem;font-family:Peyda-bold}.neckles span{color:#ffc227;padding-left:1rem;font-family:Peyda-bold}.header p{font-size:1rem;height:10px}.rools{background-color:#ffffff1a;border:1px solid rgb(114,114,114);border-radius:1rem;padding:2rem 3rem;filter:blur(5);width:80%;margin:auto}.rools h6{font-size:1.6rem;color:#ffc227}.rools ul li{list-style:disc;padding:.5rem 1rem 0;color:#fff;font-size:1.1rem;font-weight:700}.button{width:30%;background-image:linear-gradient(to right,#fe745d,#e8ab26dd);text-align:center;border:1px solid #ffeabd;border-radius:.75rem;padding:.75rem 0;color:#fff;margin:2rem auto 1rem;cursor:pointer;transition:all .3s;font-weight:600;display:flex;align-items:center;justify-content:center;gap:1rem}.button:hover{box-shadow:inset 0 0 35px #ffee01;transition:all .3s}.button img{width:12%;animation:spin 2s linear infinite;display:block}.button p{font-size:1.3rem;text-shadow:2px 2px #430d54;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-page{direction:rtl;flex-direction:column;width:100%;height:100vh;padding:3rem 8rem;display:flex;gap:2rem;align-items:center;justify-content:center;background-size:cover}.game-page h6{font-size:.75rem;color:#fff;font-weight:400}.containerBox{background:#ffffff14;border-radius:1.5rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 30px #ffffff1a;display:flex;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.drop-area{width:25%}.girl-wrapper{width:100%;display:flex;justify-content:center;position:relative}.girl-wrapper img{width:100%;border-radius:1.5rem}.flash-effect{position:absolute;width:80px;height:80px;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.8),transparent);animation:flashAnim .35s ease-out forwards;border-radius:50%}.flash-earrings{top:40px;right:45px}.flash-necklace{top:220px;left:50%;transform:translate(-50%)}.flash-neckleswith{top:200px;left:50%;transform:translate(-50%)}.flash-ring{bottom:150px;left:60px}.flash-bracelet{bottom:60px;right:60px}@keyframes flashAnim{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.buttons{width:60%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem}.buttons .child{width:185px;height:185px;background:url(../Images/realistic-golden-frame-design%20copy.png) no-repeat center center;background-size:contain;display:flex;align-items:center;justify-content:center;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}.buttons .child:hover{transform:scale(1.08) rotate(1deg)}.buttons .child img{width:100%;transition:transform .5s ease,filter .5s ease}.buttons .child:hover img{transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(255,180,0,.7))}.modal-bg{position:fixed;inset:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeBg .4s ease forwards;display:flex;justify-content:center;align-items:center;z-index:999}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(to right,#ffd900,#f90);padding:1rem;border-radius:1rem;text-align:center;max-width:500px;width:90%;box-shadow:0 0 20px #00000080;animation:pop-in .5s ease-out}.border{padding:1rem;border:2px solid;border-width:2px;border-image-source:linear-gradient(45deg,#ffffff,#ffac2e);border-image-slice:1;border-radius:.75rem}.border h2,.border h3{color:#430d54;text-shadow:1px 1px #ededed}.border p{color:#430d54}.border img.img{width:30px;animation:rotateIn .9s ease forwards;opacity:0}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.medal-img{width:150px;margin-bottom:1rem;animation:float 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.btn{display:flex;width:55%;margin:auto;align-items:center;justify-content:space-between;margin-top:1rem;padding:.75rem 1.5rem;background:#430d54;color:#fff;font-weight:700;border-radius:.5rem;text-decoration:none;transition:all .3s;border:1px solid #ffffff5e}.btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ffa500b3}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate-in{0%{transform:rotate(-360deg);opacity:0}to{transform:rotate(0);opacity:1}}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:5000}.popup-box{display:flex;flex-direction:column;align-items:center;width:400px;background:#fff;padding:25px;border-radius:18px;box-shadow:0 0 25px #ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;border:1px solid rgba(255,255,255,.25);cursor:pointer}.popup-box h3{margin-bottom:15px;font-size:20px}.jewelry-preview img{width:80%;margin:10px 0;filter:drop-shadow(0px 0px 6px rgba(255,255,255,.7))}.jewelry-name{background-color:purple;width:50%;position:absolute;bottom:-15px;padding:.5rem 2rem;border-radius:20px}.popup-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.confirm-btn,.cancel-btn{padding:10px 18px;border:none;cursor:pointer;border-radius:10px;font-size:14px}.confirm-btn{background:#0f0;color:#000;font-weight:700}.cancel-btn{background:#f33;color:#fff}@media(max-width:550px){.game-page{flex-direction:column;padding:0rem;justify-content:flex-start}.neckles div{font-size:2rem!important;margin-bottom:0}.girl-wrapper{width:50%;margin:auto}.buttons{width:100%;padding:.5rem;gap:1rem}.btn{width:100%}.buttons .child{width:90px;height:90px}.buttons .child img{width:100%}.containerBox{flex-direction:column;align-items:center}.drop-area{width:100%}.container{padding:1rem;min-height:100vh;gap:3rem}.first-section{width:70%}.second-section{width:100%;padding:0rem}.rools{margin:auto;padding:1rem 2rem;width:100%}.header{font-size:2.4rem;margin-bottom:0}.rools ul li{font-size:.9rem;line-height:2.2;text-align:right;direction:rtl}.button{width:100%}.flash-earrings{top:0;right:0}.flash-necklace,.flash-neckleswith{top:70px;right:30px}.flash-ring{top:90px;left:10px}.flash-bracelet{bottom:5px;right:50px}.btn{justify-content:center}}@media screen and (min-width:551px)and (max-width:701px){.container{padding:1rem;min-height:100vh;justify-content:center;gap:0}.first-section{width:65%;display:flex;flex-direction:column;align-items:center}.neckles div{font-size:2.5rem}.header{width:100%}.game-page{margin:0;padding:0}.containerBox{flex-direction:column;align-items:center}.buttons{width:100%;margin:0;padding:0}.child{width:120px!important}.game-page{justify-content:flex-start}.drop-area{width:40%}.logo{width:100%!important}.header,.rools,.button{width:100%}.btn{justify-content:center}}@media screen and (min-width:701px)and (max-width:1023px){.container{padding:2rem 0rem;justify-content:center;min-height:100vh}.game-page{padding:2rem}.containerBox{flex-direction:column;align-items:center}.drop-area{width:200px}.buttons{width:100%}.buttons .child{width:130px!important}}@media screen and (min-width:1024px)and (max-width:1500px){.container{padding:2rem;min-height:100vh}.rools{width:80%}.button{width:50%}}@media screen and (min-width:1500px)and (max-width:2560px){.container{height:auto;justify-content:center;padding:2rem;gap:0}.second-section{margin:0}.first-section{width:30%}.buttons{align-items:center;width:800px}.game-page{padding:4rem}}