/*
Theme Name: Game APK Entry
Theme URI: https://gameapkentry.com/
Author: Game APK Entry
Description: Mobile-first India Rummy/Yono/Slots APK download theme.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: gameapkentry
*/
:root{--bg:#f6f7fb;--card:#fff;--text:#141826;--muted:#667085;--line:#e7eaf0;--brand:#5b2bd9;--brand2:#7b47ef;--good:#087a49;--warn:#9a6700;--radius:16px;--shadow:0 8px 30px rgba(20,24,38,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1120px,calc(100% - 28px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-size:18px}.nav{display:none;gap:18px;font-size:14px;font-weight:650}.nav a:hover{color:var(--brand)}.hero{padding:42px 0 28px;background:linear-gradient(180deg,#fff 0,#f8f6ff 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;gap:24px}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#efe9ff;color:#4c1fb8;font-weight:750;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.hero h1{font-size:clamp(34px,8vw,64px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 14px;max-width:850px}.hero p{font-size:17px;color:var(--muted);max-width:720px;margin:0 0 20px}.searchbar{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow);max-width:640px}.searchbar input{border:0;outline:0;flex:1;min-width:0;padding:10px 12px;font-size:16px;background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:11px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#4b20bd}.btn-soft{background:#f2edff;color:#5124c4;border-color:#e6dcff}.chips{display:flex;gap:8px;overflow:auto;padding:4px 0 2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:750}.chip:hover,.chip.active{border-color:#cbb8ff;background:#f4f0ff;color:#5020c8}.section{padding:30px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{font-size:21px;letter-spacing:-.025em;margin:0}.section-head p{margin:3px 0 0;color:var(--muted);font-size:14px}.directory{display:grid;gap:20px}.app-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 28px;min-height:150px}.app-card:hover{border-color:#cfc5ef;box-shadow:0 5px 18px rgba(20,24,38,.05)}.app-logo{width:96px;height:96px;border-radius:22px;object-fit:cover;background:#eef0f4;border:1px solid #e2e5ea}.app-logo-fallback{width:96px;height:96px;border-radius:22px;background:linear-gradient(135deg,#1b6f46,#6fcf97);color:#fff;display:grid;place-items:center;font-weight:900}.app-name{font-weight:850;font-size:21px;line-height:1.25}.app-meta{display:flex;flex-wrap:wrap;gap:4px 9px;color:var(--muted);font-size:14px;margin-top:8px}.app-meta strong{color:#374151;font-weight:700}.download-small{min-height:46px;min-width:120px;padding:0 22px;font-size:14px;border-radius:15px}.trust-grid{display:grid;grid-template-columns:1fr;gap:12px}.trust-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.trust-card h3{margin:0 0 5px;font-size:16px}.trust-card p{margin:0;color:var(--muted);font-size:14px}.page-head{background:#fff;border-bottom:1px solid var(--line);padding:30px 0}.page-head h1{margin:0 0 8px;font-size:36px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);max-width:760px}.app-hero{padding:26px 0;background:#fff;border-bottom:1px solid var(--line)}.app-hero-grid{display:grid;gap:18px}.app-title-row{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center}.app-hero-logo{width:88px;height:88px;border-radius:21px;object-fit:cover;background:#eef0f4;border:1px solid var(--line)}.app-hero h1{font-size:34px;line-height:1.06;letter-spacing:-.04em;margin:0 0 7px}.verified-line{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:13px}.hero-cta{display:flex;flex-wrap:wrap;gap:10px}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{background:#f8f9fb;border:1px solid var(--line);border-radius:11px;padding:10px}.fact-label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.045em;font-weight:800}.fact-value{display:block;margin-top:3px;font-size:14px;font-weight:800;overflow-wrap:anywhere}.content-grid{display:grid;gap:18px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.content-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 10px}.content-card p:last-child{margin-bottom:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{width:42%;color:var(--muted);font-weight:650}.media-strip{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.media-strip img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line);scroll-snap-align:start}.pill-list{display:flex;flex-wrap:wrap;gap:7px}.pill{padding:6px 9px;background:#f5f2ff;border:1px solid #e5dcff;border-radius:999px;font-size:12px;font-weight:750;color:#4e22bd}.faq details{border-top:1px solid var(--line);padding:12px 0}.faq details:first-child{border-top:0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#4b5563;margin:8px 0 0}.notice{border-left:4px solid #d8b24c;background:#fffaf0;padding:12px 14px;border-radius:9px;color:#6b5311;font-size:13px}.sticky-download{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:8px 14px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.sticky-download .btn{width:100%}.site-footer{margin-top:36px;background:#111522;color:#c7ccda}.footer-inner{padding:28px 0 90px;display:grid;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.footer-note{font-size:12px;color:#9299aa;max-width:800px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.empty{background:#fff;border:1px dashed #cfd4dc;border-radius:14px;padding:30px;text-align:center;color:var(--muted)}
@media(min-width:720px){.media-strip{grid-auto-flow:initial;grid-template-columns:repeat(3,1fr);overflow:visible}.media-strip img{aspect-ratio:16/10}.nav{display:flex}.hero{padding:58px 0 42px}.hero-grid{grid-template-columns:1fr auto;align-items:center}.trust-grid{grid-template-columns:repeat(4,1fr)}.app-card{grid-template-columns:110px minmax(0,1fr) auto;padding:26px 30px}.app-logo,.app-logo-fallback{width:110px;height:110px}.app-name{font-size:16px}.download-small{min-height:38px;padding-inline:17px}.app-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:start}.fact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr)}.sticky-download{display:none}.footer-inner{padding-bottom:32px}}


@media(max-width:600px){

.directory{
    gap:14px;
}

.app-card{
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    padding:16px;
    min-height:110px;
    border-radius:18px;
}

.app-logo,
.app-logo-fallback{
    width:72px;
    height:72px;
    border-radius:16px;
}


.app-name{
    font-size:16px;
    line-height:1.3;
}


.app-meta{
    font-size:12px;
    gap:4px 8px;
}


.download-small{
    grid-column:2;
    justify-self:start;
    min-height:34px;
    min-width:90px;
    padding:0 16px;
    font-size:12px;
}


}


/* ===== GAE MOBILE COMPACT DIRECTORY V2 ===== */
@media (max-width:600px){

    .wrap{
        width:min(100% - 20px,1120px);
    }

    .section{
        padding:20px 0;
    }

    .directory{
        gap:10px !important;
    }

    .app-card{
        grid-template-columns:64px minmax(0,1fr) auto !important;
        gap:10px !important;
        align-items:center !important;

        min-height:92px !important;
        padding:12px 12px !important;

        border-radius:16px !important;
        box-shadow:none !important;
    }

    .app-card > a:first-child{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .app-logo,
    .app-logo-fallback{
        width:64px !important;
        height:64px !important;
        min-width:64px !important;

        border-radius:14px !important;
        object-fit:cover;
    }

    .app-name{
        font-size:16px !important;
        line-height:1.2 !important;
        margin:0 !important;
    }

    .app-meta{
        margin-top:5px !important;
        gap:2px 7px !important;

        font-size:11.5px !important;
        line-height:1.35 !important;
    }

    .download-small{
        grid-column:auto !important;
        grid-row:auto !important;

        justify-self:end !important;

        min-width:78px !important;
        min-height:36px !important;

        padding:0 12px !important;
        border-radius:10px !important;

        font-size:11.5px !important;
        white-space:nowrap;
    }

}


/* === GAMEAPKENTRY HUB V2 START === */

.home-hero{
    padding:64px 20px;
    background:
        radial-gradient(circle at 82% 15%,rgba(108,58,255,.15),transparent 32%),
        linear-gradient(135deg,#ffffff,#f4f1ff);
    border-bottom:1px solid #e8e5f1;
}

.home-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);
    gap:46px;
    align-items:center;
}

.home-hero h1{
    max-width:760px;
    margin:9px 0 16px;
    font-size:48px;
    line-height:1.05;
    letter-spacing:-.035em;
}

.home-hero-copy>p{
    max-width:720px;
    font-size:17px;
    line-height:1.7;
    color:#596171;
}

.home-search{
    max-width:700px;
    margin-top:24px;
}

.hero-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

.hero-category-links a{
    display:flex;
    gap:8px;
    align-items:center;
    padding:10px 14px;
    border-radius:12px;
    background:#fff;
    border:1px solid #ded9ef;
    text-decoration:none;
    color:#222336;
    font-weight:700;
}

