.logo-icon{height:100%;width:auto}.image-box{width:100%;height:0;padding-bottom:52.375%;position:relative;background-color:#fafafa}.image-box picture{width:100%;height:100%;position:absolute;top:0;left:0}.image-box picture img{width:100%;height:100%}.squar{padding-bottom:100% !important}.thumb-long{width:100%;padding-bottom:100% !important;overflow:hidden}.thumb-long img{width:auto;height:100%;left:50%;transform:translateX(-50%)}.circle{padding-bottom:100% !important;border-radius:50% 50%}.normal{height:auto;padding-bottom:0 !important}.normal picture{position:static !important;display:block}.base-height{height:100%;width:auto;padding-bottom:0 !important}.base-height picture{height:100%;width:auto;position:static !important;display:block}.base-height picture img{height:100%;width:auto;max-height:290px}.card{width:100%;display:block;text-decoration:none}.card .image-box{border-radius:20%;box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.2470588235);overflow:hidden}.card .card-title,.card .card-desc,.card .grade{padding-left:.5rem;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .card-title{font-size:1.5rem;font-weight:600;color:#000;height:2.1rem;margin-top:.8rem}.card .card-desc{display:block;box-sizing:border-box;width:100%;height:1.9rem;font-size:1.3rem;color:#666;font-weight:300;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .grade{height:2rem;display:flex;align-items:center}.card .grade .star{display:flex;align-items:center}.card .grade .grade-num{font-size:1.3rem;font-weight:300;color:#666;margin-left:1rem}.mobile .image-box{box-shadow:none !important}.mobile .card-title{font-size:1.4rem !important}.mobile .card-desc{display:none !important}.mobile .grade-num{font-size:1.4rem}.star img{width:12px;height:12px}.half-star{width:12px;height:12px;display:flex;align-items:center;position:relative}.half-star img:last-child{position:absolute;left:0;top:0;float:left}.land-card{width:100%;box-sizing:border-box;display:flex;align-items:center;text-decoration:none}.land-card .app-icon{width:80px;height:80px;border-radius:4px;overflow:hidden;flex:0 0 auto;margin-right:12px}.land-card .info{width:0;min-width:0;display:flex;flex:1 1 auto;flex-direction:column}.land-card .info .title{font-size:15px;font-weight:600;color:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:21px;color:#000}.land-card .info .developer{font-size:13px;font-weight:300;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:19px}.land-card .info .grade{display:flex;align-items:center}.land-card .info .grade .star{display:flex;align-items:center}.land-card .info .grade .grade-num{font-size:13px;font-weight:300;color:#666;margin-left:1rem}.half-star{width:12px;height:12px;display:flex;align-items:center;position:relative}.half-star img:last-child{position:absolute;left:0;top:0}body{background-color:#FAFAFA}.gpt,.ads-box{width:auto;text-align:center;padding:0 0}.gpt p,.ads-box p{font-size:10px;line-height:18px;font-weight:400;color:#a6a6a6;text-align:center;margin:0 auto}header{width:100%;height:50px;background-color:#fff;position:relative;z-index:999;padding:0 max(max(min((100% - 1080px)/2,16.5rem),(100% - 1080px)/2),5rem);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}header #menu{width:24px;height:24px;box-sizing:border-box;z-index:2;padding:0px 4px;margin-right:1.6rem}header #menu label{display:flex;width:100%;height:100%;cursor:pointer;flex-direction:column;justify-content:space-evenly}header #menu label span{display:block;width:100%;height:2px;position:relative;background-color:#6b6c7e;transform-origin:0 0;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1)}header #menu label span:first-child{transform-origin:0% 0}header #menu label span:nth-child(3){transform-origin:0% 100%}header .rtl{display:flex;height:100%;align-items:center}header .rtl #logo{height:80%}header .ltr{display:flex;height:100%;align-items:center;gap:80px}header .ltr .field-container{position:relative;padding:0;margin:0;border:0;width:35%;height:3.5rem;margin-left:2rem}header .ltr .field-container .field{border:0;width:100%;height:100%;padding:10px 20px;background-color:#e6e6e6;border-radius:2.8rem;box-shadow:0px 8px 15px rgba(75,72,72,.1);transition:all .4s ease;box-sizing:border-box}header .ltr .field-container .field:focus{outline:none;box-shadow:0px 9px 20px rgba(75,72,72,.3)}header .ltr .field-container .field:focus+.icons-container .icon-close{opacity:1;transform:translateX(0)}header .ltr .field-container .field:focus+.icons-container .icon-search{opacity:0;transform:translateX(200%)}header .ltr .field-container .icons-container{position:absolute;top:11px;right:-25px;width:35px;height:35px;overflow:hidden}header .ltr #nav-link{display:flex;align-items:center}header .ltr #nav-link a{color:#666;font-size:16px;font-weight:300;text-decoration:none}header .ltr #nav-link a:first-child{margin-right:8rem}header input:checked~.rtl #menu label span{opacity:1;transform:rotate(45deg) translate(0px, 1.5px)}header input:checked~.rtl #menu label span:nth-last-child(2){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}header input:checked~.rtl #menu label span:nth-child(3){transform:rotate(-45deg) translate(0, -1.5px)}footer{width:100%;min-height:4rem;display:flex;flex-direction:column;align-items:center;background-color:#fff;margin-top:2rem}footer .info{width:100%;padding:2rem 0;display:flex;flex-direction:column;align-items:center}footer .info a{text-decoration:none}footer .info .logo{width:50%;max-width:280px;margin-bottom:2rem;display:block}footer .info .logo img{width:100%}footer .info .info-group{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:1.2rem}footer .info .info-group a{font-size:2.2rem;font-weight:400;line-height:2.8rem;color:#424242;text-align:center}footer .desc{width:100%;box-sizing:border-box;padding:1.5rem 1.5rem 2rem;background-color:#424242}footer .desc p{font-size:1.4rem;font-weight:300;line-height:2.1rem;color:#fff}footer .footer-disclaimer{padding:10px max(max(min((100% - 1080px)/2,16.5rem),(100% - 1080px)/2),5rem)}footer .footer-disclaimer h5{font-size:1.8rem;font-weight:500;color:#000;text-align:left}footer .footer-disclaimer .disclaimer-text{width:100%;background-color:#fff;padding:2rem 0;box-sizing:border-box}footer .footer-disclaimer .disclaimer-text p{font-size:1.8rem;font-weight:300;line-height:2.1rem;color:#666}footer .footer-disclaimer .disclaimer-text p:not(:last-of-type){padding-bottom:8px}footer .footer-disclaimer .disclaimer-text p a{text-decoration:none;color:#00c9a9}.content{padding:6rem 6rem 9rem;background-color:#fff}.content h2,.content h3,.content h4,.content h5{font-size:24px;color:#666;margin:10px 0;text-align:center}.content p,.content b{font-size:1.8rem;color:#666;margin:10px 0}.content a{text-decoration:none;color:#0fbac3}


/* ========================================================== */
/* UNIVERSAL FIXES: Play Hopes Client Polish & Bug Fixes      */
/* ========================================================== */

/* 1. Issue 1: Remove/Hide footer disclaimer */
.footer-disclaimer {
    display: none !important;
}

/* 2. Issue 2: Carousel Navigation Buttons */
.screenshots-container {
    position: relative !important;
}
.screenshots-container button.slide-prev,
.screenshots-container button.slide-next,
.carousel-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(34, 134, 255, 0.9) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.25s ease !important;
    color: #fff !important;
}
.screenshots-container button.slide-prev:hover,
.screenshots-container button.slide-next:hover,
.carousel-btn:hover {
    background: #1976d2 !important;
    transform: translateY(-50%) scale(1.1) !important;
}
.screenshots-container button.slide-prev {
    left: 10px !important;
}
.screenshots-container button.slide-next {
    right: 10px !important;
}

