/* AA Game final visual overrides and locally mirrored game artwork. */
html, body, button, input, textarea, select {
    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.hero h1, .section-intro h2, .section-heading h2, .app-copy h2,
.faq-intro h2, .final-cta h2, .reading-card h1, .not-found h1,
.post-content h2, .post-content h3, .comments h2, .aa-page-intro h2 {
    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

.reading-page {
    background: radial-gradient(circle at 100% 0, rgba(197,15,57,.25), transparent 29%), #090506;
}
.reading-card {
    background: linear-gradient(145deg, #2a0b16, #120609);
    border-color: rgba(255,121,147,.22);
}
.post-content { color: #dec9ce; }
.post-content a, .crumb { color: #ff7961; }
.comments { border-color: rgba(255,121,147,.2); }
.comments input, .comments textarea {
    background: #100508;
    border-color: rgba(255,143,164,.3);
    color: #fff;
}
.not-found {
    background: radial-gradient(circle at 74% 38%, rgba(197,15,57,.25), transparent 25%), #090506;
}

/* Match the home page's crimson/noir palette for the access block. */
.promo-strip {
    background: linear-gradient(105deg, #120307, #360817 50%, #160308);
    border-bottom-color: rgba(255,82,119,.58);
    border-top-color: rgba(255,82,119,.58);
}
.promo-layout { grid-template-columns: 1.12fr 1.3fr 1.1fr; }
.promo-strip:before {
    background: radial-gradient(circle, rgba(242,29,80,.2), transparent 67%);
}
.promo-kicker { color: #ff6b84; }
.promo-kicker i { background: #ff315f; }
.promo-heading h2 { color: #fff7f8; }
.promo-heading h2 em { color: #ff4d72; }
.promo-heading p { color: #d3aab5; }
.promo-download { background: linear-gradient(135deg, #f01851, #ff754d); }
.promo-play { background: linear-gradient(135deg, #e31b59, #9c1742); }
.promo-points div {
    background: rgba(101, 12, 42, .56);
    border-color: rgba(255, 108, 143, .2);
}
.promo-points small { color: #e6bec8; }

/* The two community metrics float over the page, independent of the promo grid. */
.floating-stats {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: fixed;
    right: 22px;
    top: 54%;
    transform: translateY(-50%);
    z-index: 45;
}
.floating-stats div {
    align-items: center;
    background: linear-gradient(145deg, #663fe2, #426de9);
    border-radius: 50%;
    box-shadow: 0 9px 22px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.08);
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    width: 80px;
}
.floating-stats div + div { background: linear-gradient(145deg, #32b8ef, #4764d9); }
.floating-stats b { color: #fff; font-size: 22px; line-height: 1; }
.floating-stats b span { color: #b7ff6d; }
.floating-stats small { color: #e8efff; font-size: 8px; margin-top: 4px; }
@media (max-width: 700px) {
    .floating-stats { gap: 9px; right: 10px; top: 54%; }
    .floating-stats div { height: 66px; width: 66px; }
    .floating-stats b { font-size: 18px; }
    .floating-stats small { font-size: 7px; }
}

.game-card.game-aviator { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/color-game.avif'); background-position: center; background-size: cover; }
.game-card.game-slots { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/dragon-tiger.jpg'); background-position: center; background-size: cover; }
.game-card.game-plinko { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/zoo-roulette.jpg'); background-position: center; background-size: cover; }
.game-card.game-cards { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/toss-a-coin.jpg'); background-position: center; background-size: cover; }
.game-card.game-mines { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/roulette.jpg'); background-position: center; background-size: cover; }
.game-card.game-ludo { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), url('assets/images/games/sabong.jpg'); background-position: center; background-size: cover; }

.aa-game-badge.game-aviator { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/color-game.avif'); background-position: center; background-size: cover; }
.aa-game-badge.game-slots { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/dragon-tiger.jpg'); background-position: center; background-size: cover; }
.aa-game-badge.game-plinko { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/zoo-roulette.jpg'); background-position: center; background-size: cover; }
.aa-game-badge.game-cards { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/toss-a-coin.jpg'); background-position: center; background-size: cover; }
.aa-game-badge.game-mines { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/roulette.jpg'); background-position: center; background-size: cover; }
.aa-game-badge.game-ludo { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), url('assets/images/games/sabong.jpg'); background-position: center; background-size: cover; }

/* Values below are emitted from the theme settings page. */
.hero { min-height: var(--aa-hero-height, 650px); }
.game-card { height: var(--aa-game-card-height, 250px); }
.aa-game-badge { height: var(--aa-game-badge-height, 135px); width: var(--aa-game-badge-width, 135px); }
.article-image { height: var(--aa-article-image-height, 220px); }
.app-phone { height: var(--aa-app-phone-height, 450px); width: var(--aa-app-phone-width, 250px); }
.app-screen { background-image: var(--aa-app-image), radial-gradient(circle at 50% 30%, #a61139 0, transparent 35%), linear-gradient(165deg, #440417, #100509); background-size: cover; background-position: center; }
.brand-mark { height: var(--aa-logo-height, 39px); width: var(--aa-logo-width, 47px); }
.brand-mark img { border-radius: inherit; height: 100%; object-fit: contain; width: 100%; }
.brand-logo { display: block; height: var(--aa-logo-height, 39px); max-width: 190px; object-fit: contain; width: auto; }
.floating-stats div { height: var(--aa-floating-size, 80px); width: var(--aa-floating-size, 80px); }
.game-card.game-aviator { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-color-image); }
.game-card.game-slots { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-dragon-image); }
.game-card.game-plinko { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-zoo-image); }
.game-card.game-cards { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-toss-image); }
.game-card.game-mines { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-roulette-image); }
.game-card.game-ludo { background-image: linear-gradient(180deg, rgba(9,5,6,.03) 18%, rgba(9,5,6,.9) 100%), var(--aa-sabong-image); }
.aa-game-badge.game-aviator { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-color-image); }
.aa-game-badge.game-slots { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-dragon-image); }
.aa-game-badge.game-plinko { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-zoo-image); }
.aa-game-badge.game-cards { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-toss-image); }
.aa-game-badge.game-mines { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-roulette-image); }
.aa-game-badge.game-ludo { background-image: linear-gradient(180deg, rgba(9,5,6,.02), rgba(9,5,6,.42)), var(--aa-sabong-image); }
.article-one { background-image: radial-gradient(circle at 70% 30%, #ffdb75 0, transparent 19%), linear-gradient(135deg, #500616, #e11954), var(--aa-article-one-image); background-size: cover; }
.article-two { background-image: radial-gradient(circle at 34% 33%, #ff765f 0, transparent 17%), linear-gradient(135deg, #5c071b, #df2456), var(--aa-article-two-image); background-size: cover; }
.article-three { background-image: radial-gradient(circle at 73% 35%, #ffd281 0, transparent 20%), linear-gradient(135deg, #4b0718, #bc0e3f), var(--aa-article-three-image); background-size: cover; }
.quote-avatar { background-color: #2b0b16; background-image: var(--aa-review-active-image); background-size: cover; background-position: center; border: 0; border-radius: 50%; color: transparent; font-size: 0; height: 108px; left: auto; right: 31px; top: 58px; width: 108px; }
.quote-active .stars { margin-top: 0; }
.quote-active h3, .quote-active .quote-member { margin-right: 160px; }
.quote-active blockquote { margin-top: 46px; }
.quote-left .quote-user > span { background-color: #2b0b16; background-image: var(--aa-review-left-image); background-size: cover; background-position: center; color: transparent; font-size: 0; height: 46px; width: 46px; }
.quote-right .quote-user > span { background-color: #2b0b16; background-image: var(--aa-review-right-image); background-size: cover; background-position: center; color: transparent; font-size: 0; height: 46px; width: 46px; }
@media (max-width: 700px) {
    .aa-game-badge { height: min(92px, var(--aa-game-badge-height, 92px)); width: 100%; }
    .floating-stats div { height: min(66px, var(--aa-floating-size, 66px)); width: min(66px, var(--aa-floating-size, 66px)); }
    .quote-avatar { height: 92px; right: 22px; top: 56px; width: 92px; }
    .quote-active h3, .quote-active .quote-member { margin-right: 108px; }
    .quote-active blockquote { margin-top: 36px; }
}
.aa-game-detail-layout { align-items: start; display: grid; gap: 32px; grid-template-columns: minmax(240px, 360px) 1fr; margin-top: 24px; }
.aa-game-detail-media { height: 300px; width: 100%; }
.aa-game-detail .post-content { padding-top: 4px; }
.aa-game-detail .post-content p { font-size: 15px; line-height: 1.75; max-width: 760px; }
.aa-game-detail .post-content ul { color: #d0b8bf; display: grid; gap: 10px; list-style: none; margin: 22px 0; padding: 0; }
.aa-game-detail .post-content li:before { color: #ff506d; content: "•"; margin-right: 9px; }
.aa-game-detail-note { border-left: 2px solid #ff506d; color: #ba9fa8 !important; font-size: 12px !important; padding-left: 14px; }
.aa-game-detail-note strong { color: #ff6978; }
@media (max-width: 700px) { .aa-game-detail-layout { grid-template-columns: 1fr; } .aa-game-detail-media { height: 220px; } }
.aa-game-detail-media { background: none !important; border-radius: 0 !important; box-shadow: none !important; display: block; height: auto !important; max-width: 100%; object-fit: contain; width: auto !important; }
.aa-games-list .aa-game-badge { box-shadow: none; }
.promo-symbol img { height: 38px; object-fit: contain; width: 38px; }
.promo-points span { align-items: center; display: flex; height: 29px; justify-content: center; }
.promo-points span img { height: 29px; object-fit: contain; width: 29px; }
.trust-icon img { height: 28px; object-fit: contain; width: 28px; }
.icon-disc img { height: 45px; object-fit: contain; width: 45px; }
/* Keep every game cover fully visible instead of cropping it with cover. */
.game-card.game-aviator, .game-card.game-slots, .game-card.game-plinko, .game-card.game-cards, .game-card.game-mines, .game-card.game-ludo,
.aa-game-badge.game-aviator, .aa-game-badge.game-slots, .aa-game-badge.game-plinko, .aa-game-badge.game-cards, .aa-game-badge.game-mines, .aa-game-badge.game-ludo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%, contain !important;
    background-color: #210912;
}