.hero-category-links strong{
    display:inline-flex;
    min-width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#f0ebff;
    color:#5929e8;
    font-size:12px;
}

.home-summary{
    padding:28px;
    border-radius:24px;
    background:#17152b;
    color:#fff;
    box-shadow:0 24px 55px rgba(27,20,55,.18);
}

.home-summary>span{
    font-size:11px;
    letter-spacing:.12em;
    font-weight:800;
    opacity:.7;
}

.home-total{
    display:block;
    margin-top:14px;
    font-size:58px;
    line-height:1;
}

.home-summary p{
    margin:4px 0 20px;
    color:#cbc7da;
}

.home-summary ul{
    margin:0 0 22px;
    padding-left:20px;
    color:#e4e1ef;
    line-height:1.8;
}

.text-link{
    color:#c9b8ff;
    text-decoration:none;
    font-weight:800;
}

.section-kicker{
    display:block;
    margin-bottom:6px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.11em;
    color:#6840d9;
}

.app-tile-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.app-tile{
    display:flex;
    flex-direction:column;
    min-height:240px;
    padding:18px;
    border:1px solid #e4e4ec;
    border-radius:18px;
    background:#fff;
    transition:.18s ease;
}

.app-tile:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(25,20,50,.08);
}

.tile-logo{
    display:block;
    width:max-content;
}

.tile-body{
    flex:1;
    margin-top:13px;
}

.tile-body h3{
    margin:0 0 8px;
    font-size:16px;
}

.tile-body h3 a{
    color:#171821;
    text-decoration:none;
}

.tile-body small{
    display:block;
    margin-top:8px;
    color:#818697;
}

.tile-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    font-size:12px;
    color:#636979;
}

.app-tile>.btn{
    align-self:flex-start;
    margin-top:15px;
}

.cluster-section{
    border-top:1px solid #ecebf1;
}

.cluster-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.cluster-big-link,
.section-link{
    font-weight:800;
    text-decoration:none;
    color:#5831d7;
}

.cluster-rummy{
    background:#f4faf6;
}

.cluster-rummy .section-kicker{
    color:#19794e;
}

.cluster-yono{
    background:#f7f4ff;
}

.cluster-slots{
    background:#fff9ed;
}

.cluster-slots .section-kicker{
    color:#966300;
}

.verification-band{
    padding:55px 20px;
    background:#171923;
    color:#fff;
}

.verification-head{
    max-width:720px;
    margin-bottom:26px;
}

.verification-head h2{
    margin:5px 0 0;
    font-size:31px;
}

.verification-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    margin-bottom:26px;
    background:#333642;
    border:1px solid #333642;
    border-radius:16px;
    overflow:hidden;
}

.verification-grid>div{
    padding:24px;
    background:#20232e;
}

.verification-grid>div>strong{
    color:#aa94ff;
    font-size:13px;
}

.verification-grid h3{
    margin:10px 0 6px;
}

.verification-grid p{
    margin:0;
    color:#bcc0cb;
    line-height:1.55;
    font-size:13px;
}

.directory-link-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.directory-link-grid a{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:22px;
    border:1px solid #e1e3e8;
    border-radius:16px;
    background:#fff;
    color:#20222c;
    text-decoration:none;
}

.directory-link-grid span{
    color:#676d7d;
    font-size:13px;
}


/* CATEGORY HUBS */

.category-hero{
    padding:54px 20px;
    border-bottom:1px solid #e7e7ec;
}

.category-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);
    gap:40px;
    align-items:center;
}

.category-hero h1{
    max-width:780px;
    margin:8px 0 12px;
    font-size:40px;
    line-height:1.1;
}

.category-hero p{
    max-width:720px;
    color:#5b6270;
    line-height:1.65;
}

.rummy-hero{
    background:linear-gradient(135deg,#effaf3,#fff);
}

.yono-hero{
    background:linear-gradient(135deg,#f1edff,#fff);
}

.slots-hero{
    background:linear-gradient(135deg,#fff5db,#fff);
}

.category-stat{
    padding:24px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(0,0,0,.07);
}

.category-stat strong{
    display:block;
    font-size:42px;
}

.category-stat span{
    display:block;
    margin:3px 0 14px;
    color:#6b7180;
}

.category-stat a{
    text-decoration:none;
    font-weight:800;
    color:#6035db;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.app-feature{
    display:flex;
    flex-direction:column;
    padding:24px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e0e3e7;
}

.app-feature-logo{
    margin-bottom:17px;
}

.app-logo-large{
    width:84px!important;
    height:84px!important;
}

.feature-label{
    font-size:10px;
    letter-spacing:.1em;
    font-weight:900;
    color:#207c51;
}

.app-feature h3{
    margin:7px 0 10px;
    font-size:20px;
}

.app-feature h3 a{
    color:#17191e;
    text-decoration:none;
}

.feature-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    min-height:44px;
    font-size:12px;
    color:#6c7280;
}

.feature-promo{
    display:inline-block;
    width:max-content;
    max-width:100%;
    margin:12px 0;
    padding:6px 9px;
    border-radius:8px;
    background:#fff3c9;
    color:#6d4a00;
    font-size:12px;
    font-weight:800;
}

.yono-family-section{
    background:#faf8ff;
}

.yono-family-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.yono-family-grid>div{
    padding:24px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e3ddf7;
}

.yono-family-grid span{
    display:inline-block;
    margin-bottom:14px;
    color:#683de0;
    font-size:11px;
    letter-spacing:.1em;
    font-weight:900;
}

.yono-family-grid strong{
    display:block;
    font-size:18px;
}

.yono-family-grid p{
    margin-bottom:0;
    color:#666c79;
    line-height:1.55;
}

.directory-two-col{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.slots-showcase{
    background:#fffcf4;
}

.slots-facts{
    padding:24px 20px;
    background:#24211a;
    color:#fff;
}

.slots-facts-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.slots-facts-grid>div{
    padding:8px 22px;
    border-right:1px solid #494438;
}

.slots-facts-grid>div:last-child{
    border-right:0;
}

.slots-facts strong,
.slots-facts span{
    display:block;
}

.slots-facts span{
    margin-top:5px;
    color:#c8c1b1;
    font-size:12px;
}


/* NEW APPS */

.new-apps-hero{
    padding:48px 20px;
    background:linear-gradient(120deg,#201943,#542ed6);
    color:#fff;
}

.new-apps-hero h1{
    max-width:760px;
    margin:8px 0 10px;
    font-size:40px;
}

.new-apps-hero p{
    color:#dbd3f8;
}

.new-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:22px;
}

.new-category-links a{
    padding:9px 13px;
    border-radius:999px;
    color:#fff;
    border:1px solid rgba(255,255,255,.25);
    text-decoration:none;
    font-weight:700;
    font-size:13px;
}

.new-app-stream{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.new-app-card{
    display:grid;
    grid-template-columns:125px 64px minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    padding:16px 18px;
    border-radius:15px;
    border:1px solid #e2e3e9;
    background:#fff;
}

.new-date{
    display:flex;
    flex-direction:column;
}

.new-date span{
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
    color:#7351d7;
}

.new-date strong{
    margin-top:3px;
    font-size:12px;
}

.new-app-body h3{
    margin:0 0 6px;
}

.new-app-body h3 a{
    color:#1b1c23;
    text-decoration:none;
}


/* ALL APPS */

.all-apps-head{
    padding-bottom:34px;
}

.directory-search{
    max-width:640px;
    margin-top:18px;
}


/* MOBILE */

@media(max-width:900px){

    .app-tile-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .feature-grid,
    .yono-family-grid{
        grid-template-columns:1fr;
    }

    .verification-grid,
    .directory-link-grid,
    .slots-facts-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .directory-two-col{
        grid-template-columns:1fr;
    }
}

@media(max-width:680px){

    .home-hero{
        padding:38px 16px;
    }

    .home-hero-grid,
    .category-hero-grid{
        grid-template-columns:1fr;
    }

    .home-hero h1,
    .category-hero h1,
    .new-apps-hero h1{
        font-size:32px;
    }

    .home-summary{
        padding:22px;
    }

    .cluster-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .app-tile-grid{
        grid-template-columns:1fr;
    }

    .app-tile{
        min-height:auto;
    }

    .verification-grid,
    .directory-link-grid,
    .slots-facts-grid{
        grid-template-columns:1fr;
    }

    .slots-facts-grid>div{
        border-right:0;
        border-bottom:1px solid #494438;
    }

    .new-app-card{
        grid-template-columns:56px minmax(0,1fr);
        gap:12px;
    }

    .new-date{
        grid-column:1/-1;
        flex-direction:row;
        gap:7px;
    }

    .new-app-card>.btn{
        grid-column:1/-1;
        width:100%;
        text-align:center;
    }
}

/* === GAMEAPKENTRY HUB V2 END === */


/* === GAE HUB V2 START === */

/* ===== HOMEPAGE ===== */

.home-hero{
    padding:64px 20px;
    background:
        radial-gradient(circle at 85% 10%,rgba(107,56,255,.13),transparent 32%),
        linear-gradient(135deg,#fff,#f6f3ff);
    border-bottom:1px solid #e7e5ef;
}

.home-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
    gap:44px;
    align-items:center;
}

.home-hero h1{
    max-width:760px;
    margin:8px 0 16px;
    font-size:48px;
    line-height:1.06;
    letter-spacing:-.035em;
}

.home-hero-copy>p{
    max-width:720px;
    color:#5d6270;
    font-size:17px;
    line-height:1.65;
}

.home-search{
    max-width:680px;
    margin-top:24px;
}

.hero-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.hero-category-links a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid #dedbea;
    border-radius:12px;
    background:#fff;
    color:#24232f;
    text-decoration:none;
    font-weight:700;
}

.hero-category-links strong{
    min-width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:99px;
    background:#eee8ff;
    color:#6537e6;
    font-size:12px;
}

.home-summary{
    padding:28px;
    border-radius:24px;
    background:#171624;
    color:#fff;
    box-shadow:0 24px 48px rgba(20,17,42,.14);
}

.home-summary>span{
    font-size:11px;
    font-weight:800;
    letter-spacing:.1em;
    color:#aaa4bb;
}

.home-total{
    display:block;
    margin-top:14px;
    font-size:58px;
    line-height:1;
}

.home-summary p{
    color:#cbc7d6;
}

.home-summary ul{
    padding-left:20px;
    line-height:1.8;
    color:#ddd9e6;
}

.text-link,
.section-link,
.cluster-big-link{
    color:#6336df;
    font-weight:800;
    text-decoration:none;
}

.section-kicker{
    display:block;
    margin-bottom:7px;
    color:#6540d8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.11em;
}


/* ===== APP TILES ===== */

.app-tile-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.app-tile{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:18px;
    border:1px solid #e2e3ea;
    border-radius:18px;
    background:#fff;
    box-shadow:0 3px 14px rgba(24,22,45,.035);
}

.app-tile .tile-logo{
    display:block;
    width:max-content;
}

.app-tile .app-logo,
.app-feature .app-logo{
    display:block;
    object-fit:cover;
    border-radius:14px;
}

.tile-body{
    flex:1;
    margin-top:13px;
}

.tile-body h3{
    margin:0 0 7px;
    font-size:16px;
    line-height:1.25;
}

.tile-body h3 a{
    color:#171821;
    text-decoration:none;
}

.tile-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 9px;
    color:#6a6f7d;
    font-size:12px;
}

.tile-body small{
    display:block;
    margin-top:8px;
    color:#8b8f9a;
    font-size:11px;
}

.app-tile>.btn{
    width:max-content;
    margin-top:15px;
}


/* ===== HOME CLUSTERS ===== */

.cluster-section{
    border-top:1px solid #ecebf1;
}

.cluster-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.cluster-rummy{
    background:#f4faf6;
}

.cluster-rummy .section-kicker{
    color:#17764b;
}

.cluster-yono{
    background:#f7f4ff;
}

.cluster-slots{
    background:#fff9ed;
}

.cluster-slots .section-kicker{
    color:#946400;
}


/* ===== CATEGORY HERO ===== */

.category-hero{
    padding:52px 20px;
    border-bottom:1px solid #e6e6ec;
}

.category-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);
    gap:40px;
    align-items:center;
}