/* 3. Issue 5: Search results card & icon size */
#search-container .search-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
#search-container .card {
    width: 100% !important;
    max-width: 140px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
#search-container .card .image-box {
    width: 100% !important;
    max-width: 110px !important;
    margin: 0 auto !important;
    border-radius: 22% !important;
}
#search-container .card .card-title {
    font-size: 1.4rem !important;
    margin-top: 0.6rem !important;
    text-align: center !important;
}
#search-container .card .card-desc {
    text-align: center !important;
}
#search-container .card .grade {
    justify-content: center !important;
}

/* 4. Issue 7: Terms Indemnification Table & Font Size */
.indemnification-desc {
    font-size: 1.6rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
}
.indemnification-table-wrap {
    width: 100% !important;
    margin: 18px 0 !important;
    overflow-x: auto !important;
}
.indemnification-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-size: 1.5rem !important;
}
.indemnification-table th, .indemnification-table td {
    padding: 12px 16px !important;
    border: 1px solid #e2e2e2 !important;
    text-align: left !important;
    color: #444 !important;
    font-size: 1.4rem !important;
}
.indemnification-table th {
    background-color: #f7f9fa !important;
    font-weight: 600 !important;
    color: #111 !important;
}

/* 5. Issue 11: Ads Mobile Overflow Fix */
.ads-box, .ads-box *, .adx-box, div[id^="div-gpt-ad"], div[id^="adx-slot-"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.ads-box iframe {
    max-width: 100% !important;
}

/* 6. Issue 12: Image Skeleton Shimmer Pulse */
@keyframes imgShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.image-box:not(.loaded) {
    background: linear-gradient(90deg, #f0f0f2 25%, #e2e4e8 50%, #f0f0f2 75%) !important;
    background-size: 200% 100% !important;
    animation: imgShimmer 1.5s infinite !important;
}
.image-box.loaded {
    background: #fafafa !important;
    animation: none !important;
}

/* 7. Issue 17: Custom Scrollbar & Floating Scroll-to-Top Button */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f4f4f4;
}
::-webkit-scrollbar-thumb {
    background: #bbbec4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2898ff;
}
.scroll-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 46px;
    height: 46px;
    background: #2898ff;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(40,152,255,0.4);
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s ease;
}
.scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scroll-to-top:hover {
    background: #0070e0;
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(40,152,255,0.5);
}