.category-hero h1{
    max-width:760px;
    margin:8px 0 13px;
    font-size:40px;
    line-height:1.1;
    letter-spacing:-.025em;
}

.category-hero p{
    max-width:720px;
    color:#5e6470;
    line-height:1.65;
}

.rummy-hero{
    background:linear-gradient(135deg,#effaf3,#fff);
}

.yono-hero{
    background:linear-gradient(135deg,#f3efff,#fff);
}

.slots-hero{
    background:linear-gradient(135deg,#fff6dc,#fff);
}

.category-stat{
    padding:24px;
    border:1px solid rgba(0,0,0,.07);
    border-radius:18px;
    background:#fff;
}

.category-stat strong{
    display:block;
    font-size:42px;
    line-height:1;
}

.category-stat span{
    display:block;
    margin:7px 0 15px;
    color:#6c7280;
}

.category-stat a{
    color:#6237df;
    text-decoration:none;
    font-weight:800;
}


/* ===== FEATURED RUMMY ===== */

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.app-feature{
    display:flex;
    flex-direction:column;
    padding:24px;
    border:1px solid #dfe4e1;
    border-radius:20px;
    background:#fff;
}

.app-feature-logo{
    margin-bottom:16px;
}

.app-logo-large{
    width:84px!important;
    height:84px!important;
}

.feature-label{
    color:#17764b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.11em;
}

.app-feature h3{
    margin:7px 0 10px;
    font-size:20px;
}

.app-feature h3 a{
    color:#17191d;
    text-decoration:none;
}

.feature-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    color:#696f7b;
    font-size:12px;
    line-height:1.5;
}

.feature-promo{
    width:max-content;
    max-width:100%;
    margin:14px 0;
    padding:7px 10px;
    border-radius:8px;
    background:#fff2c4;
    color:#765000;
    font-size:12px;
    font-weight:800;
}


/* ===== YONO HUB ===== */

.yono-family-section{
    background:#faf8ff;
}

.yono-family-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.yono-family-grid>div{
    padding:24px;
    border:1px solid #e1dbf5;
    border-radius:18px;
    background:#fff;
}

.yono-family-grid span{
    display:inline-block;
    margin-bottom:13px;
    color:#663bdd;
    font-size:11px;
    font-weight:900;
    letter-spacing:.1em;
}

.yono-family-grid strong{
    display:block;
    font-size:18px;
}

.yono-family-grid p{
    margin-bottom:0;
    color:#686d78;
    line-height:1.55;
}


/* ===== TWO-COLUMN DIRECTORY ===== */

.directory-two-col{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.directory-two-col .app-card{
    margin:0;
}


/* ===== SLOTS ===== */

.slots-showcase{
    background:#fffcf4;
}

.slots-facts{
    padding:26px 20px;
    background:#242119;
    color:#fff;
}

.slots-facts-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.slots-facts-grid>div{
    padding:8px 22px;
    border-right:1px solid #4b4639;
}

.slots-facts-grid>div:last-child{
    border-right:0;
}

.slots-facts strong,
.slots-facts span{
    display:block;
}

.slots-facts span{
    margin-top:6px;
    color:#cbc4b4;
    font-size:12px;
    line-height:1.45;
}


/* ===== VERIFICATION ===== */

.verification-band{
    padding:55px 20px;
    background:#171923;
    color:#fff;
}

.verification-head{
    max-width:720px;
    margin-bottom:25px;
}

.verification-head h2{
    margin:5px 0 0;
    font-size:31px;
}

.verification-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:26px;
    overflow:hidden;
    border:1px solid #343743;
    border-radius:16px;
    background:#343743;
    gap:1px;
}

.verification-grid>div{
    padding:24px;
    background:#20232e;
}

.verification-grid>div>strong{
    color:#ad99ff;
    font-size:13px;
}

.verification-grid h3{
    margin:10px 0 6px;
}

.verification-grid p{
    margin:0;
    color:#bec1cb;
    font-size:13px;
    line-height:1.55;
}


/* ===== DIRECTORY LINKS ===== */

.directory-link-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.directory-link-grid a{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:22px;
    border:1px solid #e1e3e8;
    border-radius:16px;
    background:#fff;
    color:#20222c;
    text-decoration:none;
}

.directory-link-grid span{
    color:#686e7b;
    font-size:13px;
}


/* ===== NEW APPS ===== */

.new-apps-hero{
    padding:48px 20px;
    background:linear-gradient(120deg,#201944,#5730d7);
    color:#fff;
}

.new-apps-hero h1{
    margin:8px 0 10px;
    font-size:40px;
}

.new-apps-hero p{
    color:#ddd6f5;
}

.new-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:20px;
}

.new-category-links a{
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:99px;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.new-app-stream{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.new-app-card{
    display:grid;
    grid-template-columns:125px 64px minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    padding:16px 18px;
    border:1px solid #e1e3e9;
    border-radius:15px;
    background:#fff;
}

.new-date{
    display:flex;
    flex-direction:column;
}

.new-date span{
    color:#704bd3;
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
}

.new-date strong{
    margin-top:3px;
    font-size:12px;
}

.new-app-body h3{
    margin:0 0 6px;
}

.new-app-body h3 a{
    color:#191b22;
    text-decoration:none;
}


/* ===== MOBILE ===== */

@media(max-width:960px){

    .app-tile-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .feature-grid,
    .yono-family-grid{
        grid-template-columns:1fr;
    }

    .verification-grid,
    .directory-link-grid,
    .slots-facts-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .directory-two-col{
        grid-template-columns:1fr;
    }
}

@media(max-width:680px){

    .home-hero{
        padding:38px 16px;
    }

    .home-hero-grid,
    .category-hero-grid{
        grid-template-columns:1fr;
    }

    .home-hero h1,
    .category-hero h1,
    .new-apps-hero h1{
        font-size:32px;
    }

    .cluster-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .app-tile-grid{
        grid-template-columns:1fr;
    }

    .verification-grid,
    .directory-link-grid,
    .slots-facts-grid{
        grid-template-columns:1fr;
    }

    .slots-facts-grid>div{
        border-right:0;
        border-bottom:1px solid #4b4639;
    }

    .new-app-card{
        grid-template-columns:56px minmax(0,1fr);
        gap:12px;
    }

    .new-date{
        grid-column:1/-1;
        flex-direction:row;
        gap:7px;
    }

    .new-app-card>.btn{
        grid-column:1/-1;
        width:100%;
        text-align:center;
    }
}

/* === GAE HUB V2 END === */


/* === GAE HOME DOWNLOAD HUB V3 === */

.gae-home-hero{
    padding:54px 20px;
    background:
        radial-gradient(circle at 88% 10%,rgba(105,52,235,.14),transparent 30%),
        linear-gradient(135deg,#fff,#f7f4ff);
    border-bottom:1px solid #e9e6f0;
}

.gae-home-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) 320px;
    gap:42px;
    align-items:center;
}

.gae-home-main h1{
    max-width:760px;
    margin:8px 0 14px;
    font-size:46px;
    line-height:1.06;
    letter-spacing:-.035em;
}

.gae-home-main>p{
    max-width:700px;
    margin:0;
    color:#5c6270;
    font-size:16px;
    line-height:1.7;
}

.gae-home-search{
    max-width:680px;
    margin-top:22px;
}

.gae-home-proof{
    padding:26px;
    border-radius:22px;
    background:#171522;
    color:#fff;
}

.gae-home-proof>span{
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    color:#aaa5b8;
}

.gae-home-proof>strong{
    display:block;
    margin-top:12px;
    font-size:54px;
    line-height:1;
}

.gae-home-proof>p{
    margin:5px 0 16px;
    color:#cbc7d4;
}

.gae-home-proof ul{
    margin:0 0 18px;
    padding-left:18px;
    color:#ddd9e5;
    font-size:13px;
    line-height:1.8;
}

.gae-home-proof a{
    color:#bda9ff;
    text-decoration:none;
    font-weight:800;
}

.gae-home-directory{
    padding:44px 20px 54px;
    background:#f6f7fa;
}

.gae-directory-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:22px;
}

.gae-directory-head h2{
    margin:7px 0 6px;
    font-size:30px;
}

.gae-directory-head p{
    margin:0;
    color:#686e79;
}

.gae-app-count{
    padding:8px 12px;
    border:1px solid #dfdfe8;
    border-radius:999px;
    background:#fff;
    font-size:12px;
    font-weight:800;
}

.gae-home-app-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.gae-home-app{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:13px;
    align-items:center;
    min-width:0;
    padding:12px 14px;
    border:1px solid #e2e3e9;
    border-radius:13px;
    background:#fff;
}

.gae-home-logo{
    display:block;
    width:58px;
    height:58px;
}

.gae-home-logo-img,
.gae-home-app .app-logo,
.gae-home-app img{
    display:block!important;
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:11px!important;
    background:#fff!important;
}

.gae-home-app-info{
    min-width:0;
}

.gae-home-app-info h3{
    margin:0 0 5px;
    font-size:14px;
    line-height:1.25;
}

.gae-home-app-info h3 a{
    color:#161820;
    text-decoration:none;
}

.gae-home-meta{
    display:flex;
    flex-wrap:wrap;
    gap:3px 8px;
    color:#696f7d;
    font-size:11px;
}

.gae-home-app-info small{
    display:block;
    margin-top:4px;
    color:#8a8f9b;
    font-size:10px;
}

.gae-home-action .btn{
    padding:7px 12px;
    font-size:11px;
    white-space:nowrap;
}

.gae-home-trust{
    padding:50px 20px;
    background:#fff;
}

.gae-trust-heading{
    max-width:700px;
    margin-bottom:22px;
}

.gae-trust-heading h2{
    margin:7px 0 0;
    font-size:29px;
}

.gae-trust-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.gae-trust-grid>div{
    padding:20px;
    border:1px solid #e1e3e8;
    border-radius:14px;
    background:#fafafa;
}

.gae-trust-grid strong{
    display:block;
    margin-bottom:7px;
}

.gae-trust-grid p{
    margin:0;
    color:#6a707c;
    font-size:13px;
    line-height:1.55;
}

.gae-trust-links{
    display:flex;
    flex-wrap:wrap;
    gap:9px 16px;
    margin-top:22px;
}

.gae-trust-links a{
    color:#6134da;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}


/* Logo safety globally */
.app-logo{
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
}


/* Tablet */
@media(max-width:900px){

    .gae-home-hero-inner{
        grid-template-columns:1fr;
    }

    .gae-home-proof{
        max-width:520px;
    }

    .gae-trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* Mobile */
@media(max-width:680px){

    .gae-home-hero{
        padding:34px 15px;
    }

    .gae-home-main h1{
        font-size:31px;
    }

    .gae-home-main>p{
        font-size:14px;
    }

    .gae-home-proof{
        padding:21px;
    }

    .gae-home-proof>strong{
        font-size:46px;
    }

    .gae-home-directory{
        padding:30px 12px 40px;
    }

    .gae-directory-head{
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:15px;
    }

    .gae-directory-head h2{
        font-size:23px;
    }

    .gae-home-app-grid{
        grid-template-columns:1fr;
        gap:7px;
    }

    .gae-home-app{
        grid-template-columns:50px minmax(0,1fr) auto;
        gap:10px;
        min-height:72px;
        padding:9px 10px;
        border-radius:11px;
    }

    .gae-home-logo{
        width:50px;
        height:50px;
    }

    .gae-home-logo-img,
    .gae-home-app .app-logo,
    .gae-home-app img{
        width:50px!important;
        height:50px!important;
        max-width:50px!important;
        max-height:50px!important;
        border-radius:9px!important;
    }

    .gae-home-app-info h3{
        margin-bottom:3px;
        font-size:13px;
    }

    .gae-home-meta{
        gap:2px 6px;
        font-size:10px;
    }

    .gae-home-app-info small{
        margin-top:2px;
        font-size:9px;
    }

    .gae-home-action .btn{
        padding:6px 8px;
        font-size:10px;
    }

    .gae-home-trust{
        padding:36px 15px;
    }

    .gae-trust-grid{
        grid-template-columns:1fr;
    }

}


/* === GAE TRUST + CONTACT V5 === */

.gae-age-contact{
    padding:52px 20px 58px;
    background:#f7f5ff;
    border-top:1px solid #e8e4f1;
}

.gae-age-contact>.wrap{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:18px;
}

.gae-age-card,
.gae-contact-panel{
    border:1px solid #e0dced;
    border-radius:20px;
    background:#fff;
}

.gae-age-card{
    display:flex;
    gap:20px;
    padding:28px;
}

.gae-age-number{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 72px;
    width:72px;
    height:72px;
    border-radius:20px;
    background:#181522;
    color:#fff;
    font-size:28px;
    font-weight:900;
}

.gae-age-card h2,
.gae-contact-panel h2{
    margin:6px 0 10px;
    font-size:26px;
}

.gae-age-card p,
.gae-contact-heading p{
    color:#656a77;
    line-height:1.65;
}

.gae-age-note{
    padding-top:12px;
    border-top:1px solid #ece9f2;
    font-size:13px;
}

.gae-inline-link{
    color:#6135dc;
    font-weight:800;
    text-decoration:none;
}

.gae-contact-panel{
    padding:28px;
    background:
        radial-gradient(circle at 100% 0,rgba(114,56,235,.10),transparent 35%),
        #fff;
}

.gae-contact-heading{
    max-width:680px;
}

.gae-tg-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:22px;
}

.gae-tg-card{
    display:flex;
    gap:12px;
    min-width:0;
    padding:17px;
    border:1px solid #e1dcef;
    border-radius:15px;
    background:#faf9ff;
    color:#171821;
    text-decoration:none;
}

.gae-tg-card:hover{
    border-color:#a58bea;
    transform:translateY(-1px);
}

.gae-tg-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:11px;
    background:#6334df;
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.gae-tg-card small{
    display:block;
    margin-bottom:4px;
    color:#7658ce;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.gae-tg-card strong{
    display:block;
    font-size:14px;
}

.gae-tg-card p{
    margin:5px 0 0;
    color:#737784;
    font-size:11px;
    line-height:1.45;
}

.gae-contact-warning{
    margin-top:15px;
    padding:11px 14px;
    border-radius:10px;
    background:#fff5f5;
    color:#8b3434;
    font-size:12px;
}


/* Header navigation stays simple */
.site-header nav{
    gap:20px;
}

.site-header nav a{
    white-space:nowrap;
}


/* Mobile trust/contact */
@media(max-width:760px){

    .gae-age-contact{
        padding:34px 13px 40px;
    }

    .gae-age-contact>.wrap{
        grid-template-columns:1fr;
    }

    .gae-age-card{
        padding:20px;
        gap:14px;
    }

    .gae-age-number{
        flex-basis:58px;
        width:58px;
        height:58px;
        border-radius:16px;
        font-size:22px;
    }

    .gae-age-card h2,
    .gae-contact-panel h2{
        font-size:22px;
    }

    .gae-contact-panel{
        padding:20px;
    }

    .gae-tg-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .gae-tg-card{
        padding:13px;
    }
}


/* =========================================================
   GAMEAPKENTRY TRUST PAGES V2
   ========================================================= */

.gae-trust-page-v2{
    background:#09090d;
}

.gae-trust-hero-v2{
    padding:72px 20px 48px;
    background:
        radial-gradient(circle at 80% 0,rgba(116,54,235,.30),transparent 36%),
        linear-gradient(180deg,#0d0b14,#09090d);
    color:#fff;
}

.gae-trust-hero-v2>.wrap{
    max-width:900px;
    text-align:center;
}

.gae-trust-pill{
    display:inline-flex;
    align-items:center;
    padding:7px 11px;
    border-radius:999px;
    background:#eee8ff;
    color:#6736df;
    font-size:10px;
    font-weight:900;
    letter-spacing:.09em;
}

.gae-trust-hero-v2 h1{
    margin:17px auto 12px;
    max-width:780px;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.025em;
}

.gae-trust-hero-v2 p{
    max-width:720px;
    margin:0 auto;
    color:#c6c1d1;
    font-size:15px;
    line-height:1.7;
}


.gae-trust-body-v2{
    padding:0 20px 54px;
    background:#09090d;
}

.gae-trust-body-v2>.wrap{
    max-width:1040px;
    padding:32px;
    border-radius:26px;
    background:
        radial-gradient(circle at 90% 10%,rgba(123,63,231,.13),transparent 35%),
        linear-gradient(135deg,#f8f5ff,#efe7ff);
}


.gae-trust-card-grid-v2{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.gae-info-card-v2{
    min-height:210px;
    padding:22px;
    border:1px solid #e2daf2;
    border-radius:18px;
    background:#fff;
}

.gae-card-number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    margin-bottom:20px;
    border-radius:11px;
    background:#f1ebff;
    color:#6737de;
    font-size:11px;
    font-weight:900;
}

.gae-info-card-v2 h2{
    margin:0 0 9px;
    font-size:17px;
}

.gae-info-card-v2 p{
    margin:0;
    color:#626875;
    font-size:13px;
    line-height:1.65;
}


.gae-trust-notice-v2{
    display:flex;
    gap:18px;
    align-items:center;
    margin-top:16px;
    padding:22px;
    border-radius:18px;
    background:#fff;
    border:1px solid #dfd6f1;
}

.gae-notice-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:15px;
    background:linear-gradient(135deg,#6d39e8,#b330d9);
    color:#fff;
    font-size:17px;
    font-weight:900;
}

.gae-trust-notice-v2 h2{
    margin:0 0 5px;
    font-size:17px;
}

.gae-trust-notice-v2 p{
    margin:0;
    color:#656a76;
    font-size:13px;
    line-height:1.55;
}


/* CONTACT */

.gae-contact-intro-v2{
    display:flex;
    gap:17px;
    align-items:center;
    padding:22px;
    margin-bottom:16px;
    border-radius:18px;
    background:#fff;
    border:1px solid #dfd6f1;
}

.gae-contact-intro-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 50px;
    width:50px;
    height:50px;
    border-radius:15px;
    background:#6840df;
    color:#fff;
    font-size:20px;
}

.gae-contact-intro-v2 h2{
    margin:0 0 5px;
    font-size:18px;
}

.gae-contact-intro-v2 p{
    margin:0;
    color:#676c78;
    line-height:1.6;
    font-size:13px;
}


.gae-contact-grid-v2{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.gae-contact-card-v2{
    display:flex;
    flex-direction:column;
    min-height:235px;
    padding:22px;
    border:1px solid #ded5f2;
    border-radius:18px;
    background:#fff;
    color:#171820;
    text-decoration:none;
}

.gae-contact-symbol{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-bottom:18px;
    border-radius:13px;
    background:#efe9ff;
    color:#6636df;
    font-size:18px;
    font-weight:900;
}

.gae-contact-card-v2 small{
    color:#7957d4;
    font-size:9px;
    font-weight:900;
    letter-spacing:.09em;
}

.gae-contact-card-v2 strong{
    display:block;
    margin-top:5px;
    font-size:18px;
}

.gae-contact-card-v2 p{
    flex:1;
    margin:10px 0 16px;
    color:#696e79;
    font-size:12px;
    line-height:1.6;
}

.gae-contact-button{
    width:max-content;
    padding:8px 11px;
    border:1px solid #ded5f2;
    border-radius:9px;
    color:#6337df;
    font-size:10px;
    font-weight:900;
}


/* ALL APPS ON TRUST PAGES */

.gae-trust-apps-v2{
    padding:48px 20px 58px;
    background:#f6f7fa;
}

.gae-trust-apps-head{
    margin-bottom:20px;
}

.gae-trust-apps-head h2{
    margin:10px 0 5px;
    font-size:28px;
}

.gae-trust-apps-head p{
    margin:0;
    color:#6d727d;
}

.gae-trust-app-grid-v2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.gae-trust-app-v2{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-width:0;
    padding:9px 11px;
    border:1px solid #e1e3e9;
    border-radius:11px;
    background:#fff;
}

.gae-trust-app-logo,
.gae-trust-logo-img,
.gae-trust-app-v2 img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    object-fit:contain!important;
    background:#fff!important;
    border-radius:8px!important;
}

.gae-trust-app-info{
    min-width:0;
}

.gae-trust-app-info strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

.gae-trust-app-info strong a{
    color:#181a21;
    text-decoration:none;
}

.gae-trust-app-info span{
    display:block;
    margin-top:3px;
    color:#858a95;
    font-size:9px;
}

.gae-mini-download{
    padding:6px 8px;
    border-radius:7px;
    background:#6434e4;
    color:#fff;
    text-decoration:none;
    font-size:9px;
    font-weight:800;
}


/* MOBILE */

@media(max-width:760px){

    .gae-trust-hero-v2{
        padding:48px 15px 34px;
    }

    .gae-trust-hero-v2 h1{
        font-size:30px;
    }

    .gae-trust-hero-v2 p{
        font-size:13px;
    }

    .gae-trust-body-v2{
        padding:0 12px 36px;
    }

    .gae-trust-body-v2>.wrap{
        padding:18px;
        border-radius:20px;
    }

    .gae-trust-card-grid-v2,
    .gae-contact-grid-v2{
        grid-template-columns:1fr;
    }

    .gae-info-card-v2,
    .gae-contact-card-v2{
        min-height:0;
        padding:18px;
    }

    .gae-trust-notice-v2,
    .gae-contact-intro-v2{
        align-items:flex-start;
        padding:17px;
    }

    .gae-trust-apps-v2{
        padding:34px 10px 42px;
    }

    .gae-trust-app-grid-v2{
        grid-template-columns:1fr;
        gap:6px;
    }

    .gae-trust-app-v2{
        grid-template-columns:44px minmax(0,1fr) auto;
        padding:8px 9px;
    }

    .gae-trust-app-logo,
    .gae-trust-logo-img,
    .gae-trust-app-v2 img{
        width:40px!important;
        height:40px!important;
        max-width:40px!important;
        max-height:40px!important;
    }

}


/* =========================================================
   DETAIL PAGE V2
========================================================= */

.gae-detail-hero{
    position:relative;
    overflow:hidden;
    padding:68px 20px;
    background:
        linear-gradient(135deg, rgba(7,16,24,.88), rgba(57,23,112,.78)),
        var(--gae-hero-image);
    background-color:#121425;
    background-size:cover;
    background-position:center;
    color:#fff;
}

.gae-detail-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.28));
    pointer-events:none;
}

.gae-detail-hero-inner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) 240px;
    gap:36px;
    align-items:center;
}

.gae-detail-hero-copy h1{
    margin:10px 0 14px;
    max-width:760px;
    font-size:54px;
    line-height:1.05;
    letter-spacing:-.035em;
    color:#fff;
}

.gae-detail-hero-copy p{
    max-width:760px;
    margin:0;
    font-size:17px;
    line-height:1.72;
    color:rgba(255,255,255,.86);
}

.gae-detail-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.gae-detail-hero-logo-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    border-radius:22px;
    padding:22px;
    backdrop-filter:blur(8px);
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    text-align:center;
}

.gae-detail-hero-logo{
    width:128px;
    height:128px;
    margin:0 auto 14px;
    border-radius:26px;
    overflow:hidden;
    background:rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
}

.gae-detail-hero-logo img,
.gae-detail-hero-logo-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
}

.gae-detail-hero-mini{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.gae-detail-hero-mini strong{
    font-size:20px;
    line-height:1.25;
    color:#fff;
}

.gae-detail-hero-mini span{
    font-size:13px;
    color:rgba(255,255,255,.72);
}

.gae-detail-content-wrap{
    padding:34px 20px 10px;
    background:#f6f7fb;
}

.gae-detail-content-inner{
    display:block;
}

.gae-detail-main-content{
    min-width:0;
}

.gae-all-apps-section{
    padding:22px 20px 56px;
    background:#f6f7fb;
}

.gae-all-apps-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
}

.gae-all-app-card{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px 14px;
    border:1px solid #e5e6ef;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(17,24,39,.04);
}

.gae-all-app-card.is-current{
    border-color:#cfc5ff;
    background:#faf8ff;
}

.gae-all-app-logo{
    display:block;
    width:64px;
    height:64px;
    border-radius:16px;
    overflow:hidden;
    background:#f5f5f7;
}

.gae-all-app-logo img,
.gae-all-app-logo-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
}

.gae-all-app-info h3{
    margin:0;
    font-size:16px;
    line-height:1.35;
}

.gae-all-app-info h3 a{
    color:#111827;
    text-decoration:none;
}

.gae-all-app-action .btn{
    min-width:92px;
    text-align:center;
}

@media (max-width: 980px){

    .gae-detail-hero{
        padding:48px 18px;
    }

    .gae-detail-hero-inner{
        grid-template-columns:1fr;
        gap:22px;
    }

    .gae-detail-hero-copy h1{
        font-size:38px;
    }

    .gae-detail-hero-logo-card{
        max-width:240px;
    }

    .gae-all-apps-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 640px){

    .gae-detail-hero{
        padding:34px 14px;
    }

    .gae-detail-hero-copy h1{
        font-size:30px;
        line-height:1.08;
    }

    .gae-detail-hero-copy p{
        font-size:14px;
        line-height:1.65;
    }

    .gae-detail-hero-actions{
        gap:10px;
    }

    .gae-detail-hero-logo-card{
        padding:16px;
        border-radius:18px;
    }

    .gae-detail-hero-logo{
        width:96px;
        height:96px;
        border-radius:20px;
    }

    .gae-all-app-card{
        grid-template-columns:52px minmax(0,1fr) auto;
        gap:10px;
        padding:10px 12px;
        border-radius:14px;
    }

    .gae-all-app-logo{
        width:52px;
        height:52px;
        border-radius:12px;
    }

    .gae-all-app-info h3{
        font-size:14px;
    }

    .gae-all-app-action .btn{
        min-width:auto;
        padding:7px 10px;
        font-size:12px;
    }
}

/* =========================================================
   PREMIUM APP DETAIL BANNER V4
========================================================= */

.gae-premium-banner{
    position:relative;
    min-height:535px;
    overflow:hidden;
    color:#fff;
    background:#072d20;
}

.gae-premium-banner-bg{
    position:absolute;
    inset:-55px;
    background-image:var(--gae-app-bg);
    background-size:cover;
    background-position:center;
    filter:blur(42px) saturate(1.25);
    transform:scale(1.18);
    opacity:.50;
}

.gae-premium-banner-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 90% 10%,rgba(181,213,97,.20),transparent 35%),
        linear-gradient(
            110deg,
            rgba(2,38,27,.98) 0%,
            rgba(2,47,33,.94) 42%,
            rgba(18,57,35,.84) 100%
        );
}

.gae-premium-banner-inner{
    position:relative;
    z-index:2;
    padding-top:30px;
    padding-bottom:40px;
}

.gae-banner-breadcrumb{
    display:flex;
    gap:7px;
    margin-bottom:22px;
    font-size:12px;
    font-weight:700;
    color:rgba(255,255,255,.76);
}

.gae-banner-breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.gae-banner-layout{
    display:grid;
    grid-template-columns:155px minmax(0,1fr) 310px;
    gap:24px;
    align-items:start;
}

.gae-banner-logo-area{
    padding-top:67px;
}

.gae-banner-logo{
    width:140px;
    height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(255,215,92,.42);
    border-radius:28px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(10px);
}

.gae-banner-logo-img{
    width:118px!important;
    height:118px!important;
    max-width:118px!important;
    max-height:118px!important;
    object-fit:contain!important;
    border-radius:22px;
}

.gae-banner-chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:10px;
}

.gae-banner-chips span{
    padding:6px 10px;
    border-radius:999px;
    background:#ffd351;
    color:#3e3204;
    font-size:10px;
    font-weight:900;
}

.gae-banner-chips .checked{
    background:#176646;
    color:#dffff0;
    border:1px solid rgba(95,231,169,.30);
}

.gae-banner-main h1{
    margin:0 0 14px;
    font-size:50px;
    line-height:1.04;
    letter-spacing:-.035em;
    color:#fff;
}

.gae-banner-offer{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:center;
    margin:0 0 14px;
    padding:14px 16px;
    border:1px solid rgba(255,211,81,.45);
    border-radius:12px;
    background:rgba(255,211,81,.08);
}

.gae-banner-offer small{
    display:block;
    margin-bottom:4px;
    color:#ffd351;
    font-size:9px;
    font-weight:900;
}

.gae-banner-offer strong{
    display:block;
    color:#ffd351;
    font-size:23px;
    line-height:1.15;
}

.gae-banner-offer>span{
    padding:5px 8px;
    border-radius:999px;
    background:#ffd351;
    color:#443500;
    white-space:nowrap;
    font-size:8px;
    font-weight:900;
}

.gae-banner-intro{
    max-width:760px;
    margin:0 0 18px;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.6;
}

.gae-banner-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-bottom:16px;
}

.gae-banner-stats>div{
    padding:14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
    background:rgba(255,255,255,.08);
}

.gae-banner-stats small{
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.58);
    font-size:8px;
    letter-spacing:.06em;
}

.gae-banner-stats strong{
    display:block;
    color:#fff;
    font-size:18px;
}

.gae-banner-download{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    max-width:465px;
    min-height:61px;
    border-radius:12px;
    background:linear-gradient(180deg,#ffd85c,#f4b624);
    color:#201700;
    text-decoration:none;
    font-size:17px;
    font-weight:900;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.gae-banner-download small{
    margin-top:2px;
    font-size:9px;
    font-weight:700;
}

.gae-banner-checked{
    margin-top:10px;
    color:rgba(255,255,255,.61);
    font-size:10px;
}

.gae-banner-highlights{
    margin-top:12px;
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(9px);
}

.gae-banner-highlights>h3{
    margin:0 0 8px;
    color:#ffd351;
    font-size:12px;
    letter-spacing:.06em;
}

.gae-highlight-item{
    padding:14px 0;
    border-top:1px solid rgba(255,255,255,.11);
}

.gae-highlight-item small{
    display:block;
    margin-bottom:5px;
    color:rgba(255,255,255,.55);
    font-size:8px;
}

.gae-highlight-item strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.25;
    overflow-wrap:anywhere;
}

.gae-highlight-item .gae-package{
    font-size:15px;
}

.gae-highlight-item p{
    margin:5px 0 0;
    color:rgba(255,255,255,.61);
    font-size:9px;
    line-height:1.45;
}


/* ALL APPS AFTER OLD CONTENT */

.gae-detail-all-apps{
    padding:42px 20px 56px;
    background:#f5f6f9;
}

.gae-detail-app-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.gae-detail-app-row{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:8px 10px;
    border:1px solid #e3e4ea;
    border-radius:10px;
    background:#fff;
}

.gae-detail-list-logo,
.gae-detail-list-logo-img,
.gae-detail-app-row img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    object-fit:contain!important;
    border-radius:8px!important;
}

.gae-detail-list-info{
    min-width:0;
}

.gae-detail-list-info strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

.gae-detail-list-info strong a{
    color:#17191f;
    text-decoration:none;
}

.gae-detail-list-info small{
    display:block;
    margin-top:2px;
    color:#8a8e97;
    font-size:9px;
}

.gae-detail-open,
.gae-detail-current{
    padding:6px 9px;
    border-radius:7px;
    font-size:9px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.gae-detail-open{
    background:#6434e3;
    color:#fff;
}

.gae-detail-current{
    background:#eee8ff;
    color:#6637d7;
}


@media(max-width:900px){

    .gae-premium-banner{
        min-height:auto;
    }

    .gae-banner-layout{
        grid-template-columns:110px minmax(0,1fr);
    }

    .gae-banner-highlights{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:12px;
    }

    .gae-banner-highlights>h3{
        grid-column:1/-1;
    }

    .gae-banner-logo-area{
        padding-top:50px;
    }

    .gae-banner-logo{
        width:105px;
        height:105px;
    }

    .gae-banner-logo-img{
        width:90px!important;
        height:90px!important;
    }
}


@media(max-width:680px){

    .gae-premium-banner-inner{
        padding-top:18px;
        padding-bottom:27px;
    }

    .gae-banner-breadcrumb{
        margin-bottom:14px;
    }

    .gae-banner-layout{
        grid-template-columns:72px minmax(0,1fr);
        gap:12px;
    }

    .gae-banner-logo-area{
        padding-top:42px;
    }

    .gae-banner-logo{
        width:70px;
        height:70px;
        border-radius:16px;
    }

    .gae-banner-logo-img{
        width:60px!important;
        height:60px!important;
        border-radius:12px;
    }

    .gae-banner-main h1{
        font-size:31px;
    }

    .gae-banner-offer{
        grid-column:1/-1;
    }

    .gae-banner-offer strong{
        font-size:18px;
    }

    .gae-banner-intro{
        font-size:13px;
    }

    .gae-banner-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .gae-banner-stats strong{
        font-size:14px;
    }

    .gae-banner-highlights{
        grid-template-columns:1fr;
    }

    .gae-highlight-item{
        padding:10px 0;
    }

    .gae-detail-app-list{
        grid-template-columns:1fr;
        gap:6px;
    }

}


/* =========================================================
   GAMEAPKENTRY DETAIL BRAND V5
   Final purple banner + visible logo background
   ========================================================= */


/* ---------- BANNER ---------- */

.gae-premium-banner{
    position:relative!important;
    min-height:590px!important;
    overflow:hidden!important;
    background:#211044!important;
    color:#fff!important;
}


/*
 * Hero background uses the CURRENT APP featured image/logo.
 * detail-banner.php already injects --gae-app-bg per APP; keep that
 * existing data path and only make the image visibly fill the hero.
 */
.gae-premium-banner-bg{
    position:absolute!important;
    inset:-48px!important;

    background-image:var(--gae-app-bg, none)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    background-color:#2b1658!important;

    opacity:.54!important;

    filter:
        blur(26px)
        saturate(1.16)
        contrast(1.04)!important;

    transform:scale(1.18)!important;

    z-index:0!important;
}


/* Keep copy readable while allowing the APP-logo backdrop to show through. */
.gae-premium-banner-overlay{
    position:absolute!important;
    inset:0!important;

    background:
        radial-gradient(
            circle at 78% 34%,
            rgba(165,128,255,.12) 0%,
            transparent 46%
        ),
        linear-gradient(
            105deg,
            rgba(22,13,48,.96) 0%,
            rgba(39,20,83,.85) 43%,
            rgba(65,33,133,.66) 74%,
            rgba(83,45,163,.58) 100%
        )!important;

    z-index:1!important;
}


.gae-premium-banner-inner{
    position:relative!important;
    z-index:2!important;

    padding-top:34px!important;
    padding-bottom:48px!important;
}


/* ---------- BREADCRUMB ---------- */

.gae-banner-breadcrumb{
    color:rgba(255,255,255,.66)!important;
}

.gae-banner-breadcrumb a{
    color:#fff!important;
}


/* ---------- MAIN GRID ---------- */

.gae-banner-layout{
    grid-template-columns:160px minmax(0,1fr) 315px!important;
    gap:26px!important;
}


/* ---------- LOGO ---------- */

.gae-banner-logo-area{
    padding-top:70px!important;
}

.gae-banner-logo{
    width:142px!important;
    height:142px!important;

    border:1px solid rgba(190,164,255,.48)!important;
    border-radius:28px!important;

    background:rgba(255,255,255,.11)!important;

    box-shadow:
        0 20px 50px rgba(10,4,31,.30),
        inset 0 0 0 1px rgba(255,255,255,.05)!important;

    backdrop-filter:blur(14px)!important;
}

.gae-banner-logo-img{
    width:120px!important;
    height:120px!important;
    max-width:120px!important;
    max-height:120px!important;

    object-fit:contain!important;
    object-position:center!important;

    border-radius:22px!important;
}


/* ---------- CHIPS ---------- */

.gae-banner-chips span{
    background:#efe9ff!important;
    color:#5827cf!important;
}

.gae-banner-chips .checked{
    background:rgba(115,73,232,.38)!important;
    color:#fff!important;

    border:1px solid rgba(198,178,255,.34)!important;
}


/* ---------- TITLE ---------- */

.gae-banner-main h1{
    margin-bottom:16px!important;

    font-size:52px!important;
    color:#fff!important;
}


/* ---------- PROMOTION ---------- */

.gae-banner-offer{
    padding:15px 17px!important;

    border:1px solid rgba(190,160,255,.44)!important;

    background:
        linear-gradient(
            100deg,
            rgba(111,55,231,.25),
            rgba(145,81,246,.13)
        )!important;

    box-shadow:
        inset 0 0 22px rgba(152,97,255,.07)!important;
}

.gae-banner-offer small{
    color:#d7c5ff!important;
}

.gae-banner-offer strong{
    color:#fff!important;
    font-size:24px!important;
}

.gae-banner-offer>span{
    background:#a77bff!important;
    color:#fff!important;
}


/* ---------- INTRO ---------- */

.gae-banner-intro{
    color:rgba(255,255,255,.82)!important;
}


/* ---------- STATS ---------- */

.gae-banner-stats>div{
    border:1px solid rgba(203,187,255,.16)!important;

    background:rgba(255,255,255,.09)!important;

    backdrop-filter:blur(8px)!important;
}

.gae-banner-stats small{
    color:rgba(232,225,255,.57)!important;
}

.gae-banner-stats strong{
    color:#fff!important;
}


/* ---------- DOWNLOAD ---------- */

.gae-banner-download{
    background:
        linear-gradient(
            180deg,
            #8757f4 0%,
            #6434e3 100%
        )!important;

    color:#fff!important;

    box-shadow:
        0 10px 28px rgba(74,34,171,.36)!important;
}

.gae-banner-download:hover{
    background:
        linear-gradient(
            180deg,
            #9369f7,
            #7041e8
        )!important;
}

.gae-banner-checked{
    color:rgba(227,220,245,.65)!important;
}


/* ---------- RIGHT HIGHLIGHTS ---------- */

.gae-banner-highlights{
    border:1px solid rgba(199,182,255,.20)!important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.10),
            rgba(122,74,220,.10)
        )!important;

    box-shadow:0 18px 42px rgba(13,5,38,.18)!important;

    backdrop-filter:blur(14px)!important;
}

.gae-banner-highlights>h3{
    color:#c9adff!important;
}

.gae-highlight-item{
    border-top-color:rgba(215,205,255,.13)!important;
}

.gae-highlight-item small{
    color:rgba(222,214,245,.56)!important;
}

.gae-highlight-item strong{
    color:#fff!important;
}

.gae-highlight-item p{
    color:rgba(231,225,246,.62)!important;
}


/* =========================================================
   DETAIL 18+ — ONLY AT VERY BOTTOM
   ========================================================= */

.gae-detail-age{
    padding:0 20px 38px;

    background:#f5f6f9;
}

.gae-detail-age-inner{
    display:flex;
    align-items:center;
    gap:16px;

    padding:17px 20px;

    border:1px solid #e3e1ea;
    border-radius:13px;

    background:#fff;
}

.gae-detail-age-badge{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 46px;

    width:46px;
    height:46px;

    border-radius:12px;

    background:#20172f;

    color:#fff;

    font-size:16px;
    font-weight:900;
}

.gae-detail-age-copy strong{
    display:block;

    margin-bottom:4px;

    color:#24212c;

    font-size:13px;
}

.gae-detail-age-copy p{
    margin:0;

    color:#777582;

    font-size:10px;
    line-height:1.55;
}

.gae-detail-age-copy a{
    display:inline-block;

    margin-top:5px;

    color:#6434e3;

    text-decoration:none;

    font-size:10px;
    font-weight:800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

    .gae-premium-banner{
        min-height:auto!important;
    }

    .gae-premium-banner-bg{
        background-position:center!important;
        background-size:cover!important;
        opacity:.48!important;
    }

    .gae-banner-layout{
        grid-template-columns:105px minmax(0,1fr)!important;
    }

}


@media(max-width:680px){

    .gae-premium-banner-bg{
        background-position:center!important;
        background-size:cover!important;
        opacity:.44!important;

        filter:
            blur(24px)
            saturate(1.10)!important;
    }

    .gae-premium-banner-overlay{
        background:
            linear-gradient(
                155deg,
                rgba(24,13,51,.93),
                rgba(74,36,154,.68)
            )!important;
    }

    .gae-banner-layout{
        grid-template-columns:72px minmax(0,1fr)!important;
    }

    .gae-banner-main h1{
        font-size:31px!important;
    }

    .gae-banner-logo-area{
        padding-top:43px!important;
    }

    .gae-banner-logo{
        width:70px!important;
        height:70px!important;
    }

    .gae-banner-logo-img{
        width:60px!important;
        height:60px!important;
    }

    .gae-detail-age{
        padding:0 10px 25px;
    }

    .gae-detail-age-inner{
        align-items:flex-start;

        gap:11px;

        padding:13px;
    }

    .gae-detail-age-badge{
        flex-basis:40px;

        width:40px;
        height:40px;

        font-size:14px;
    }

}


/* GameAPKEntry accessibility: visible keyboard focus. */
:where(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid currentColor;outline-offset:3px}


/* GAE HERO CURRENT APP LOGO BACKGROUND R6 */
.gae-premium-banner{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#241148!important;
}

.gae-premium-banner-bg{
    position:absolute!important;
    inset:-40px!important;
    z-index:0!important;

    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;

    opacity:.72!important;

    filter:
        blur(24px)
        saturate(1.20)
        brightness(.90)!important;

    transform:scale(1.16)!important;
}

/*
 * Dark-purple readability layer.
 * Logo remains visible behind it.
 */
.gae-premium-banner-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;

    background:
        linear-gradient(
            105deg,
            rgba(18,10,39,.93) 0%,
            rgba(35,18,72,.82) 42%,
            rgba(61,31,121,.68) 72%,
            rgba(76,40,146,.60) 100%
        )!important;

    pointer-events:none!important;
}

.gae-premium-banner-inner{
    position:relative!important;
    z-index:2!important;
}

@media (max-width:760px){

    .gae-premium-banner-bg{
        inset:-28px!important;

        background-position:center!important;
        background-size:cover!important;

        opacity:.66!important;

        filter:
            blur(20px)
            saturate(1.15)
            brightness(.88)!important;

        transform:scale(1.14)!important;
    }

    .gae-premium-banner-overlay{
        background:
            linear-gradient(
                155deg,
                rgba(20,11,43,.91) 0%,
                rgba(55,27,112,.70) 100%
            )!important;
    }
}

/* =========================================================
   GAE HERO LOGO BACKGROUND R7
   Current APP logo stays visible on the right side.
   ========================================================= */

.gae-premium-banner{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#21103f!important;
}

.gae-premium-banner-bg{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;

    background-repeat:no-repeat!important;
    background-position:84% 50%!important;
    background-size:420px auto!important;

    opacity:.34!important;

    filter:
        blur(2px)
        saturate(1.08)
        brightness(.92)!important;

    transform:none!important;
}

/* Dark on the text side, lighter on the logo side. */
.gae-premium-banner-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;

    background:
        linear-gradient(
            90deg,
            rgba(20,9,42,.98) 0%,
            rgba(29,13,62,.95) 34%,
            rgba(54,25,111,.78) 62%,
            rgba(81,41,163,.48) 100%
        )!important;

    pointer-events:none!important;
}

.gae-premium-banner-inner{
    position:relative!important;
    z-index:2!important;
}

@media (max-width:900px){

    .gae-premium-banner-bg{
        background-position:92% 38%!important;
        background-size:330px auto!important;
        opacity:.28!important;
        filter:
            blur(2px)
            saturate(1.05)
            brightness(.90)!important;
    }

}

@media (max-width:760px){

    .gae-premium-banner-bg{
        background-position:115% 16%!important;
        background-size:250px auto!important;
        opacity:.23!important;
        filter:
            blur(1.5px)
            saturate(1.05)
            brightness(.88)!important;
    }

    .gae-premium-banner-overlay{
        background:
            linear-gradient(
                155deg,
                rgba(20,9,42,.97) 0%,
                rgba(44,20,91,.88) 58%,
                rgba(73,35,145,.68) 100%
            )!important;
    }

}

/* =========================================================
   GAE HERO DESKTOP SWAP R8
   Desktop only:
   Highlights | Main content | Large APP logo
   Mobile/tablet layout remains unchanged.
   ========================================================= */

@media (min-width: 901px){

    .gae-banner-layout{
        display:grid!important;
        grid-template-columns:
            260px
            minmax(0, 1fr)
            250px!important;
        grid-template-areas:
            "highlights main logo"!important;
        column-gap:28px!important;
        align-items:center!important;
    }

    /* Move CURRENT APP HIGHLIGHTS to the left */
    .gae-banner-highlights{
        grid-area:highlights!important;
        width:100%!important;
        max-width:none!important;
        justify-self:stretch!important;
    }

    /* Keep title/download information in the middle */
    .gae-banner-main{
        grid-area:main!important;
        min-width:0!important;
    }

    /* Move APP logo to the right */
    .gae-banner-logo-area{
        grid-area:logo!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
    }

    /* Make current APP logo much more prominent */
    .gae-banner-logo{
        width:224px!important;
        height:224px!important;
        max-width:224px!important;
        flex:0 0 224px!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        padding:12px!important;

        background:rgba(20,10,43,.40)!important;
        border:1px solid rgba(255,255,255,.30)!important;
        border-radius:30px!important;
        box-shadow:
            0 18px 45px rgba(0,0,0,.28),
            inset 0 0 0 1px rgba(255,255,255,.05)!important;
    }

    .gae-banner-logo-img{
        display:block!important;

        width:200px!important;
        height:200px!important;
        max-width:none!important;

        object-fit:cover!important;
        object-position:center!important;

        border-radius:22px!important;
    }

}

/* Slightly tighter desktop layout on narrower screens */
@media (min-width:901px) and (max-width:1180px){

    .gae-banner-layout{
        grid-template-columns:
            225px
            minmax(0, 1fr)
            210px!important;
        column-gap:20px!important;
    }

    .gae-banner-logo{
        width:194px!important;
        height:194px!important;
        max-width:194px!important;
        flex-basis:194px!important;
    }

    .gae-banner-logo-img{
        width:170px!important;
        height:170px!important;
    }

}