/* MyCard Member Event clean service design | v1.3.54 */

:root {
    --mc-accent:#00adee;
    --mc-accent-dark:#0085b8;
    --mc-accent-soft:#eaf8fe;
    --mc-ink:#22262a;
    --mc-muted:#71777d;
    --mc-line:#e2e6e5;
    --mc-soft:#f5f7f6;
    --mc-white:#fff;
    --mc-shadow:0 8px 24px rgba(28,39,43,.065);
}

.register-detail-section[id^="checkinPart"] {
    scroll-margin-top: 104px;
}

@media (max-width: 768px) {
    .register-detail-section[id^="checkinPart"] {
        scroll-margin-top: 80px;
    }
}

/* v1.1.4 final component layer: replace every remaining legacy red/gold surface. */

/* Header navigation and language switcher. */
body#top header.site-header,
body#top[data-lang] header.site-header,
body#top.inline-detail-mode header.site-header {
    border-color:rgba(17,24,39,.08)!important;
    background:rgba(255,255,255,.96)!important;
    background-image:none!important;
    box-shadow:0 5px 20px rgba(17,24,39,.05)!important;
}

body#top header.site-header nav.header-nav > a,
body#top[data-lang] header.site-header nav.header-nav > a,
body#top.inline-detail-mode header.site-header nav.header-nav > a.detail-home-link {
    border:0!important;
    color:#394145!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    -webkit-text-fill-color:currentColor!important;
    transform:none!important;
}

body#top header.site-header nav.header-nav > a:hover,
body#top header.site-header nav.header-nav > a:focus-visible,
body#top header.site-header nav.header-nav > a.is-active,
body#top[data-lang] header.site-header nav.header-nav > a:hover,
body#top[data-lang] header.site-header nav.header-nav > a.is-active,
body#top.inline-detail-mode header.site-header nav.header-nav > a.detail-home-link:hover {
    border:0!important;
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top header.site-header .lang-switch .lang-current,
body#top[data-lang] header.site-header .lang-switch .lang-current {
    border:1px solid var(--mc-line)!important;
    color:#394145!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

body#top header.site-header .lang-switch #langMenu.lang-menu,
body#top header.site-header .lang-switch .lang-menu {
    border:1px solid var(--mc-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 12px 30px rgba(17,24,39,.12)!important;
}

body#top header.site-header .lang-switch #langMenu.lang-menu button,
body#top[data-lang] header.site-header .lang-switch #langMenu.lang-menu button {
    border:0!important;
    color:#4e565a!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

body#top header.site-header .lang-switch #langMenu.lang-menu button:hover,
body#top header.site-header .lang-switch #langMenu.lang-menu button:focus-visible,
body#top header.site-header .lang-switch #langMenu.lang-menu button.is-active {
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    background-image:none!important;
    box-shadow:none!important;
}

/* Cards stay still: no lift, recolor or shadow jump on hover. */
body#top:not(.inline-detail-mode) main :is(.reward-card,.offer-card,.game-card,.limited-card,.member-gate-card,.social-task-card,.social-video-card,.mall-card,.preregister-card,.tickets-rail > article,.lottery-rail > article,.payment-grid > a) {
    transition:none!important;
}

body#top:not(.inline-detail-mode) main :is(.reward-card,.offer-card,.game-card,.limited-card,.member-gate-card,.social-task-card,.social-video-card,.mall-card,.preregister-card,.tickets-rail > article,.lottery-rail > article,.payment-grid > a):hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card.featured:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:first-child:hover {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main :is(.reward-card,.offer-card,.game-card,.limited-card,.member-gate-card,.social-task-card,.social-video-card,.mall-card,.preregister-card,.tickets-rail > article,.lottery-rail > article,.payment-grid > a) > a:hover {
    transform:none!important;
}

/* Right floating menu. */
body#top nav.side-nav,
body#top nav.side-nav .side-nav-links {
    color:#394145!important;
    border-color:transparent!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

body#top nav.side-nav .side-nav-toggle,
body#top nav.side-nav #mobileFloatLinks > a,
body#top nav.side-nav #mobileFloatLinks > button,
body#top nav.side-nav .back-top {
    border:1px solid var(--mc-line)!important;
    color:#394145!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 6px 18px rgba(17,24,39,.09)!important;
    text-shadow:none!important;
    -webkit-text-fill-color:currentColor!important;
    transform:none!important;
}

body#top nav.side-nav .side-nav-toggle:hover,
body#top nav.side-nav .side-nav-toggle:focus-visible,
body#top nav.side-nav #mobileFloatLinks > a:hover,
body#top nav.side-nav #mobileFloatLinks > a:focus-visible,
body#top nav.side-nav #mobileFloatLinks > button:hover,
body#top nav.side-nav #mobileFloatLinks > button:focus-visible,
body#top nav.side-nav .back-top:hover,
body#top nav.side-nav .back-top:focus-visible {
    border-color:#cfe4e1!important;
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    background-image:none!important;
    box-shadow:0 6px 18px rgba(17,24,39,.09)!important;
    transform:none!important;
}

body#top nav.side-nav #mobileFloatLinks > a.is-active {
    border-color:var(--mc-accent)!important;
    color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:0 6px 18px rgba(0,173,238,.2)!important;
}

/* utm_content detail pages. */
body#top.inline-detail-mode {
    color:var(--mc-ink)!important;
    background:var(--mc-soft)!important;
    background-image:none!important;
    background-attachment:scroll!important;
}

body#top.inline-detail-mode::before,
body#top.inline-detail-mode::after,
body#top.inline-detail-mode > main::before,
body#top.inline-detail-mode > main::after {
    display:none!important;
    content:none!important;
}

body#top.inline-detail-mode > main,
body#top.inline-detail-mode main > .inline-detail,
body#top.inline-detail-mode main > .detail-task-section,
body#top.inline-detail-mode main > .register-standalone-notice {
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode main > .inline-detail,
body#top.inline-detail-mode main > .detail-task-section,
body#top.inline-detail-mode main > .register-standalone-notice {
    box-sizing:border-box!important;
    width:min(1120px,calc(100% - 40px))!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:64px 0!important;
}

body#top.inline-detail-mode main .inline-detail__panel {
    box-sizing:border-box!important;
    width:min(940px,100%)!important;
    margin:0 auto!important;
    padding:clamp(24px,4vw,42px)!important;
    border:1px solid var(--mc-line)!important;
    border-radius:24px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 14px 38px rgba(17,24,39,.08)!important;
}

body#top.inline-detail-mode main .inline-detail__close {
    border:1px solid var(--mc-line)!important;
    color:#4e565a!important;
    background:#f7f9f8!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail__close:hover,
body#top.inline-detail-mode main .inline-detail__close:focus-visible {
    border-color:#cfe4e1!important;
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    transform:none!important;
}

body#top.inline-detail-mode main .inline-detail__kicker,
body#top.inline-detail-mode main .detail-task-section .section-kicker,
body#top.inline-detail-mode main .register-standalone-notice .section-kicker {
    color:var(--mc-accent-dark)!important;
    -webkit-text-fill-color:var(--mc-accent-dark)!important;
    background:transparent!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail h2,
body#top.inline-detail-mode main .detail-task-section .section-heading h2,
body#top.inline-detail-mode main .register-standalone-notice .section-heading h2 {
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    background:none!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail__desc,
body#top.inline-detail-mode main .inline-detail__meta dd,
body#top.inline-detail-mode main .register-detail-section__head > p,
body#top.inline-detail-mode main .register-detail-time {
    color:var(--mc-muted)!important;
    -webkit-text-fill-color:var(--mc-muted)!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta div,.inline-detail__notes,.register-detail-section,.register-detail-body,.register-detail-table,.register-flow-card,.register-product-card,.register-prize-grid figure,.register-flow-block,.register-notice-box,.detail-task-rail .register-task-card) {
    border:1px solid var(--mc-line)!important;
    border-radius:16px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
    transition:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta div,.inline-detail__notes,.register-detail-section,.register-detail-body,.register-detail-table,.register-flow-card,.register-product-card,.register-prize-grid figure,.register-flow-block,.register-notice-box,.detail-task-rail .register-task-card):hover {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta dt,.inline-detail__notes li,.inline-detail__notes li > .note-text,.register-detail-section__head > strong,.register-detail-section h3,.register-detail-section dd,.register-detail-body,.register-detail-body p,.register-detail-body dd,.register-detail-table th,.register-detail-table td,.register-flow-card h3,.register-flow-card p,.register-product-card h3,.register-product-card p,.register-prize-grid figcaption,.register-notice-box li,.detail-task-rail .register-task-card h3,.detail-task-rail .register-task-card p) {
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .register-detail-table th {
    color:#205b56!important;
    background:#edf7f5!important;
}

body#top.inline-detail-mode main .inline-detail__notes li::before,
body#top.inline-detail-mode main .register-notice-box li::before {
    background:var(--mc-accent)!important;
}

body#top.inline-detail-mode main :is(.inline-detail__notes,.register-notice-box) a {
    color:var(--mc-accent-dark)!important;
}

body#top.inline-detail-mode main :is(.detail-task-rail .register-task-card a,.inline-detail__action,.inline-detail__back,.register-detail-actions > a,.register-product-card > a) {
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    -webkit-text-fill-color:#fff!important;
    transform:none!important;
}

body#top.inline-detail-mode main :is(.detail-task-rail .register-task-card a,.inline-detail__action,.inline-detail__back,.register-detail-actions > a,.register-product-card > a):hover {
    color:#fff!important;
    background:var(--mc-accent-dark)!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

/* Manny guide popup. */
body#top .smart-guide .smart-guide__launcher:hover,
body#top .smart-guide .smart-guide__launcher:focus-visible {
    box-shadow:none!important;
    transform:none!important;
}

body#top .smart-guide .smart-guide__panel {
    border:1px solid var(--mc-line)!important;
    border-radius:20px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 20px 52px rgba(17,24,39,.18)!important;
    scrollbar-color:var(--mc-accent) #eef2f1!important;
}

body#top .smart-guide .smart-guide__header {
    border-bottom:1px solid var(--mc-line)!important;
    background:#f7f9f8!important;
}

body#top .smart-guide .smart-guide__eyebrow {
    color:var(--mc-accent-dark)!important;
}

body#top .smart-guide .smart-guide__status,
body#top .smart-guide .smart-guide__message {
    color:var(--mc-muted)!important;
}

body#top .smart-guide .smart-guide__close {
    border:1px solid var(--mc-line)!important;
    color:#4e565a!important;
    background:#fff!important;
    box-shadow:none!important;
}

body#top .smart-guide .smart-guide__close:hover,
body#top .smart-guide .smart-guide__close:focus-visible {
    border-color:#cfe4e1!important;
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    outline:none!important;
}

body#top .smart-guide .smart-guide__content {
    background:#fff!important;
}

body#top .smart-guide .smart-guide__dialogue {
    border:1px solid #d9ebe8!important;
    border-radius:14px!important;
    color:var(--mc-ink)!important;
    background:#edf7f5!important;
    box-shadow:none!important;
}

body#top .smart-guide .smart-guide__dialogue::after {
    display:none!important;
    content:none!important;
}

body#top .smart-guide .smart-guide__speaker {
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    background:var(--mc-accent)!important;
    box-shadow:none!important;
}

body#top .smart-guide .smart-guide__content h2 {
    color:var(--mc-ink)!important;
    text-shadow:none!important;
}

body#top .smart-guide .smart-guide__choices {
    padding-left:0!important;
}

body#top .smart-guide .smart-guide__choices::before,
body#top .smart-guide .smart-guide__choice::before {
    display:none!important;
    content:none!important;
}

body#top .smart-guide .smart-guide__choice,
body#top .smart-guide .smart-guide__destination {
    border:1px solid var(--mc-line)!important;
    border-radius:12px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top .smart-guide .smart-guide__choice > span {
    background:var(--mc-accent)!important;
    box-shadow:none!important;
}

body#top .smart-guide .smart-guide__choice:hover,
body#top .smart-guide .smart-guide__choice:focus-visible,
body#top .smart-guide .smart-guide__destination:hover,
body#top .smart-guide .smart-guide__destination:focus-visible {
    border-color:#cfe4e1!important;
    color:var(--mc-ink)!important;
    background:#edf7f5!important;
    box-shadow:none!important;
    outline:none!important;
    transform:none!important;
}

body#top .smart-guide .smart-guide__actions {
    border-top:1px solid var(--mc-line)!important;
    background:#fff!important;
}

body#top .smart-guide :is(.smart-guide__back,.smart-guide__reset) {
    border-color:currentColor!important;
    color:var(--mc-accent-dark)!important;
    background:transparent!important;
    box-shadow:none!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode main > .inline-detail,
    body#top.inline-detail-mode main > .detail-task-section,
    body#top.inline-detail-mode main > .register-standalone-notice {
        width:calc(100% - 24px)!important;
        padding:32px 0!important;
    }

    body#top.inline-detail-mode main .inline-detail__panel {
        padding:22px 16px!important;
        border-radius:18px!important;
    }

    body#top .smart-guide .smart-guide__panel {
        border-radius:18px!important;
    }
}

/* v1.1.14: remove legacy positioning that can push mobile CTAs outside cards. */
@media (max-width:768px) {
    body#top main :is(
        .reward-card,
        .offer-card,
        .member-gate-card,
        .social-task-card,
        .mall-card,
        .register-task-card,
        .tickets-rail > article,
        .lottery-rail > article
    ) {
        box-sizing:border-box!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
    }

    body#top main section#membertasks .reward-card > a,
    body#top main section#topupbonus .offer-card > a,
    body#top main section#membergate .member-gate-card__body > a,
    body#top main section#socialtasks .social-task-card > a,
    body#top main section#mymall .mall-card > a,
    body#top main section#mycardwalletevent .lottery-rail > article > a,
    body#top main section#lottery .tickets-rail > article > a,
    body#top main section#more .tickets-rail > article > a,
    body#top.inline-detail-mode main .register-task-card > a {
        position:static!important;
        inset:auto!important;
        float:none!important;
        align-self:stretch!important;
        box-sizing:border-box!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:42px!important;
        margin:12px 0 0!important;
        padding:9px 10px!important;
        overflow:hidden!important;
        transform:none!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
        text-align:center!important;
    }
}

/* v1.2.46: invitation actions and participation steps are separate content, not one framed panel. */
body#top.inline-detail-mode .inline-detail[data-content-key="invitation"] .register-flow-block,
body#top.inline-detail-mode .inline-detail[data-content-key="invitation"] .register-flow-block:hover {
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
}

/* v1.1.85: utm_content pages use the same restrained type scale as the homepage. */
body#top.inline-detail-mode main :is(.inline-detail__kicker,.detail-task-section .section-kicker,.register-standalone-notice .section-kicker) {
    display:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail h2,.detail-task-section .section-heading h2,.register-standalone-notice .section-heading h2) {
    margin:0!important;
    color:var(--mc-ink)!important;
    font-size:clamp(1.5rem,2vw,1.9rem)!important;
    font-weight:600!important;
    line-height:1.28!important;
    letter-spacing:-.02em!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail__desc {
    margin:12px 0 0!important;
    color:var(--mc-muted)!important;
    font-size:.98rem!important;
    font-weight:400!important;
    line-height:1.7!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta,.inline-detail__notes,.register-detail-section,.register-detail-body,.register-notice-box) {
    margin-top:20px!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta dt,.inline-detail__meta dd,.inline-detail__notes li,.register-detail-section h3,.register-detail-body,.register-detail-body p,.register-detail-table th,.register-detail-table td,.register-notice-box li) {
    font-size:.94rem!important;
    font-weight:400!important;
    line-height:1.7!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode main .inline-detail__panel {
        padding:22px 18px!important;
        border-radius:18px!important;
    }

    body#top.inline-detail-mode main :is(.inline-detail h2,.detail-task-section .section-heading h2,.register-standalone-notice .section-heading h2) {
        font-size:1.45rem!important;
        line-height:1.32!important;
    }

    body#top.inline-detail-mode main .inline-detail__desc {
        font-size:.92rem!important;
        line-height:1.65!important;
    }
}

/* v1.1.110 final mobile rail contract: native swipe, one full page at a time. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) {
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:flex-start!important;
        align-content:flex-start!important;
        justify-content:flex-start!important;
        grid-template-columns:none!important;
        grid-template-rows:none!important;
        grid-auto-flow:unset!important;
        grid-auto-columns:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        gap:12px!important;
        overflow:hidden!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        touch-action:pan-x pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    )::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }
}

/* Early v1.1.110 icon reset; the authoritative reset is near the stylesheet end. */
body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) :is(.offer-media,.feature-media,.mall-media,.has-icon,img,svg),
body#top :is([id="8icons"].quick-panel,.bottom-nav,.side-nav) :is(.has-icon,img,svg) {
    box-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
}

/* Legacy non-hero artwork and navigation icon reset. */
body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) :is(img,svg),
body#top :is(
    [id="8icons"].quick-panel,
    .bottom-nav,
    .side-nav
) :is(.has-icon,img,svg) {
    box-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
}

/* v1.1.95: member welcome gifts are the canonical mobile task-row pattern. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:22px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(.tag,span.tag) {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        overflow-wrap:normal!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(p.offer-media,p.feature-media) {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(p.offer-media,p.feature-media) > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-shadow:none!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.1.94: shared compact task-row layout for mobile single-column card rails. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-achievement-rail
    ) {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        gap:10px!important;
        overflow:visible!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid > article.reward-card,
        #membertasks .member-missions-rail > article.reward-card,
        #membertasks .member-achievement-rail > article.reward-card,
        #socialtasks .social-task-rail > article.social-task-card
    ) {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:22px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #socialtasks .social-task-rail
    ) > article > :is(.tag,span.tag) {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #socialtasks .social-task-rail
    ) > article > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:400!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        overflow-wrap:anywhere!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #socialtasks .social-task-rail
    ) > article > :is(p.offer-media,p.feature-media) {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #socialtasks .social-task-rail
    ) > article > :is(p.offer-media,p.feature-media) > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-grid,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #socialtasks .social-task-rail
    ) > article > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-shadow:none!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}


/* v1.1.46: Shorts starts directly below the social tab, like the mission list. */
body#top:not(.inline-detail-mode) #social-videos-panel .social-rail-shell,
body#top[data-lang]:not(.inline-detail-mode) #social-videos-panel .social-rail-shell {
    margin-top:0!important;
    padding-top:0!important;
}

/* v1.1.47: vertically center mobile social-task titles within their task rows. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) #socialtasks .social-task-rail > article.social-task-card > h3,
    body#top[data-lang]:not(.inline-detail-mode) #socialtasks .social-task-rail > article.social-task-card > h3 {
        align-self:stretch!important;
        display:flex!important;
        align-items:center!important;
    }
}

/* v1.1.48: campaign cards always grow with their contents; no fixed card heights. */
body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .game-card-image,
    .limited-card,
    .member-gate-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .preregister-card,
    .register-product-card,
    .register-task-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
),
body#top.inline-detail-mode main :is(.register-product-card,.register-task-card) {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}

/* v1.1.51: mobile member top-up rows are paged in groups of three. */
body#top:not(.inline-detail-mode) :is(
    #topupbonus .topup-mobile-pagination,
    #membertasks .member-task-mobile-pagination,
    #socialtasks .social-task-mobile-pagination
) {
    display:none!important;
}

@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) #topupbonus .topup-shell {
        overflow:visible!important;
    }

    html body#top:not(.inline-detail-mode) #topupbonus .topup-rail {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:100%!important;
        grid-template-rows:repeat(3,max-content)!important;
        column-gap:12px!important;
        row-gap:10px!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membertasks .member-missions-rail,
        #socialtasks .social-task-rail
    ) {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:100%!important;
        grid-template-rows:repeat(3,max-content)!important;
        column-gap:12px!important;
        row-gap:10px!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membertasks .member-missions-rail,
        #socialtasks .social-task-rail
    )::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) #topupbonus .topup-rail::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) #topupbonus .topup-rail > article.offer-card {
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membertasks .member-missions-rail > article.reward-card,
        #socialtasks .social-task-rail > article.social-task-card
    ) {
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #topupbonus .topup-mobile-pagination,
        #membertasks .member-task-mobile-pagination,
        #socialtasks .social-task-mobile-pagination
    ) {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        margin:12px auto 0!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #topupbonus .topup-mobile-pagination,
        #membertasks .member-task-mobile-pagination,
        #socialtasks .social-task-mobile-pagination
    ) > button {
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c8d0d3!important;
        box-shadow:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #topupbonus .topup-mobile-pagination,
        #membertasks .member-task-mobile-pagination,
        #socialtasks .social-task-mobile-pagination
    ) > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* v1.1.50: member-gift cards match the shared mobile task-row layout. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) #membergate .member-gate-grid {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:10px!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:10px 12px!important;
        gap:10px!important;
        overflow:hidden!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card__media {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        grid-area:media!important;
        width:52px!important;
        height:52px!important;
        margin:0!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card__media > img {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card__body {
        display:grid!important;
        grid-column:2 / -1!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"title action"!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        gap:10px!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card__tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        line-height:1.35!important;
        text-align:left!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-card__body > a {
        grid-area:action!important;
        position:static!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:7px 8px!important;
        font-size:.78rem!important;
        line-height:1.2!important;
        white-space:nowrap!important;
    }
}

html {
    background:#fff!important;
    scroll-snap-type:none!important;
    overscroll-behavior-y:auto!important;
}

/* v1.1.54: unified toast and utm_content campaign takeover. */
body#top:not(.inline-detail-mode) .home-notice {
    top:96px!important;
    right:clamp(16px,3vw,36px)!important;
    bottom:auto!important;
    left:auto!important;
    z-index:520!important;
    width:min(360px,calc(100vw - 32px))!important;
    height:auto!important;
    background:transparent!important;
}

/* The mobile full-screen rule must never override a closed toast. */
body#top:not(.inline-detail-mode) #homeNotice[hidden] {
    display:none!important;
}

body#top:not(.inline-detail-mode) .home-notice__panel {
    width:100%!important;
    height:auto!important;
    padding:16px 18px!important;
    border:1px solid var(--mc-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 16px 40px rgba(18,33,42,.16)!important;
    color:var(--mc-ink)!important;
}

body#top:not(.inline-detail-mode) .home-notice__panel::before,
body#top:not(.inline-detail-mode) .home-notice__panel::after { display:none!important; content:none!important; }
body#top:not(.inline-detail-mode) .home-notice__kicker { margin:0 34px 7px 0!important; padding:3px 8px!important; color:var(--mc-accent-dark)!important; background:var(--mc-accent-soft)!important; box-shadow:none!important; font-size:.75rem!important; font-weight:500!important; }
body#top:not(.inline-detail-mode) .home-notice h2 { max-width:none!important; color:var(--mc-ink)!important; font-size:1.08rem!important; font-weight:700!important; text-shadow:none!important; }
body#top:not(.inline-detail-mode) .home-notice__desc { margin:5px 0 0!important; color:var(--mc-muted)!important; font-size:.84rem!important; font-weight:400!important; line-height:1.45!important; }
body#top:not(.inline-detail-mode) .home-notice__actions { margin-top:12px!important; }
body#top:not(.inline-detail-mode) .home-notice__primary { min-height:38px!important; border:0!important; border-radius:10px!important; color:#fff!important; background:var(--mc-accent)!important; box-shadow:none!important; font-size:.88rem!important; font-weight:500!important; }
body#top:not(.inline-detail-mode) #homeNotice .home-notice__close {
    top:10px!important;
    right:10px!important;
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:0!important;
    appearance:none!important;
    border:1px solid var(--mc-line)!important;
    border-radius:50%!important;
    color:transparent!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:0!important;
    font-weight:400!important;
    line-height:1!important;
    text-shadow:none!important;
    -webkit-text-fill-color:currentColor!important;
}

body#top:not(.inline-detail-mode) #homeNotice .home-notice__close::before,
body#top:not(.inline-detail-mode) #homeNotice .home-notice__close::after {
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) #homeNotice .home-notice__close::before {
    display:block!important;
    content:"×"!important;
    color:#59656a!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:1!important;
}

body#top:not(.inline-detail-mode) #homeNotice .home-notice__close::after {
    display:none!important;
    content:none!important;
}

/* Must exceed the legacy toast selector's specificity: keep this control as a plain close icon. */
body#top:not(.inline-detail-mode) #homeNotice.home-notice .home-notice__panel button.home-notice__close {
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#5f6c72!important;
    -webkit-text-fill-color:#5f6c72!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    z-index:5!important;
    font-size:26px!important;
    font-weight:300!important;
    line-height:1!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) #homeNotice.home-notice .home-notice__panel button.home-notice__close::before,
body#top:not(.inline-detail-mode) #homeNotice.home-notice .home-notice__panel button.home-notice__close::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

/* v1.1.58: member missions are manually browsed, never cloned or auto-animated. */
@media (min-width:769px) {
    body#top:not(.inline-detail-mode) #membertasks .member-missions-rail {
        animation:none!important;
        transform:none!important;
        scroll-behavior:auto!important;
    }
}

.campaign-takeover[hidden] { display:none!important; }
body.campaign-takeover-open { overflow:hidden!important; }
.campaign-takeover { position:fixed; inset:0; z-index:1250; display:grid; place-items:center; padding:28px; }
.campaign-takeover__backdrop { position:absolute; inset:0; background:rgba(15,25,35,.58); backdrop-filter:blur(7px); }
.campaign-takeover__panel { position:relative; z-index:1; display:grid; grid-template-columns:30% minmax(0,70%); align-items:center; width:min(760px,100%); overflow:hidden; border:1px solid rgba(0,173,238,.24); border-radius:24px; background:#fff; box-shadow:0 28px 70px rgba(11,27,40,.3); }
.campaign-takeover__content { padding:42px 38px; }
.campaign-takeover__eyebrow { width:max-content; margin:0 0 10px; padding:4px 9px; border-radius:999px; color:var(--mc-accent-dark); background:var(--mc-accent-soft); font-size:.8rem; }
.campaign-takeover h2 { margin:0; color:var(--mc-ink); font-size:clamp(1.75rem,3vw,2.5rem); line-height:1.12; }
.campaign-takeover__subtitle { margin:7px 0 0; color:var(--mc-accent-dark); font-size:1rem; }
.campaign-takeover__desc { margin:18px 0 0; color:var(--mc-muted); font-size:.95rem; line-height:1.65; }
.campaign-takeover__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.campaign-takeover__action { display:inline-flex; align-items:center; justify-content:center; min-width:132px; min-height:44px; padding:9px 18px; border:1px solid var(--mc-accent); border-radius:10px; color:#fff; background:var(--mc-accent); font-weight:500; text-decoration:none; }
.campaign-takeover__action--secondary { color:var(--mc-accent-dark); background:#fff; }
.campaign-takeover__action--secondary[hidden] { display:none!important; }
.campaign-takeover__action--secondary.is-visible { display:inline-flex!important; }
.campaign-takeover__art { display:grid; place-items:center; align-self:stretch; padding:18px; background:linear-gradient(145deg,#eaf8fe,#d5f3ff); }
.campaign-takeover__art img { width:min(110px,100%); height:auto; object-fit:contain; filter:drop-shadow(0 14px 15px rgba(0,106,145,.2)); }
.campaign-takeover__close { position:absolute; z-index:2; top:12px; right:12px; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:50%; color:var(--mc-muted); background:#f1f5f6; box-shadow:none; font-size:22px; line-height:1; cursor:pointer; transition:color .18s ease,background-color .18s ease,transform .12s ease; }
.campaign-takeover__close:focus-visible { outline:2px solid var(--mc-accent); outline-offset:2px; }
.campaign-takeover__close:active { color:var(--mc-ink); background:#dfe8eb; transform:scale(.92); }

@media (hover:hover) {
    .campaign-takeover__close:hover { color:var(--mc-ink); background:#e5eef1; }
}

@media (min-width:769px) {
    .campaign-takeover__art { padding:0; }
    .campaign-takeover__art img { width:100%; max-width:none; }
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) .home-notice {
        inset:0!important;
        display:grid!important;
        place-items:center!important;
        width:auto!important;
        height:auto!important;
        padding:20px!important;
        background:rgba(20,31,37,.45)!important;
        backdrop-filter:blur(5px)!important;
    }
    body#top:not(.inline-detail-mode) .home-notice__panel {
        width:min(420px,100%)!important;
        padding:20px!important;
    }
    .campaign-takeover { padding:18px; }
    .campaign-takeover__panel { grid-template-columns:1fr; width:min(430px,100%); max-height:calc(100dvh - 36px); overflow:auto; }
    .campaign-takeover__art { min-height:154px; padding:18px; }
    .campaign-takeover__art img { width:120px; }
    .campaign-takeover__content { padding:22px 22px 24px; }
    .campaign-takeover h2 { font-size:1.65rem; }
    .campaign-takeover__desc { margin-top:14px; font-size:.9rem; line-height:1.58; }
    .campaign-takeover__actions { flex-direction:column; margin-top:26px; }
    .campaign-takeover__action { width:100%; }
}

body#top:not(.inline-detail-mode) {
    background:#fff!important;
    background-image:none!important;
    color:var(--mc-ink)!important;
}

body#top:not(.inline-detail-mode)::before,
body#top:not(.inline-detail-mode)::after,
body#top:not(.inline-detail-mode) > main::before,
body#top:not(.inline-detail-mode) > main::after {
    display:none!important;
    content:none!important;
}

body#top:not(.inline-detail-mode) > main {
    background:transparent!important;
    background-image:none!important;
}

/* Header: calm white navigation with one clear accent. */
body#top .site-header {
    border-bottom:1px solid rgba(17,24,39,.08)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 5px 20px rgba(17,24,39,.05)!important;
    backdrop-filter:blur(18px)!important;
}

body#top .brand,
body#top .header-nav a,
body#top .lang-current,
body#top .lang-menu button {
    color:var(--mc-ink)!important;
}

body#top .header-nav a {
    border-radius:999px!important;
    font-weight:700!important;
}

body#top .header-nav a:hover,
body#top .header-nav a:focus-visible {
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
}

body#top .lang-current,
body#top .lang-menu {
    border:1px solid var(--mc-line)!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(17,24,39,.08)!important;
}

body#top .lang-mark,
body#top .lang-switch button.is-active {
    color:#fff!important;
    background:var(--mc-accent)!important;
    box-shadow:none!important;
}

/* Hero keeps campaign artwork but removes the board-game frame. */
body#top:not(.inline-detail-mode) .hero {
    border:0!important;
    border-bottom:1px solid var(--mc-line)!important;
    background:#f7f8f9!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) .hero::before,
body#top:not(.inline-detail-mode) .hero::after,
body#top:not(.inline-detail-mode) .hero-art::after {
    display:none!important;
    content:none!important;
}

body#top:not(.inline-detail-mode) .hero-art {
    box-shadow:none!important;
}

/* Quick services. */
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
    display:grid!important;
    grid-template-columns:repeat(var(--item-count,10),minmax(0,1fr))!important;
    position:relative!important;
    z-index:30!important;
    box-sizing:border-box!important;
    width:min(1240px,calc(100% - 48px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:-42px auto 0!important;
    padding:14px!important;
    gap:8px!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    background-image:none!important;
    box-shadow:0 18px 45px rgba(17,24,39,.1)!important;
    backdrop-filter:blur(18px)!important;
    overflow:visible!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel::before,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel::after {
    display:none!important;
    content:none!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel > a {
    display:grid!important;
    grid-template-rows:76px auto!important;
    place-items:center!important;
    align-content:center!important;
    min-width:0!important;
    min-height:116px!important;
    padding:9px 5px!important;
    gap:5px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background-color .18s ease,color .18s ease!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel > a:hover,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel > a:focus-visible {
    background:#edf7f5!important;
    outline:2px solid rgba(0,173,238,.16)!important;
    outline-offset:0!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon img,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon svg {
    width:76px!important;
    height:76px!important;
    min-height:0!important;
    margin:0!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel strong,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel a > span:not(.has-icon) {
    width:100%!important;
    color:var(--mc-ink)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
}

/* Full-width story sections with alternating neutral surfaces. */
body#top:not(.inline-detail-mode) main > section.section:not(.hero) {
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(76px,8vw,112px) max(24px,calc((100vw - 1180px)/2))!important;
    border:0!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
}

body#top:not(.inline-detail-mode) main > :is(#membertasks,#hotgames,#mymall,#more) {
    background:var(--mc-soft)!important;
}

body#top:not(.inline-detail-mode) main > :is(#membergate,#topupbonus,#socialtasks,#lottery) {
    background:#fff!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero)::after {
    display:none!important;
    content:none!important;
}

body#top:not(.inline-detail-mode) main > :is(#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more)::before {
    display:block!important;
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:50%!important;
    width:min(70%,1000px)!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,#d9dde1 18%,#c8cdd2 50%,#d9dde1 82%,transparent)!important;
    box-shadow:none!important;
    opacity:1!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
}

/* Headings. */
body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading {
    display:grid!important;
    gap:10px!important;
    width:min(760px,100%)!important;
    max-width:none!important;
    margin:0 auto clamp(30px,4vw,48px)!important;
    padding:0!important;
    text-align:center!important;
}

body#top:not(.inline-detail-mode) .section-heading .section-title-row {
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    gap:0!important;
}

body#top:not(.inline-detail-mode) .section-heading .section-title-copy {
    width:100%!important;
    text-align:inherit!important;
}

body#top:not(.inline-detail-mode) .section-heading .section-title-icon-frame {
    display:none!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading .section-kicker {
    color:var(--mc-accent-dark)!important;
    -webkit-text-fill-color:var(--mc-accent-dark)!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading h2,
body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading .section-title-copy h2 {
    margin:0!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:clamp(1.9rem,3vw,2.7rem)!important;
    font-weight:800!important;
    line-height:1.18!important;
    letter-spacing:-.035em!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading p:not(.section-kicker),
body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading .section-title-copy p {
    margin:0!important;
    color:var(--mc-muted)!important;
    -webkit-text-fill-color:var(--mc-muted)!important;
    font-size:clamp(.95rem,1.3vw,1.08rem)!important;
    font-weight:500!important;
    line-height:1.65!important;
    text-shadow:none!important;
}

/* Flat, service-oriented cards. */
body#top:not(.inline-detail-mode) :is(.reward-card,.offer-card,.game-card,.limited-card,.member-gate-card,.social-task-card,.social-video-card,.mall-card,.preregister-card,.tickets-rail article,.lottery-rail article,.payment-grid a) {
    box-sizing:border-box!important;
    border:1px solid var(--mc-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    color:var(--mc-ink)!important;
    transform:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

body#top:not(.inline-detail-mode) :is(.reward-card,.offer-card,.game-card,.member-gate-card,.social-task-card,.social-video-card,.mall-card,.preregister-card,.tickets-rail article,.lottery-rail article,.payment-grid a):hover {
    border-color:rgba(0,173,238,.3)!important;
    box-shadow:0 14px 34px rgba(20,28,38,.1)!important;
    transform:translateY(-2px)!important;
}

body#top:not(.inline-detail-mode) :is(.reward-card,.offer-card,.game-card,.member-gate-card,.social-task-card,.mall-card,.preregister-card,.tickets-rail article,.lottery-rail article) h3,
body#top:not(.inline-detail-mode) :is(.reward-card,.offer-card,.game-card,.member-gate-card,.social-task-card,.mall-card,.preregister-card,.tickets-rail article,.lottery-rail article) strong {
    color:var(--mc-ink)!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) :is(.reward-card,.offer-card,.game-card,.member-gate-card,.social-task-card,.mall-card,.preregister-card,.tickets-rail article,.lottery-rail article) p {
    color:var(--mc-muted)!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) :is(.tag,.member-gate-card__tag) {
    border:0!important;
    border-radius:999px!important;
    background:#eaf6f4!important;
    color:var(--mc-accent-dark)!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) :is(.primary-action,.reward-card > a,.offer-card > a,.notice a,.member-gate-card__body > a,.social-task-card > a,.topup-actions > a,.wallet-actions > a,.preregister-action) {
    min-height:42px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    font-weight:800!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) :is(.primary-action,.reward-card > a,.offer-card > a,.notice a,.member-gate-card__body > a,.social-task-card > a,.topup-actions > a,.wallet-actions > a,.preregister-action):hover {
    background:var(--mc-accent-dark)!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) .rail-shell {
    width:100%!important;
    max-width:none!important;
}

body#top:not(.inline-detail-mode) .rail {
    gap:clamp(14px,2vw,22px)!important;
}

body#top:not(.inline-detail-mode) .rail-control {
    width:42px!important;
    height:42px!important;
    border:1px solid var(--mc-line)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(17,24,39,.1)!important;
    color:var(--mc-accent-dark)!important;
}

body#top:not(.inline-detail-mode) :is(.wallet-bullet,.payment-icon) {
    border-color:#dceae7!important;
    background-color:#edf7f5!important;
    color:var(--mc-accent-dark)!important;
}

/* Tabs: quiet segmented controls. */
#membertasks > .member-task-tabs,
.tab-composite-section > .event-tabs {
    position:relative!important;
    z-index:8!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:4px!important;
    gap:4px!important;
    border:0!important;
    border-radius:999px!important;
    background:#e9eeed!important;
    box-shadow:none!important;
}

#membertasks .member-task-tab,
.tab-composite-section .event-tab {
    position:relative!important;
    min-height:44px!important;
    padding:9px 16px!important;
    border:0!important;
    border-radius:999px!important;
    color:#626a6d!important;
    background:transparent!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:.9rem!important;
    font-weight:750!important;
    line-height:1.2!important;
    transform:none!important;
}

#membertasks .member-task-tab.has-tab-notice::after,
.tab-composite-section .event-tab.has-tab-notice::after {
    content:"";
    position:absolute;
    top:6px;
    right:10px;
    width:8px;
    height:8px;
    border:2px solid #fff;
    border-radius:50%;
    background:#ef3340;
    box-shadow:none;
    pointer-events:none;
}

#membertasks .member-task-tab:hover,
#membertasks .member-task-tab:focus-visible,
.tab-composite-section .event-tab:hover,
.tab-composite-section .event-tab:focus-visible {
    color:var(--mc-ink)!important;
    background:rgba(255,255,255,.68)!important;
    outline:0!important;
}

#membertasks .member-task-tab.is-active,
.tab-composite-section .event-tab.is-active {
    color:#fff!important;
    background:var(--mc-accent)!important;
    box-shadow:0 4px 12px rgba(0,173,238,.2)!important;
}

#membertasks > .member-task-tabs {
    width:min(620px,100%)!important;
    margin:0 auto 30px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

#membertasks > .member-task-tab-panel,
.tab-composite-section > .event-tab-panel {
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    scroll-snap-align:none!important;
}

#membertasks > .member-task-tab-panel[hidden],
.tab-composite-section > .event-tab-panel[hidden] {
    display:none!important;
}

#membertasks .member-checkin-rail {
    justify-content:center!important;
}

@media (min-width:769px) {
    /* Keep the finite task collections balanced within their rail. */
    #membertasks :is(.member-missions-rail, .member-achievement-rail) {
        justify-content:center!important;
    }
}


.tab-composite-section > .event-tab-panel > .section-heading {
    display:block!important;
    width:min(720px,100%)!important;
    min-height:0!important;
    margin:0 auto 24px!important;
    padding:0!important;
    text-align:center!important;
}

.tab-composite-section > .event-tab-panel > .section-heading > .section-kicker,
.tab-composite-section > .event-tab-panel > .section-heading .section-title-icon-frame,
.tab-composite-section > .event-tab-panel > .section-heading .section-title-copy > p {
    display:none!important;
}

.tab-composite-section > .event-tab-panel > .section-heading .section-title-row {
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
}

.tab-composite-section > .event-tab-panel > .section-heading h2,
.tab-composite-section > .event-tab-panel > .section-heading .section-title-copy h2 {
    margin:0!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:clamp(1.05rem,1.5vw,1.3rem)!important;
    font-weight:750!important;
    line-height:1.3!important;
    text-align:center!important;
    text-shadow:none!important;
}

.tab-composite-section > .event-tab-panel > .section-heading h2::before,
.tab-composite-section > .event-tab-panel > .section-heading h2::after,
.tab-composite-section > .event-tab-panel > .section-heading .section-title-copy h2::before,
.tab-composite-section > .event-tab-panel > .section-heading .section-title-copy h2::after {
    display:none!important;
    content:none!important;
}

@media (min-width:769px) {
    body#top:not(.inline-detail-mode) main > :is(#membertasks,.tab-composite-section) {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(420px,600px)!important;
        column-gap:clamp(36px,6vw,76px)!important;
        align-items:center!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membertasks,.tab-composite-section) > .section-heading {
        grid-column:1!important;
        width:auto!important;
        margin:0!important;
        text-align:left!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membertasks,.tab-composite-section) > .section-heading .section-title-row {
        justify-content:flex-start!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membertasks,.tab-composite-section) > .event-tabs {
        grid-column:2!important;
        width:100%!important;
        margin:0!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membertasks,.tab-composite-section) > :is(.member-task-tab-panel,.event-tab-panel) {
        grid-column:1 / -1!important;
        margin-top:clamp(34px,4vw,52px)!important;
    }
}

/* Footer and persistent navigation. */
body#top .site-footer {
    border:0!important;
    background:#202629!important;
    color:#d5d8dc!important;
    box-shadow:none!important;
}

body#top .bottom-nav {
    border:1px solid rgba(17,24,39,.1)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 32px rgba(17,24,39,.14)!important;
    backdrop-filter:blur(16px)!important;
}

body#top .bottom-nav a {
    color:#4c5558!important;
}

body#top .bottom-nav a:hover,
body#top .bottom-nav a:focus-visible {
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
}

/* Authoritative heading and card cleanup: one hierarchy, one card language. */
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-kicker {
    display:none!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading h2,
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy h2 {
    margin:0!important;
    padding:0!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:clamp(1.85rem,2.6vw,2.35rem)!important;
    font-weight:800!important;
    line-height:1.22!important;
    letter-spacing:-.03em!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading p:not(.section-kicker),
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy p {
    color:#727a7e!important;
    -webkit-text-fill-color:#727a7e!important;
    font-size:1rem!important;
    font-weight:500!important;
    line-height:1.6!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#topup-panel,#mycardwalletevent,#games-panel,#preregister) > .section-heading h2,
body#top:not(.inline-detail-mode) main section:is(#topup-panel,#mycardwalletevent,#games-panel,#preregister) > .section-heading .section-title-copy h2 {
    color:#3f484c!important;
    -webkit-text-fill-color:#3f484c!important;
    font-size:1.08rem!important;
    font-weight:750!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article) {
    box-sizing:border-box!important;
    padding:22px!important;
    border:1px solid #e1e6e4!important;
    border-radius:18px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(31,45,48,.07)!important;
    color:#20272a!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article)::before,
body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article)::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article) h3 {
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:1.05rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article) p,
body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) .payment-grid > a > span {
    color:#747c80!important;
    -webkit-text-fill-color:#747c80!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#socialtasks,#mymall,#lottery,#more) :is(.reward-card > a,.offer-card > a,.member-gate-card__body > a,.social-task-card > a,.mall-card > a,.tickets-rail > article > a,.lottery-rail > article > a),
body#top:not(.inline-detail-mode) main section#topupbonus :is(.topup-actions > a,.wallet-actions > a) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:120px!important;
    min-height:42px!important;
    padding:9px 18px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.9rem!important;
    font-weight:750!important;
    line-height:1.2!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .payment-grid > a {
    padding:18px!important;
    border:1px solid #e1e6e4!important;
    border-radius:16px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 6px 18px rgba(31,45,48,.06)!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .payment-grid > a > strong {
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card) {
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e1e6e4!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(31,45,48,.07)!important;
}

body#top:not(.inline-detail-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card)::before,
body#top:not(.inline-detail-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card)::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card) > a {
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    overflow:hidden!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card) img {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
}

/* Remove the legacy member-task title mascot and its reserved space. */
body#top:not(.inline-detail-mode) main section#membertasks > .section-heading {
    display:grid!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

body#top:not(.inline-detail-mode) main section#membertasks > .section-heading .section-title-row {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:0!important;
    gap:0!important;
}

body#top:not(.inline-detail-mode) main section#membertasks > .section-heading .section-title-icon-frame,
body#top:not(.inline-detail-mode) main section#membertasks > .section-heading .section-title-icon {
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
}

body#top:not(.inline-detail-mode) main section#membertasks > .section-heading .section-title-copy {
    display:block!important;
    width:100%!important;
    min-width:0!important;
}

/* Force every top-up reward card into the same neutral card system. */
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card.featured,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:first-child,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card[data-loop-clone="true"] {
    padding:22px!important;
    border:1px solid #e1e6e4!important;
    border-radius:18px!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(31,45,48,.07)!important;
    color:#20272a!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card.featured:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:first-child:hover {
    border-color:#e1e6e4!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(31,45,48,.07)!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card::before,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card h3 {
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card p:not(.offer-media) {
    color:#747c80!important;
    -webkit-text-fill-color:#747c80!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > span {
    border:0!important;
    background:#eaf6f4!important;
    background-color:#eaf6f4!important;
    background-image:none!important;
    box-shadow:none!important;
    color:var(--mc-accent-dark)!important;
    -webkit-text-fill-color:var(--mc-accent-dark)!important;
    text-shadow:none!important;
}

/* Turn preregistration image links into clean image cards with a plain caption. */
body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a:hover {
    display:grid!important;
    grid-template-rows:auto auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:17px!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    overflow:hidden!important;
    transform:none!important;
}

/* v1.1.7 member-task cards and weekly check-in action. */
body#top main section#membertasks .rail-large > article.reward-card,
body#top main section#membertasks .rail-large > article.reward-card:first-child,
body#top main section#membertasks .rail-large > article.reward-card.featured,
body#top main section#membertasks .rail-large > article.reward-card:hover,
body#top main section#membertasks .rail-large > article.reward-card:first-child:hover,
body#top main section#membertasks .rail-large > article.reward-card.featured:hover,
body#top[data-lang] main section#membertasks .rail-large > article.reward-card,
body#top[data-lang] main section#membertasks .rail-large > article.reward-card:first-child,
body#top[data-lang] main section#membertasks .rail-large > article.reward-card.featured {
    border:1px solid var(--mc-line)!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    color:var(--mc-ink)!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

/* v1.1.8 unify the four merged-panel headings and content origins. */
body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) {
    display:block!important;
    align-content:start!important;
    justify-content:initial!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:clamp(30px,3.5vw,44px) 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

/* v1.1.10: hidden tab panels must override the shared visible-panel layout. */
body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent)[hidden],
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister)[hidden] {
    display:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > *,
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) > * {
    zoom:1!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading,
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) > .section-heading {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 12px!important;
    padding:0!important;
    text-align:left!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading h2,
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) > .section-heading h2 {
    margin:0!important;
    padding:0!important;
    color:#3f484c!important;
    -webkit-text-fill-color:#3f484c!important;
    font-size:clamp(1.05rem,1.5vw,1.3rem)!important;
    font-weight:750!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > :is(.rail-shell,.topup-shell,.payment-shell,.lottery-shell),
body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) > :is(.rail-shell,.preregister-rail-shell) {
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a:hover {
    grid-template-rows:auto minmax(70px,1fr)!important;
    gap:0!important;
    background:#fff!important;
    background-color:#fff!important;
}

body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a > img {
    display:block!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a > strong {
    min-height:0!important;
    margin:0!important;
    padding:10px 14px 12px!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) {
        margin-top:0!important;
    }

    body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading,
    body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister) > .section-heading {
        margin-bottom:10px!important;
    }
}

/* v1.1.7 authoritative member-task state reset. */
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:hover,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child:hover,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured:hover {
    border:1px solid var(--mc-line)!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    color:var(--mc-ink)!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card::before,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card::after,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child::before,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child::after,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured::before,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card > a,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card > a:hover,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child > a,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card:first-child > a:hover,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured > a,
body#top:not(.inline-detail-mode) main section#membertasks .rail-large > article.reward-card.featured > a:hover {
    border:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
    filter:none!important;
}


body#top main section#membertasks .rail-large > article.reward-card :is(h3,p),
body#top main section#membertasks .rail-large > article.reward-card:first-child :is(h3,p),
body#top main section#membertasks .rail-large > article.reward-card.featured :is(h3,p) {
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    text-shadow:none!important;
}

body#top main section#membertasks .rail-large > article.reward-card .tag,
body#top main section#membertasks .rail-large > article.reward-card:first-child .tag,
body#top main section#membertasks .rail-large > article.reward-card.featured .tag {
    border:0!important;
    color:var(--mc-accent-dark)!important;
    background:var(--mc-accent-soft)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

body#top main section#membertasks .rail-large > article.reward-card > a,
body#top main section#membertasks .rail-large > article.reward-card:first-child > a,
body#top main section#membertasks .rail-large > article.reward-card.featured > a {
    border:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
}


body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a::before,
body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a::after {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a > strong {
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:70px!important;
    margin:0!important;
    padding:13px 16px 15px!important;
    border:0!important;
    background:#fff!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:.95rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-align:left!important;
    text-shadow:none!important;
}

/* Card titles use the same calm, regular weight across every content section. */
body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .member-gate-card,
    .social-task-card,
    .social-video-card,
    .game-card,
    .preregister-card,
    .mall-card,
    .register-product-card,
    .register-flow-card,
    .payment-grid > a,
    .tickets-rail > article,
    .lottery-rail > article
) :is(h3, h4, .card-title, .game-card__title) {
    font-weight:500!important;
}

body#top:not(.inline-detail-mode) main :is(.preregister-card > a > strong, .payment-grid > a > strong) {
    font-weight:500!important;
}

@media (max-width:700px) {
    main > #limited,
    main > section[hidden] {
        display:none!important;
    }

    html,
    html body {
        height:auto!important;
        scroll-snap-type:none!important;
        overscroll-behavior-y:auto!important;
    }

    html main {
        touch-action:auto!important;
    }

    body#top:not(.inline-detail-mode) .hero {
        height:clamp(190px,42vw,280px)!important;
        min-height:clamp(190px,42vw,280px)!important;
        max-height:none!important;
    }

    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        grid-template-rows:repeat(2,minmax(68px,auto))!important;
        grid-auto-rows:minmax(68px,auto)!important;
        width:calc(100% - 24px)!important;
        max-width:680px!important;
        margin:14px auto 8px!important;
        padding:10px 7px!important;
        gap:5px!important;
        border-radius:18px!important;
        box-shadow:0 12px 30px rgba(17,24,39,.1)!important;
    }

    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel > a {
        grid-template-rows:58px auto!important;
        min-height:96px!important;
        padding:7px 2px!important;
        gap:4px!important;
        border-radius:11px!important;
    }

    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon,
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon img,
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel span.has-icon svg {
        width:58px!important;
        height:58px!important;
    }

    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel strong,
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel a > span:not(.has-icon) {
        font-size:10px!important;
        line-height:1.15!important;
        overflow-wrap:anywhere!important;
    }

    body#top:not(.inline-detail-mode) main > section.section:not(.hero) {
        display:block!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:44px 18px!important;
        scroll-margin-top:59px!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) {
        display:block!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:44px 18px!important;
        align-content:initial!important;
        justify-content:initial!important;
    }

    body#top:not(.inline-detail-mode) main > section#limited.section,
    body#top:not(.inline-detail-mode) main > section.section[hidden],
    body#top.inline-detail-mode main > section.section[hidden] {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) main > section.section:not(.hero) > * {
        zoom:1!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > * {
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        zoom:1!important;
    }

    body#top:not(.inline-detail-mode) :is(.rail-shell,.rail,.card-grid,.feature-grid,.member-gate-grid,.payment-grid,.topup-actions,.wallet-actions) {
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more)::before {
        width:76%!important;
    }

    body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading {
        gap:8px!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin-bottom:22px!important;
    }

    body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading h2,
    body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading .section-title-copy h2 {
        font-size:1.65rem!important;
        letter-spacing:-.025em!important;
    }

    body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading h2,
    body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy h2 {
        font-size:1.65rem!important;
    }

    body#top:not(.inline-detail-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(.reward-card,.offer-card,.member-gate-card,.social-task-card,.mall-card,.tickets-rail > article,.lottery-rail > article) {
        padding:18px!important;
        border-radius:20px!important;
    }

    body#top:not(.inline-detail-mode) main section#membertasks > .section-heading,
    body#top:not(.inline-detail-mode) main section#membertasks > .section-heading .section-title-row {
        min-height:0!important;
    }

    body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card,
    body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card.featured,
    body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card:first-child {
        padding:18px!important;
        border-radius:20px!important;
    }

    #membertasks > .member-task-tabs,
    .tab-composite-section > .event-tabs {
        width:100%!important;
        margin:0 auto 20px!important;
    }

    #membertasks > .member-task-tabs {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    #membertasks .member-task-tab,
    .tab-composite-section .event-tab {
        min-height:42px!important;
        padding:8px 10px!important;
        font-size:.78rem!important;
    }

    #membertasks > .member-task-tab-panel,
    .tab-composite-section > .event-tab-panel {
        margin-top:0!important;
    }

    .tab-composite-section > .event-tab-panel > .section-heading {
        margin-bottom:14px!important;
    }

    .tab-composite-section > .event-tab-panel > .section-heading h2,
    .tab-composite-section > .event-tab-panel > .section-heading .section-title-copy h2 {
        font-size:1rem!important;
    }

    body#top:not(.inline-detail-mode) .bottom-nav {
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:translateX(-50%)!important;
    }

    body#top:not(.inline-detail-mode) .site-footer {
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }
}

/* v1.1.4 detail-page shell: keep campaign artwork, unify its surrounding chrome. */
body#top.inline-detail-mode .hero {
    border:0!important;
    border-bottom:1px solid var(--mc-line)!important;
    background:#f7f8f9!important;
    background-image:none!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode .hero::before,
body#top.inline-detail-mode .hero::after,
body#top.inline-detail-mode .hero-art::before,
body#top.inline-detail-mode .hero-art::after {
    display:none!important;
    content:none!important;
}

body#top.inline-detail-mode .hero-art {
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel {
    display:grid!important;
    grid-template-columns:repeat(var(--item-count,10),minmax(0,1fr))!important;
    position:relative!important;
    z-index:30!important;
    box-sizing:border-box!important;
    width:min(1240px,calc(100% - 48px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:-42px auto 0!important;
    padding:14px!important;
    gap:8px!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    background-image:none!important;
    box-shadow:0 18px 45px rgba(17,24,39,.1)!important;
    transform:none!important;
    overflow:visible!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel::before,
body#top.inline-detail-mode [id="8icons"].quick-panel::after {
    display:none!important;
    content:none!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel > a {
    display:grid!important;
    grid-template-rows:42px auto!important;
    place-items:center!important;
    align-content:center!important;
    min-width:0!important;
    min-height:82px!important;
    padding:9px 5px!important;
    gap:5px!important;
    border:0!important;
    border-radius:14px!important;
    color:var(--mc-ink)!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel > a:hover,
body#top.inline-detail-mode [id="8icons"].quick-panel > a:focus-visible {
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel strong,
body#top.inline-detail-mode [id="8icons"].quick-panel a > span:not(.has-icon) {
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    text-shadow:none!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode .hero {
        height:clamp(190px,42vw,280px)!important;
        min-height:clamp(190px,42vw,280px)!important;
        max-height:none!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel {
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        grid-template-rows:repeat(2,minmax(68px,auto))!important;
        width:calc(100% - 24px)!important;
        margin:14px auto 8px!important;
        padding:10px 7px!important;
        gap:5px!important;
        border-radius:18px!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel > a {
        grid-template-rows:30px auto!important;
        min-height:68px!important;
        padding:7px 2px!important;
        gap:4px!important;
        border-radius:11px!important;
    }
}

/* v1.1.5 final cascade: heading, header, quick links and section boundary. */
body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading,
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading,
body#top:not(.inline-detail-mode) .tab-composite-section > .event-tab-panel > .section-heading,
body#top.inline-detail-mode main > :is(.detail-task-section,.register-standalone-notice) > .section-heading {
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    text-align:left!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading .section-title-row,
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-row,
body#top:not(.inline-detail-mode) .tab-composite-section > .event-tab-panel > .section-heading .section-title-row,
body#top.inline-detail-mode main > :is(.detail-task-section,.register-standalone-notice) > .section-heading .section-title-row {
    justify-content:flex-start!important;
}

body#top:not(.inline-detail-mode) main > section.section:not(.hero) > .section-heading :is(.section-title-copy,h2,p),
body#top:not(.inline-detail-mode) .tab-composite-section > .event-tab-panel > .section-heading :is(.section-title-copy,h2,p),
body#top.inline-detail-mode main > :is(.detail-task-section,.register-standalone-notice) > .section-heading :is(.section-title-copy,h2,p) {
    text-align:left!important;
}

body#top header.site-header nav.header-nav > a,
body#top[data-lang] header.site-header nav.header-nav > a,
body#top.inline-detail-mode header.site-header nav.header-nav > a.detail-home-link,
body#top header.site-header nav.header-nav > a:hover,
body#top header.site-header nav.header-nav > a:focus-visible,
body#top header.site-header nav.header-nav > a.is-active {
    padding-right:4px!important;
    padding-left:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top header.site-header nav.header-nav > a:hover,
body#top header.site-header nav.header-nav > a:focus-visible,
body#top header.site-header nav.header-nav > a.is-active {
    color:var(--mc-accent-dark)!important;
    text-decoration:underline!important;
    text-decoration-color:rgba(0,173,238,.55)!important;
    text-decoration-thickness:2px!important;
    text-underline-offset:6px!important;
}

body#top header.site-header .lang-switch .lang-current {
    border-radius:999px!important;
}

body#top header.site-header .lang-switch .lang-current .lang-mark {
    display:grid!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    place-items:center!important;
    border:0!important;
    border-radius:50%!important;
    color:inherit!important;
    background:#edf7f5!important;
    background-image:none!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel,
body#top.inline-detail-mode [id="8icons"].quick-panel {
    background:rgba(255,255,255,.84)!important;
    background-image:none!important;
    backdrop-filter:blur(18px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

body#top:not(.inline-detail-mode) main > section#membergate {
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main > section#membertasks::before {
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
}

@media (min-width:701px) {
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel,
    body#top.inline-detail-mode [id="8icons"].quick-panel {
        margin-top:-26px!important;
    }
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel,
    body#top.inline-detail-mode [id="8icons"].quick-panel {
        background:rgba(255,255,255,.88)!important;
    }
}

/* v1.1.6 final interaction and spacing cleanup. */
body#top:not(.inline-detail-mode) main > section.section:not(.hero)::before,
body#top:not(.inline-detail-mode) main > section.section:not(.hero)::after {
    display:none!important;
    content:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
}

body#top :is(.lang-mark,.lang-menu button.is-active,.tag,.member-gate-card__tag),
body#top :is(.header-nav a,.bottom-nav a,.side-nav a,.smart-guide__choice,.smart-guide__destination):hover,
body#top .smart-guide__dialogue,
body#top :is(.wallet-bullet,.payment-icon) {
    border-color:rgba(0,173,238,.2)!important;
}

body#top :is(.lang-mark,.lang-menu button.is-active,.tag,.member-gate-card__tag),
body#top :is(.header-nav a,.bottom-nav a,.side-nav a,.smart-guide__choice,.smart-guide__destination):hover,
body#top .smart-guide__dialogue,
body#top :is(.wallet-bullet,.payment-icon) {
    background-color:var(--mc-accent-soft)!important;
}

body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .game-card-image,
    .member-gate-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) {
    transition:none!important;
    transform:none!important;
    filter:none!important;
}

body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .member-gate-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
):hover {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    transform:none!important;
    filter:none!important;
}

body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .member-gate-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) > a,
body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .member-gate-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) > a:hover {
    transition:none!important;
    transform:none!important;
    filter:none!important;
}

body#top:not(.inline-detail-mode) main section#preregister > .section-heading {
    margin-bottom:0!important;
}

body#top:not(.inline-detail-mode) main section#preregister > .preregister-rail-shell,
body#top:not(.inline-detail-mode) main section#preregister .preregister-rail {
    margin-top:0!important;
    padding-top:0!important;
}

body#top main section#socialtasks .social-video-card,
body#top main section#socialtasks .social-video-card:hover,
body#top[data-lang] main section#socialtasks .social-video-card,
body#top[data-lang] main section#socialtasks .social-video-card:hover,
body#top main section#socialtasks .social-video-card iframe {
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
}

body#top header.site-header .lang-switch .lang-current .lang-mark,
body#top header.site-header .lang-switch #langMenu.lang-menu button:hover,
body#top header.site-header .lang-switch #langMenu.lang-menu button:focus-visible,
body#top header.site-header .lang-switch #langMenu.lang-menu button.is-active,
body#top nav.side-nav .side-nav-toggle:hover,
body#top nav.side-nav #mobileFloatLinks > a:hover,
body#top nav.side-nav #mobileFloatLinks > button:hover,
body#top.inline-detail-mode main .inline-detail__close:hover,
body#top.inline-detail-mode main .register-detail-table th,
body#top .smart-guide .smart-guide__close:hover,
body#top .smart-guide .smart-guide__dialogue,
body#top .smart-guide .smart-guide__choice:hover,
body#top .smart-guide .smart-guide__destination:hover,
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel > a:hover,
body#top.inline-detail-mode [id="8icons"].quick-panel > a:hover,
body#top:not(.inline-detail-mode) main :is(.tag,.member-gate-card__tag,.wallet-bullet,.payment-icon),
body#top:not(.inline-detail-mode) .bottom-nav a:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > span {
    border-color:rgba(0,173,238,.2)!important;
    background:var(--mc-accent-soft)!important;
    background-image:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-card:hover,
body#top:not(.inline-detail-mode) main section#membertasks .reward-card:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .offer-card:hover,
body#top:not(.inline-detail-mode) main section#hotgames .game-card:hover,
body#top:not(.inline-detail-mode) main section#preregister .preregister-card:hover,
body#top:not(.inline-detail-mode) main section#socialtasks .social-task-card:hover,
body#top:not(.inline-detail-mode) main section#mymall .mall-card:hover,
body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > article:hover,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article:hover,
body#top:not(.inline-detail-mode) main section#more .tickets-rail > article:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .payment-grid > a:hover,
body#top:not(.inline-detail-mode) main section#topupbonus .payment-rail > a:hover {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    transform:none!important;
    filter:none!important;
}

body#top:not(.inline-detail-mode) main section#hotgames :is(.game-card,.game-card-image) > a,
body#top:not(.inline-detail-mode) main section#hotgames :is(.game-card,.game-card-image) > a:hover {
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-mode) main section#preregister .preregister-card > a:hover {
    border:0!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

/* v1.1.13: keep every card action inside narrow mobile cards. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main :is(
        .reward-card > a,
        .offer-card > a,
        .member-gate-card__body > a,
        .social-task-card > a,
        .mall-card > a,
        .tickets-rail > article > a,
        .lottery-rail > article > a
    ) {
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        padding-right:10px!important;
        padding-left:10px!important;
        font-size:.8rem!important;
        line-height:1.3!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
        text-align:center!important;
    }

    body#top:not(.inline-detail-mode) main :is(
        .topup-actions,
        .wallet-actions
    ) {
        display:flex!important;
        flex-wrap:wrap!important;
        gap:8px!important;
        width:100%!important;
        min-width:0!important;
    }

    body#top:not(.inline-detail-mode) main :is(
        .topup-actions,
        .wallet-actions
    ) > a {
        box-sizing:border-box!important;
        flex:1 1 132px!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        padding-right:12px!important;
        padding-left:12px!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
        text-align:center!important;
    }
}

/* v1.1.14 final mobile card containment lock. */
@media (max-width:768px) {
    body#top main :is(
        .reward-card,
        .offer-card,
        .member-gate-card,
        .social-task-card,
        .mall-card,
        .register-task-card,
        .tickets-rail > article,
        .lottery-rail > article
    ) {
        box-sizing:border-box!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
    }

    body#top main section#membertasks .reward-card > a,
    body#top main section#topupbonus .offer-card > a,
    body#top main section#membergate .member-gate-card__body > a,
    body#top main section#socialtasks .social-task-card > a,
    body#top main section#mymall .mall-card > a,
    body#top main section#mycardwalletevent .lottery-rail > article > a,
    body#top main section#lottery .tickets-rail > article > a,
    body#top main section#more .tickets-rail > article > a,
    body#top.inline-detail-mode main .register-task-card > a {
        position:static!important;
        inset:auto!important;
        float:none!important;
        align-self:stretch!important;
        box-sizing:border-box!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:42px!important;
        margin:12px 0 0!important;
        padding:9px 10px!important;
        overflow:hidden!important;
        transform:none!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
        text-align:center!important;
    }
}

/* v1.1.16: lower the home quick links and align detail content widths. */
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
    background:rgba(255,255,255,.7)!important;
    background-image:none!important;
}

body#top.inline-detail-mode main .inline-detail__panel {
    width:100%!important;
    max-width:none!important;
}

body#top.inline-detail-mode main .detail-task-section .section-title-icon-frame,
body#top.inline-detail-mode main .detail-task-section .section-title-icon {
    display:none!important;
}

body#top.inline-detail-mode main .detail-task-section .section-title-row {
    grid-template-columns:minmax(0,1fr)!important;
}

@media (min-width:701px) {
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
        margin-top:-12px!important;
    }
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
        margin-top:22px!important;
        background:rgba(255,255,255,.7)!important;
    }
}

/* v1.1.18: right floating navigation uses MyCard blue and white. */
body#top nav.side-nav .side-nav-toggle,
body#top nav.side-nav .back-top,
body#top nav.side-nav .side-nav-toggle:hover,
body#top nav.side-nav .side-nav-toggle:focus-visible,
body#top nav.side-nav .back-top:hover,
body#top nav.side-nav .back-top:focus-visible {
    border-color:#00ADEE!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#00ADEE!important;
    background-color:#00ADEE!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(0,173,238,.28)!important;
}

body#top nav.side-nav #mobileFloatLinks > a,
body#top nav.side-nav #mobileFloatLinks > button {
    border-color:rgba(0,173,238,.28)!important;
    color:#0089bd!important;
    -webkit-text-fill-color:#0089bd!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:0 6px 18px rgba(0,173,238,.12)!important;
}

body#top nav.side-nav #mobileFloatLinks > a:hover,
body#top nav.side-nav #mobileFloatLinks > a:focus-visible,
body#top nav.side-nav #mobileFloatLinks > a.is-active,
body#top nav.side-nav #mobileFloatLinks > button:hover,
body#top nav.side-nav #mobileFloatLinks > button:focus-visible {
    border-color:#00ADEE!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#00ADEE!important;
    background-color:#00ADEE!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(0,173,238,.24)!important;
}

/* v1.1.19: keep mobile card actions inside the card and show a three-day check-in window. */
@media (max-width:768px) {
    body#top main section#membertasks .reward-card > a,
    body#top main section#topupbonus .offer-card > a,
    body#top main section#membergate .member-gate-card__body > a,
    body#top main section#socialtasks .social-task-card > a,
    body#top main section#mymall .mall-card > a,
    body#top main section#mycardwalletevent .lottery-rail > article > a,
    body#top main section#lottery .tickets-rail > article > a,
    body#top main section#more .tickets-rail > article > a,
    body#top.inline-detail-mode main .register-task-card > a {
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin-right:0!important;
        margin-left:0!important;
        justify-self:stretch!important;
        align-self:stretch!important;
    }

}

/* v1.1.20: mobile cards size to their content and keep actions visibly inset. */
@media (max-width:768px) {
    body#top main :is(
        .reward-card,
        .offer-card,
        .member-gate-card,
        .social-task-card,
        .mall-card,
        .register-task-card,
        .tickets-rail > article,
        .lottery-rail > article
    ) {
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        align-self:start!important;
    }

    body#top main section#membertasks .member-checkin-rail {
        align-items:start!important;
        grid-auto-rows:auto!important;
    }

    body#top main section#membertasks .reward-card > a,
    body#top main section#topupbonus .offer-card > a,
    body#top main section#membergate .member-gate-card__body > a,
    body#top main section#socialtasks .social-task-card > a,
    body#top main section#mymall .mall-card > a,
    body#top main section#mycardwalletevent .lottery-rail > article > a,
    body#top main section#lottery .tickets-rail > article > a,
    body#top main section#more .tickets-rail > article > a,
    body#top.inline-detail-mode main .register-task-card > a {
        position:static!important;
        inset:auto!important;
        box-sizing:border-box!important;
        width:calc(100% - 16px)!important;
        min-width:0!important;
        max-width:calc(100% - 16px)!important;
        height:auto!important;
        margin:10px auto 0!important;
        padding:9px 6px!important;
        align-self:center!important;
        justify-self:center!important;
    }
}

/* v1.1.22: one mobile sizing contract for every standalone content card. */
@media (max-width:768px) {
    body#top main :is(
        .member-gate-grid,
        .rail-large,
        .topup-rail,
        .payment-grid,
        .payment-rail,
        .lottery-rail,
        .tickets-rail,
        .social-task-grid,
        .social-video-grid,
        .mall-grid,
        .detail-task-rail
    ) {
        align-items:start!important;
        grid-auto-rows:auto!important;
    }

    body#top main :is(
        .reward-card,
        .offer-card,
        .limited-card,
        .member-gate-card,
        .social-task-card,
        .social-video-card,
        .mall-card,
        .register-product-card,
        .register-task-card,
        .payment-grid > a,
        .payment-rail > a,
        .tickets-rail > article,
        .lottery-rail > article
    ) {
        box-sizing:border-box!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top main section#membergate .member-gate-card {
        display:grid!important;
        grid-template-columns:80px minmax(0,1fr)!important;
        align-items:center!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:12px!important;
        gap:10px!important;
    }

    body#top main section#membergate .member-gate-card__media {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:80px!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    body#top main section#membergate .member-gate-card__media > img {
        width:auto!important;
        max-width:72px!important;
        height:auto!important;
        max-height:72px!important;
    }

    body#top main section#membergate .member-gate-card__body {
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        gap:8px!important;
        overflow:visible!important;
    }

    body#top main section#membergate .member-gate-card__body > a,
    body#top main section#membertasks .reward-card > a,
    body#top main section#topupbonus .offer-card > a,
    body#top main section#limited .limited-card > a,
    body#top main section#socialtasks .social-task-card > a,
    body#top main section#mymall .mall-card > a,
    body#top main section#mycardwalletevent .lottery-rail > article > a,
    body#top main section#lottery .tickets-rail > article > a,
    body#top main section#more .tickets-rail > article > a,
    body#top.inline-detail-mode main .register-task-card > a {
        position:static!important;
        inset:auto!important;
        display:flex!important;
        flex:0 0 auto!important;
        box-sizing:border-box!important;
        width:calc(100% - 16px)!important;
        min-width:0!important;
        max-width:calc(100% - 16px)!important;
        height:auto!important;
        min-height:38px!important;
        max-height:none!important;
        margin:10px 8px 0!important;
        padding:8px 6px!important;
        align-self:center!important;
        justify-self:center!important;
        opacity:1!important;
        visibility:visible!important;
        overflow:hidden!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
    }

    body#top main section#membergate .member-gate-card__body > a {
        margin-top:2px!important;
    }

}

/* v1.1.24: remove internal stretch tracks from every mobile content card. */
@media (max-width:768px) {
    body#top main section#membertasks .member-missions-rail > article.reward-card,
    body#top main section#topupbonus .topup-rail > article.offer-card,
    body#top main section#socialtasks .social-task-rail > article.social-task-card,
    body#top main section#mymall .mall-rail > article.mall-card,
    body#top main section#mycardwalletevent .lottery-rail > article,
    body#top main section#lottery .tickets-rail > article,
    body#top main section#more .tickets-rail > article,
    body#top.inline-detail-mode main article.register-task-card {
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        grid-template-rows:none!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:14px!important;
        gap:8px!important;
        align-self:start!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > :is(.tag,h3,p),
    body#top main section#topupbonus .topup-rail > article.offer-card > :is(span,h3,p),
    body#top main section#socialtasks .social-task-rail > article.social-task-card > :is(.tag,h3,p),
    body#top main section#mymall .mall-rail > article.mall-card > :is(.tag,h3,p),
    body#top main section#mycardwalletevent .lottery-rail > article > :is(span,b,h3,p,strong),
    body#top main section#lottery .tickets-rail > article > :is(span,b,h3,p,strong),
    body#top main section#more .tickets-rail > article > :is(span,b,h3,p,strong),
    body#top.inline-detail-mode main article.register-task-card > :is(.tag,h3,p) {
        flex:0 0 auto!important;
        box-sizing:border-box!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        align-self:stretch!important;
    }

    body#top main :is(
        .member-missions-rail > article.reward-card,
        .topup-rail > article.offer-card,
        .social-task-rail > article.social-task-card,
        .mall-rail > article.mall-card,
        article.register-task-card
    ) > :is(p.offer-media,p.feature-media,p.mall-media) {
        display:flex!important;
        flex:0 0 auto!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
    }

    body#top main section#topupbonus .payment-grid > a {
        display:grid!important;
        grid-template-rows:auto auto auto!important;
        align-content:start!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:12px!important;
        gap:6px!important;
        align-self:start!important;
    }

    body#top main section#topupbonus .payment-grid > a > :is(em,strong,span) {
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

}

/* v1.1.25: restore a clear vertical hierarchy inside the two mobile member-gate cards. */
@media (max-width:768px) {
    body#top main section#membergate .member-gate-grid {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-items:start!important;
        gap:10px!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
    }

    body#top main section#membergate .member-gate-card {
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:12px 8px 10px!important;
        gap:8px!important;
        align-self:start!important;
    }

    body#top main section#membergate .member-gate-card__body {
        display:contents!important;
    }

    body#top main section#membergate .member-gate-card__tag {
        order:1!important;
        align-self:center!important;
        justify-self:auto!important;
        width:auto!important;
        max-width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:6px 10px!important;
        font-size:.75rem!important;
        line-height:1.2!important;
        text-align:center!important;
        white-space:nowrap!important;
    }

    body#top main section#membergate .member-gate-card__media {
        order:2!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        height:68px!important;
        min-height:0!important;
        max-height:68px!important;
        margin:0!important;
    }

    body#top main section#membergate .member-gate-card__media > img {
        width:auto!important;
        max-width:76px!important;
        height:64px!important;
        max-height:64px!important;
        object-fit:contain!important;
    }

    body#top main section#membergate .member-gate-card h3 {
        order:3!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        font-size:.95rem!important;
        line-height:1.3!important;
        text-align:center!important;
    }

    body#top main section#membergate .member-gate-card__body > a {
        order:4!important;
        width:calc(100% - 16px)!important;
        max-width:calc(100% - 16px)!important;
        min-height:38px!important;
        margin:2px 8px 0!important;
        align-self:center!important;
    }
}

/* v1.1.27: mobile member and social tasks use compact horizontal action rows. */
@media (max-width:768px) {
    body#top main section#membertasks .member-missions-rail,
    body#top main section#socialtasks .social-task-rail {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        align-items:start!important;
        width:100%!important;
        min-width:0!important;
        padding:0!important;
        gap:10px!important;
        overflow:visible!important;
        transform:none!important;
        animation:none!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card,
    body#top main section#socialtasks .social-task-rail > article.social-task-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > .tag,
    body#top main section#socialtasks .social-task-rail > article.social-task-card > .tag {
        display:none!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > h3,
    body#top main section#socialtasks .social-task-rail > article.social-task-card > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        line-height:1.35!important;
        text-align:left!important;
        overflow-wrap:anywhere!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > p.offer-media,
    body#top main section#socialtasks .social-task-rail > article.social-task-card > p.feature-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > p.offer-media > :is(img,svg),
    body#top main section#socialtasks .social-task-rail > article.social-task-card > p.feature-media > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top main section#membertasks .member-missions-rail > article.reward-card > a,
    body#top main section#socialtasks .social-task-rail > article.social-task-card > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.1.32: card CTA labels use the regular font face, overriding legacy bold rules. */
body#top:not(.inline-detail-mode) main section#membergate .member-gate-card__body > a,
body#top:not(.inline-detail-mode) main section#membertasks .reward-card > a,
body#top:not(.inline-detail-mode) main section#topupbonus .offer-card > a,
body#top:not(.inline-detail-mode) main section#limited .limited-card > a,
body#top:not(.inline-detail-mode) main section#socialtasks .social-task-card > a,
body#top:not(.inline-detail-mode) main section#mymall .mall-card > a,
body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > article > a,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article > a,
body#top:not(.inline-detail-mode) main section#more .tickets-rail > article > a,
body#top:not(.inline-detail-mode) main section#topupbonus .payment-grid > a,
body#top:not(.inline-detail-mode) main section#topupbonus .payment-rail > a,
body#top.inline-detail-mode main .register-task-card > a,
body#top.inline-detail-mode main .register-product-card > a {
    font-weight:400!important;
    font-synthesis:none!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus :is(.payment-grid,.payment-rail) > a > :is(em,strong,span),
body#top:not(.inline-detail-mode) main section :is(.reward-card,.offer-card,.limited-card,.social-task-card,.mall-card) > a > :is(em,strong,span,b),
body#top:not(.inline-detail-mode) main section#membergate .member-gate-card__body > a > :is(em,strong,span,b),
body#top:not(.inline-detail-mode) main section :is(.tickets-rail,.lottery-rail) > article > a > :is(em,strong,span,b),
body#top.inline-detail-mode main :is(.register-task-card,.register-product-card) > a > :is(em,strong,span,b) {
    font-weight:400!important;
    font-synthesis:none!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
}

/* v1.1.33: keep quick links and bottom navigation labels crisp and shadow-free. */
body#top:not(.inline-detail-mode) main section[id="8icons"].quick-panel > :is(a,a:hover,a:focus-visible,a.is-active),
body#top[data-lang]:not(.inline-detail-mode) main section[id="8icons"].quick-panel > :is(a,a:hover,a:focus-visible,a.is-active),
body#top:not(.inline-detail-mode) main section[id="8icons"].quick-panel > a > :is(strong,span:not(.has-icon)),
body#top[data-lang]:not(.inline-detail-mode) main section[id="8icons"].quick-panel > a > :is(strong,span:not(.has-icon)),
body#top:not(.inline-detail-mode) nav.bottom-nav > :is(a,a:hover,a:focus-visible,a.is-active,button,button:hover,button:focus-visible,button.is-active),
body#top[data-lang]:not(.inline-detail-mode) nav.bottom-nav > :is(a,a:hover,a:focus-visible,a.is-active,button,button:hover,button:focus-visible,button.is-active),
body#top:not(.inline-detail-mode) nav.bottom-nav > :is(a,button) > span,
body#top[data-lang]:not(.inline-detail-mode) nav.bottom-nav > :is(a,button) > span {
    font-weight:400!important;
    text-shadow:none!important;
}

/* v1.1.29: match mobile member top-up cards to the compact task-row layout. */
@media (max-width:768px) {
    body#top main section#topupbonus .topup-rail {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        align-items:start!important;
        width:100%!important;
        min-width:0!important;
        padding:0!important;
        gap:10px!important;
        overflow:visible!important;
        transform:none!important;
        animation:none!important;
    }

    body#top main section#topupbonus .topup-rail > article.offer-card[data-loop-clone="true"] { display:none!important; }

    body#top main section#topupbonus .topup-rail > article.offer-card,
    body#top main section#topupbonus .topup-rail > article.offer-card.featured,
    body#top main section#topupbonus .topup-rail > article.offer-card:first-child {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top main section#topupbonus .topup-rail > article.offer-card > span { display:none!important; }

    body#top main section#topupbonus .topup-rail > article.offer-card > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        line-height:1.35!important;
        text-align:left!important;
        overflow-wrap:anywhere!important;
    }

    body#top main section#topupbonus .topup-rail > article.offer-card > p.offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
    }

    body#top main section#topupbonus .topup-rail > article.offer-card > p.offer-media > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top main section#topupbonus .topup-rail > article.offer-card > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.1.30: member welcome gifts use the shared tabs and one card per panel. */
body#top main section#membergate > .member-gift-tabs {
    width:min(620px,100%)!important;
    margin:0 auto 30px!important;
}

/* v1.1.31: keep tab labels and action-button copy at a calm medium weight. */
body#top :is(
    .event-tab,
    .member-task-tab,
    .primary-action,
    .hero-actions a,
    .quick-panel a,
    .reward-card > a,
    .offer-card > a,
    .member-gate-card__body > a,
    .social-task-card > a,
    .mall-card > a,
    .tickets-rail > article > a,
    .lottery-rail > article > a,
    .topup-actions > a,
    .wallet-actions > a,
    .payment-grid > a,
    .payment-rail > a,
    .preregister-action,
    .notice a,
    .inline-detail__action,
    .inline-detail__back
) {
    font-weight:500!important;
}

body#top main section#membergate > .member-gift-panel {
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top main section#membergate .member-gate-grid {
    grid-template-columns:minmax(0,1fr)!important;
    width:min(760px,100%)!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
}

/* Member welcome gifts reuse the exact member-task card component. */
body#top main section#membergate .member-gate-grid > .reward-card {
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}

body#top main section#membergate .member-gate-card,
body#top main section#membergate .member-gate-card:hover {
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    border:1px solid var(--mc-line)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    color:var(--mc-ink)!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

@media (max-width:768px) {
    body#top main section#membergate > .member-gift-tabs {
        margin-bottom:20px!important;
    }

    body#top main section#membergate .member-gate-grid {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:100%!important;
        gap:10px!important;
    }

    body#top main section#membergate .member-gate-card {
        display:grid!important;
        grid-template-columns:58px minmax(0,1fr)!important;
        align-items:center!important;
        width:100%!important;
        min-height:76px!important;
        padding:10px 12px!important;
        gap:10px!important;
        overflow:hidden!important;
    }

    body#top main section#membergate .member-gate-card__media {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-height:0!important;
        max-height:52px!important;
        margin:0!important;
    }

    body#top main section#membergate .member-gate-card__media > img {
        width:48px!important;
        max-width:48px!important;
        height:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top main section#membergate .member-gate-card__body {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-areas:"title action"!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        gap:10px!important;
    }

    body#top main section#membergate .member-gate-card__tag {
        display:none!important;
    }

    body#top main section#membergate .member-gate-card h3 {
        grid-area:title!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        line-height:1.35!important;
        text-align:left!important;
        overflow-wrap:anywhere!important;
    }

    body#top main section#membergate .member-gate-card__body > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.1.43: keep the authored PC title visible; mobile uses its one-line counterpart. */
body#top main section#topupbonus :is(.topup-title-desktop,.topup-title-mobile) {
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:inherit!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    text-shadow:inherit!important;
    -webkit-text-fill-color:currentColor!important;
}

body#top main section#topupbonus .topup-title-desktop {
    display:inline!important;
}

body#top main section#topupbonus .topup-title-mobile {
    display:none!important;
}

@media (max-width:768px) {
    body#top main section#topupbonus .topup-rail > article.offer-card > h3 {
        white-space:nowrap!important;
        word-break:keep-all!important;
        overflow-wrap:normal!important;
    }

    body#top main section#topupbonus .topup-title-desktop {
        display:none!important;
    }

    body#top main section#topupbonus .topup-title-mobile {
        display:inline!important;
        white-space:nowrap!important;
    }
}

/* v1.1.45: retain the original 16px title scale on compact mobile task rows. */
@media (max-width:768px) {
    body#top main section#membertasks .member-missions-rail > article.reward-card > h3,
    body#top main section#topupbonus .topup-rail > article.offer-card > h3,
    body#top main section#socialtasks .social-task-rail > article.social-task-card > h3,
    body#top main section#membergate .member-gate-card h3 {
        min-width:0!important;
        font-size:16px!important;
        white-space:nowrap!important;
        word-break:keep-all!important;
        overflow-wrap:normal!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
}

/* v1.1.71: member welcome gifts are a member-task rail; legacy gift-card rules are reset here. */
body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-columns:calc((100% - 68px) / 5.3)!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 0 0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail::-webkit-scrollbar {
    display:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card,
body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card:hover {
    box-sizing:border-box!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:22px!important;
    border:1px solid var(--mc-line)!important;
    border-radius:20px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    color:var(--mc-ink)!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a,
body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a:hover {
    border:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card .tag {
    border:0!important;
    color:var(--mc-accent-dark)!important;
    background:var(--mc-accent-soft)!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-template-rows:repeat(3,max-content)!important;
        grid-auto-columns:100%!important;
        column-gap:12px!important;
        row-gap:10px!important;
        padding:0!important;
        overflow-x:auto!important;
        scroll-snap-type:x mandatory!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card {
        scroll-snap-align:start!important;
    }
}

/* v1.1.72: exact content geometry shared with the member-mission task rows. */
body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
    padding:6px 0 18px!important;
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        align-items:start!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        gap:10px!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
        transform:none!important;
        animation:none!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > .tag {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        overflow-wrap:normal!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.1.73: same desktop media-and-action anchoring as member missions. */
body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media {
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-height:0!important;
    margin:0 0 4px!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media > :is(img,svg) {
    display:block!important;
    width:clamp(114px,9vw,144px)!important;
    height:clamp(114px,9vw,144px)!important;
    max-height:none!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 18px rgba(0,8,36,.28))!important;
}

body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:stretch!important;
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media {
        width:52px!important;
        height:52px!important;
        min-width:0!important;
        min-height:0!important;
        max-width:52px!important;
        max-height:52px!important;
        margin:0!important;
        align-items:center!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media > :is(img,svg) {
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        filter:none!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a {
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        align-self:center!important;
    }
}

/* v1.1.76: one mobile rhythm for every top-level tab section. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks) > .section-heading {
        margin:0 0 20px!important;
    }

    body#top:not(.inline-detail-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks) > .event-tabs {
        width:90%!important;
        max-width:90%!important;
        margin:0 auto 20px!important;
    }
}

/* v1.1.95 final cascade: member welcome gifts define every mobile task row. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(.tag, span.tag) {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > h3 {
        grid-area:title!important;
        align-self:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        overflow-wrap:normal!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(.offer-media, .feature-media) {
        grid-area:media!important;
        display:grid!important;
        place-items:center!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        margin:0!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > :is(.offer-media, .feature-media) :is(img, svg) {
        display:block!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        margin:0!important;
        object-fit:contain!important;
    }

    body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail,
        #topupbonus .topup-rail,
        #socialtasks .social-task-rail
    ) > article > a {
        grid-area:action!important;
        justify-self:end!important;
        align-self:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        white-space:nowrap!important;
        text-align:center!important;
        text-shadow:none!important;
    }
}

/* v1.1.96: member missions use the exact one-column welcome-gift rail on mobile. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) #membertasks .member-missions-rail {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:none!important;
        grid-auto-flow:row!important;
        grid-auto-columns:auto!important;
        grid-auto-rows:auto!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        gap:10px!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
        transform:none!important;
        animation:none!important;
    }

    body#top:not(.inline-detail-mode) #membertasks .member-task-mobile-pagination {
        display:none!important;
    }
}

/* v1.1.97: mobile welcome gifts use two-card pages; member missions keep three rows per page. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) #membergate .member-gate-task-rail {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:100%!important;
        grid-template-rows:repeat(2,max-content)!important;
        column-gap:12px!important;
        row-gap:10px!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-task-rail::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) #membergate .member-gate-task-rail > article.reward-card {
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) #membertasks .member-missions-rail {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:100%!important;
        grid-template-rows:repeat(3,max-content)!important;
        column-gap:12px!important;
        row-gap:10px!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) #membertasks .member-missions-rail::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) #membertasks .member-missions-rail > article.reward-card {
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-task-mobile-pagination
    ) {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        margin:12px auto 0!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-task-mobile-pagination
    ) > button {
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c8d0d3!important;
        box-shadow:var(--mc-shadow)!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-task-mobile-pagination
    ) > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* v1.1.98: explicit two-page grid prevents member-gift cards from collapsing into one column. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
        display:grid!important;
        grid-template-columns:minmax(0,100%) minmax(0,100%)!important;
        grid-template-rows:repeat(2,max-content)!important;
        grid-auto-flow:row!important;
        column-gap:12px!important;
        row-gap:10px!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(1),
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(2) {
        grid-column:1!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(3),
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(4) {
        grid-column:2!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(odd) {
        grid-row:1!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card:nth-child(even) {
        grid-row:2!important;
    }
}

/* v1.1.99: member gifts and member missions share the member-gift mobile task-card system. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:22px!important;
        gap:10px!important;
        border:1px solid var(--mc-line)!important;
        border-radius:20px!important;
        background:#fff!important;
        box-shadow:var(--mc-shadow)!important;
        overflow:hidden!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > .tag,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > .tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > h3,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > h3 {
        grid-area:title!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > p.offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media > :is(img,svg),
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > p.offer-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-task-rail > article.reward-card > a,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > a {
        grid-area:action!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-align:center!important;
        text-shadow:none!important;
        white-space:nowrap!important;
    }
}

/* v1.1.100: mobile member-gift and achievement rails use two-card pages. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card > h3 {
        align-self:center!important;
        display:flex!important;
        align-items:center!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail {
        display:grid!important;
        grid-template-columns:minmax(0,100%) minmax(0,100%)!important;
        grid-template-rows:repeat(2,max-content)!important;
        grid-auto-flow:row!important;
        column-gap:12px!important;
        row-gap:10px!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card:nth-child(1),
    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card:nth-child(2) {
        grid-column:1!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card:nth-child(n+3) {
        grid-column:2!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card:nth-child(odd) {
        grid-row:1!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card:nth-child(even) {
        grid-row:2!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:22px!important;
        gap:10px!important;
        border:1px solid var(--mc-line)!important;
        border-radius:20px!important;
        background:#fff!important;
        box-shadow:var(--mc-shadow)!important;
        overflow:hidden!important;
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card > .tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card > h3 {
        grid-area:title!important;
        align-self:center!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card > p.offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card > p.offer-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > article.reward-card > a {
        grid-area:action!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-align:center!important;
        text-shadow:none!important;
        white-space:nowrap!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-achievement-mobile-pagination
    ) {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        margin:12px auto 0!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-achievement-mobile-pagination
    ) > button {
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c8d0d3!important;
        box-shadow:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-mobile-pagination,
        #membertasks .member-achievement-mobile-pagination
    ) > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* v1.1.101: real mobile pages keep two full-width task rows per page. */
body#top:not(.inline-detail-mode) :is(
    #membergate .member-gate-mobile-pagination,
    #membertasks .member-achievement-mobile-pagination
) {
    display:none!important;
}

@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) {
        display:flex!important;
        align-items:flex-start!important;
        width:100%!important;
        max-width:100%!important;
        gap:12px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    )::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:repeat(2,max-content)!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        gap:10px!important;
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:22px!important;
        gap:10px!important;
        border:1px solid var(--mc-line)!important;
        border-radius:20px!important;
        background:#fff!important;
        box-shadow:var(--mc-shadow)!important;
        overflow:hidden!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > .tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > h3 {
        grid-area:title!important;
        align-self:center!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > p.offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > p.offer-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > a {
        grid-area:action!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-align:center!important;
        white-space:nowrap!important;
    }
}

/* v1.1.102: enforce native horizontal paging above legacy rail overflow rules. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
        display:flex!important;
        align-items:flex-start!important;
        width:100%!important;
        max-width:100%!important;
        gap:12px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > .member-mobile-page {
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail {
        display:flex!important;
        align-items:flex-start!important;
        width:100%!important;
        max-width:100%!important;
        gap:12px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail > .member-mobile-page {
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        scroll-snap-align:start!important;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:100%!important;
        grid-template-rows:repeat(3,max-content)!important;
        column-gap:12px!important;
        row-gap:10px!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch;
    }

    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail > article.reward-card {
        scroll-snap-align:start!important;
    }
}

/* Shared compact geometry for member mobile task rows. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        border:1px solid var(--mc-line)!important;
        border-radius:20px!important;
        background:#fff!important;
        box-shadow:var(--mc-shadow)!important;
        overflow:hidden!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > .tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > h3 {
        grid-area:title!important;
        align-self:stretch!important;
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > p.offer-media {
        grid-area:media!important;
        align-self:center!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > p.offer-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page > article.reward-card > a {
        grid-area:action!important;
        align-self:center!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        font-weight:500!important;
        line-height:1.2!important;
        text-align:center!important;
        text-shadow:none!important;
        white-space:nowrap!important;
    }
}

/* v1.1.110 final cascade: native mobile paging and flat non-hero icons. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) {
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:flex-start!important;
        grid-template-columns:none!important;
        grid-template-rows:none!important;
        grid-auto-flow:unset!important;
        grid-auto-columns:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        gap:12px!important;
        overflow:hidden!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        touch-action:pan-x pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    )::-webkit-scrollbar { display:none!important; }

    html body#top:not(.inline-detail-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-checkin-rail,
        #membertasks .member-missions-rail,
        #membertasks .member-achievement-rail
    ) > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }
}

body#top:not(.inline-detail-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .social-task-card,
    .mall-card,
    .preregister-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) :is(.offer-media,.feature-media,.mall-media,.has-icon,img,svg),
body#top :is([id="8icons"].quick-panel,.bottom-nav,.side-nav) :is(.has-icon,img,svg) {
    box-shadow:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
}

/* v1.1.85 final cascade: compact, label-free utm_content heading system. */
body#top.inline-detail-mode main :is(.inline-detail__kicker,.detail-task-section .section-kicker,.register-standalone-notice .section-kicker) {
    display:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail h2,.detail-task-section .section-heading h2,.register-standalone-notice .section-heading h2) {
    margin:0!important;
    color:var(--mc-ink)!important;
    font-size:clamp(1.5rem,2vw,1.9rem)!important;
    font-weight:600!important;
    line-height:1.28!important;
    letter-spacing:-.02em!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail__desc {
    margin:12px 0 0!important;
    color:var(--mc-muted)!important;
    font-size:.98rem!important;
    font-weight:400!important;
    line-height:1.7!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta,.inline-detail__notes,.register-detail-section,.register-detail-body,.register-notice-box) {
    margin-top:20px!important;
}

body#top.inline-detail-mode main :is(.inline-detail__meta dt,.inline-detail__meta dd,.inline-detail__notes li,.register-detail-section h3,.register-detail-body,.register-detail-body p,.register-detail-table th,.register-detail-table td,.register-notice-box li) {
    font-size:.94rem!important;
    font-weight:400!important;
    line-height:1.7!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode main .inline-detail__panel {
        padding:22px 18px!important;
        border-radius:18px!important;
    }

    body#top.inline-detail-mode main :is(.inline-detail h2,.detail-task-section .section-heading h2,.register-standalone-notice .section-heading h2) {
        font-size:1.45rem!important;
        line-height:1.32!important;
    }

    body#top.inline-detail-mode main .inline-detail__desc {
        font-size:.92rem!important;
        line-height:1.65!important;
    }
}


/* v1.2.3: authoritative full-width mobile pages for member gift and task rails. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-checkin-rail,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-missions-rail,
    html body#top:not(.inline-detail-mode) main section#membertasks .member-achievement-rail {
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:flex-start!important;
        grid-template-columns:none!important;
        grid-template-rows:none!important;
        grid-auto-flow:unset!important;
        grid-auto-columns:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        gap:12px!important;
        overflow:hidden!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        touch-action:pan-x pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > .member-mobile-page,
    html body#top:not(.inline-detail-mode) main section#membertasks :is(.member-checkin-rail,.member-missions-rail,.member-achievement-rail) > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }
}

/* v1.2.4: preserve visible native motion when mobile top-up pages settle. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail {
        scroll-behavior:smooth!important;
        scroll-snap-type:x mandatory!important;
        touch-action:pan-x!important;
        overscroll-behavior-x:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card {
        scroll-snap-stop:always!important;
    }
}

@media (max-width:768px) and (prefers-reduced-motion:reduce) {
    html body#top:not(.inline-detail-mode) main section#topupbonus .topup-rail {
        scroll-behavior:auto!important;
    }
}

/* v1.2.25: align utm_content detail typography, surfaces, actions and quick links with the homepage. */
body#top.inline-detail-mode main :is(.inline-detail h2,#inlineDetailTitle) {
    margin:0!important;
    padding:0!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:clamp(1.85rem,2.6vw,2.35rem)!important;
    font-weight:800!important;
    line-height:1.22!important;
    letter-spacing:-.03em!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main :is(.inline-detail__desc,#inlineDetailDesc) {
    margin:10px 0 0!important;
    color:#727a7e!important;
    -webkit-text-fill-color:#727a7e!important;
    font-size:1rem!important;
    font-weight:500!important;
    line-height:1.6!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-stack {
    gap:96px!important;
    overflow:visible!important;
}

body#top.inline-detail-mode main .inline-detail--register :is(.register-detail-section,.register-detail-body),
body#top.inline-detail-mode main .inline-detail--register :is(.register-detail-section,.register-detail-body):hover {
    margin-top:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:var(--mc-ink)!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-section {
    gap:16px!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head {
    gap:7px!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head > p {
    width:fit-content!important;
    margin:0!important;
    padding:4px 10px!important;
    border:0!important;
    border-radius:999px!important;
    color:var(--mc-accent-dark)!important;
    -webkit-text-fill-color:var(--mc-accent-dark)!important;
    background:var(--mc-accent-soft)!important;
    background-image:none!important;
    box-shadow:none!important;
    font-size:.75rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:.02em!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head > h3 {
    margin:0!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:1.25rem!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:-.015em!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head > :is(.register-detail-time,strong) {
    display:block!important;
    width:auto!important;
    margin:0!important;
    color:#727a7e!important;
    -webkit-text-fill-color:#727a7e!important;
    font-size:1rem!important;
    font-weight:400!important;
    line-height:1.6!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-body > dl {
    gap:12px!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-body > dl > div,
body#top.inline-detail-mode main .inline-detail--register .register-detail-body > dl > :is(.register-info-item,.register-method,.register-after-method) {
    box-sizing:border-box!important;
    min-width:0!important;
    padding:clamp(16px,2vw,20px)!important;
    border:1px solid var(--mc-line)!important;
    border-radius:16px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode main :is(
    .inline-detail__action,
    .inline-detail__back,
    .register-detail-actions > a,
    .register-flow-actions > a,
    .register-product-card > a,
    .detail-task-rail .register-task-card > a
) {
    font-weight:400!important;
    font-synthesis:none!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
}

body#top:not(.inline-detail-mode) main #preregister .preregister-action {
    font-weight:400!important;
    font-synthesis:none!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel {
    margin-top:-12px!important;
    background:rgba(255,255,255,.7)!important;
    background-image:none!important;
    box-shadow:0 18px 45px rgba(17,24,39,.1)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel > a {
    grid-template-rows:76px auto!important;
    min-height:116px!important;
    padding:9px 5px!important;
    gap:5px!important;
    border-radius:14px!important;
    font-weight:400!important;
    text-shadow:none!important;
    transition:background-color .18s ease,color .18s ease!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel > a:hover,
body#top.inline-detail-mode [id="8icons"].quick-panel > a:focus-visible {
    color:var(--mc-accent-dark)!important;
    background:#edf7f5!important;
    outline:2px solid rgba(0,173,238,.16)!important;
    outline-offset:0!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon,
body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon img,
body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon svg {
    width:76px!important;
    height:76px!important;
    min-height:0!important;
    margin:0!important;
}

body#top.inline-detail-mode [id="8icons"].quick-panel :is(strong,a > span:not(.has-icon)) {
    width:100%!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.25!important;
    text-align:center!important;
    text-shadow:none!important;
    white-space:normal!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode main :is(.inline-detail h2,#inlineDetailTitle) {
        font-size:1.65rem!important;
        line-height:1.22!important;
        letter-spacing:-.025em!important;
    }

    body#top.inline-detail-mode main :is(.inline-detail__desc,#inlineDetailDesc) {
        font-size:1rem!important;
        line-height:1.6!important;
    }

    body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head > h3 {
        font-size:1.125rem!important;
    }

    body#top.inline-detail-mode main .inline-detail--register .register-detail-section__head > :is(.register-detail-time,strong) {
        font-size:.95rem!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel {
        margin:22px auto 8px!important;
        background:rgba(255,255,255,.7)!important;
        box-shadow:0 12px 30px rgba(17,24,39,.1)!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel > a {
        grid-template-rows:58px auto!important;
        min-height:96px!important;
        padding:7px 2px!important;
        gap:4px!important;
        border-radius:11px!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon,
    body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon img,
    body#top.inline-detail-mode [id="8icons"].quick-panel span.has-icon svg {
        width:58px!important;
        height:58px!important;
    }

    body#top.inline-detail-mode [id="8icons"].quick-panel :is(strong,a > span:not(.has-icon)) {
        font-size:10px!important;
        line-height:1.15!important;
        overflow-wrap:anywhere!important;
    }
}
/* Keep long-language mobile detail headers and quick links identical to their homepage counterparts. */
@media (max-width:700px) {
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) main :is(.inline-detail h2,#inlineDetailTitle) {
        font-size:1.45rem!important;
        line-height:1!important;
    }

    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) main :is(.inline-detail__desc,#inlineDetailDesc) {
        margin-top:2px!important;
        font-size:.7rem!important;
        line-height:1.05!important;
    }

    body#top.inline-detail-mode[data-lang="ja"] main :is(.inline-detail h2,#inlineDetailTitle) {
        font-size:1.25rem!important;
        line-height:1!important;
    }

    body#top.inline-detail-mode[data-lang="ja"] [id="8icons"].quick-panel > a,
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) [id="8icons"].quick-panel > a {
        overflow:hidden!important;
    }

    body#top.inline-detail-mode[data-lang="ja"] [id="8icons"].quick-panel span.has-icon,
    body#top.inline-detail-mode[data-lang="ja"] [id="8icons"].quick-panel span.has-icon img,
    body#top.inline-detail-mode[data-lang="ja"] [id="8icons"].quick-panel span.has-icon svg,
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) [id="8icons"].quick-panel span.has-icon,
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) [id="8icons"].quick-panel span.has-icon img,
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) [id="8icons"].quick-panel span.has-icon svg {
        width:19px!important;
        height:19px!important;
    }

    body#top.inline-detail-mode[data-lang="ja"] [id="8icons"].quick-panel :is(strong,a > span:not(.has-icon)),
    body#top.inline-detail-mode:not([data-lang="zh"]):not([data-lang="zh-cn"]):not([data-lang="ja"]):not([data-lang="ko"]) [id="8icons"].quick-panel :is(strong,a > span:not(.has-icon)) {
        font-size:8px!important;
        line-height:.95!important;
        word-break:normal!important;
        overflow-wrap:anywhere!important;
    }
}
/* v1.2.25: unified section rhythm, UTM detail spacing, payment heading and flat ticket action. */
body#top.inline-detail-mode main .inline-detail__heading {
    display:grid!important;
    gap:0!important;
    min-width:0!important;
}

body#top.inline-detail-mode main .inline-detail__heading > :is(h2,p),
body#top.inline-detail-mode main :is(.inline-detail__desc,#inlineDetailDesc) {
    margin:0!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-stack > .register-detail-section {
    position:relative!important;
    overflow:visible!important;
}

body#top.inline-detail-mode main .inline-detail--register .register-detail-stack > .register-detail-section + .register-detail-section::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-48px!important;
    left:0!important;
    width:100%!important;
    height:2px!important;
    background:linear-gradient(90deg,transparent,rgba(113,119,125,.42) 10%,rgba(113,119,125,.42) 90%,transparent)!important;
    opacity:1!important;
    z-index:3!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus #topup-panel > .reward-plus-payment-heading {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1180px!important;
    margin:24px auto 12px!important;
}

body#top:not(.inline-detail-mode) main section#topupbonus #topup-panel > .reward-plus-payment-heading > h3 {
    margin:0!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:1.1rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:-.01em!important;
    text-align:left!important;
    text-shadow:none!important;
}

body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article:first-child > a,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article.featured > a,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article:first-child > a:hover,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article.featured > a:hover,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article:first-child > a:focus-visible,
body#top:not(.inline-detail-mode) main section#lottery .tickets-rail > article.featured > a:focus-visible {
    border:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    text-shadow:none!important;
    transition:none!important;
}

@media (min-width:769px) {
    body#top:not(.inline-detail-mode) main > section:is(#membergate,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:24px!important;
    }

    body#top:not(.inline-detail-mode) main section#membertasks > :is(#member-checkin-panel,#member-task-panel,#member-achievement-panel),
    body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister),
    body#top:not(.inline-detail-mode) main section#socialtasks > :is(#social-networks-panel,#social-videos-panel) {
        margin-top:24px!important;
    }
}

@media (max-width:768px) {
    body#top.inline-detail-mode main .inline-detail--register .register-detail-stack {
        gap:64px!important;
    }

    body#top.inline-detail-mode main .inline-detail--register .register-detail-stack > .register-detail-section + .register-detail-section::before {
        top:-32px!important;
    }

    body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:16px!important;
    }

    body#top:not(.inline-detail-mode) main section#membertasks > :is(#member-checkin-panel,#member-task-panel,#member-achievement-panel),
    body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister),
    body#top:not(.inline-detail-mode) main section#socialtasks > :is(#social-networks-panel,#social-videos-panel) {
        margin-top:16px!important;
    }

    body#top:not(.inline-detail-mode) main section#topupbonus #topup-panel > .reward-plus-payment-heading {
        margin:20px auto 10px!important;
    }

    body#top:not(.inline-detail-mode) main section#topupbonus #topup-panel > .reward-plus-payment-heading > h3 {
        font-size:1rem!important;
    }
}

/* v1.2.25: separate the mobile content title from the close control. */
@media (max-width:700px) {
    body#top.inline-detail-mode main .inline-detail__heading {
        padding-top:24px!important;
    }
}

/* v1.2.25: keep desktop member-gift cards equal-width and let long titles wrap inside their track. */
@media (min-width:769px) {
    body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
        grid-auto-columns:minmax(0,calc((100% - 68px) / 5.3))!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card {
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card > h3 {
        min-width:0!important;
        white-space:normal!important;
        word-break:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* v1.2.25: align the UTM side return-home control with the current MyCard floating-button system. */
body#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float,
body#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
body#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    border:1px solid #00ADEE!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#00ADEE!important;
    background-color:#00ADEE!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(0,173,238,.28)!important;
    text-shadow:none!important;
    transform:none!important;
}

/* v1.2.25: subtle member-welcome mascot watermark. */
body#top:not(.inline-detail-mode) main > section#membergate.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-mode) main > section#membergate.section::after {
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:50%!important;
    right:clamp(-90px,calc((100vw - 1180px)/2 - 60px),40px)!important;
    width:clamp(260px,30vw,420px)!important;
    height:auto!important;
    aspect-ratio:1!important;
    border:0!important;
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_033.webp") center/contain no-repeat!important;
    box-shadow:none!important;
    opacity:.07!important;
    filter:saturate(.82)!important;
    transform:translateY(-36%) rotate(-7deg)!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main > section#membergate.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main > section#membergate.section::after {
        top:24px!important;
        right:-70px!important;
        width:220px!important;
        opacity:.055!important;
        transform:rotate(-7deg)!important;
    }
}

/* v1.2.25: member-task watermark and shared mobile top-right placement. */
body#top:not(.inline-detail-mode) main > section#membertasks.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-mode) main > section#membertasks.section::after {
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:50%!important;
    left:40px!important;
    right:auto!important;
    width:clamp(260px,30vw,420px)!important;
    height:auto!important;
    aspect-ratio:1!important;
    border:0!important;
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_001.webp") center/contain no-repeat!important;
    box-shadow:none!important;
    opacity:.07!important;
    filter:saturate(.82)!important;
    transform:translateY(-36%) rotate(7deg)!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main > section#membertasks.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main > :is(section#membergate.section,section#membertasks.section)::after {
        top:12px!important;
        left:auto!important;
        right:-28px!important;
        width:190px!important;
        opacity:.055!important;
        transform:rotate(-7deg)!important;
    }
}

/* v1.2.25: top-up reward 1+1 watermark. */
body#top:not(.inline-detail-mode) main > section#topupbonus.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-mode) main > section#topupbonus.section::after {
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:50%!important;
    left:auto!important;
    right:40px!important;
    width:clamp(260px,30vw,420px)!important;
    height:auto!important;
    aspect-ratio:1!important;
    border:0!important;
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_023.webp") center/contain no-repeat!important;
    box-shadow:none!important;
    opacity:.07!important;
    filter:saturate(.82)!important;
    transform:translateY(-36%) rotate(-7deg)!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main > section#topupbonus.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main > section#topupbonus.section::after {
        top:12px!important;
        left:auto!important;
        right:-28px!important;
        width:190px!important;
        opacity:.055!important;
        transform:rotate(-7deg)!important;
    }
}

/* v1.2.26: virtual-item bonus watermark. */
body#top:not(.inline-detail-mode) main > section#hotgames.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-mode) main > section#hotgames.section::after {
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:50%!important;
    left:40px!important;
    right:auto!important;
    width:clamp(260px,30vw,420px)!important;
    height:auto!important;
    aspect-ratio:1!important;
    border:0!important;
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_046.webp") center/contain no-repeat!important;
    box-shadow:none!important;
    opacity:.07!important;
    filter:saturate(.82)!important;
    transform:translateY(-36%) rotate(7deg)!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main > section#hotgames.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main > section#hotgames.section::after {
        top:12px!important;
        left:auto!important;
        right:-28px!important;
        width:190px!important;
        opacity:.055!important;
        transform:rotate(-7deg)!important;
    }
}

/* v1.2.27: social, point-card mall, lottery-ticket and more-event watermarks. */
body#top:not(.inline-detail-mode) main > :is(section#socialtasks.section,section#mymall.section,section#lottery.section,section#more.section) {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-mode) main > :is(section#socialtasks.section,section#mymall.section,section#lottery.section,section#more.section)::after {
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:50%!important;
    width:clamp(260px,30vw,420px)!important;
    height:auto!important;
    aspect-ratio:1!important;
    border:0!important;
    box-shadow:none!important;
    opacity:.07!important;
    filter:saturate(.82)!important;
    pointer-events:none!important;
}

body#top:not(.inline-detail-mode) main > :is(section#socialtasks.section,section#lottery.section)::after {
    left:auto!important;
    right:40px!important;
    transform:translateY(-36%) rotate(-7deg)!important;
}

body#top:not(.inline-detail-mode) main > :is(section#mymall.section,section#more.section)::after {
    left:40px!important;
    right:auto!important;
    transform:translateY(-36%) rotate(7deg)!important;
}

body#top:not(.inline-detail-mode) main > section#socialtasks.section::after {
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_011.webp") center/contain no-repeat!important;
}

body#top:not(.inline-detail-mode) main > section#mymall.section::after {
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_024.webp") center/contain no-repeat!important;
}

body#top:not(.inline-detail-mode) main > section#lottery.section::after {
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_028.webp") center/contain no-repeat!important;
}

body#top:not(.inline-detail-mode) main > section#more.section::after {
    background:transparent url("https://image.mycard520.com/globalmycard/member/membericon/v3/membericon_v3_030.webp") center/contain no-repeat!important;
}

body#top:not(.inline-detail-mode) main > :is(section#socialtasks.section,section#mymall.section,section#lottery.section,section#more.section) > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) main > :is(section#socialtasks.section,section#mymall.section,section#lottery.section,section#more.section)::after {
        top:12px!important;
        left:auto!important;
        right:-28px!important;
        width:190px!important;
        opacity:.055!important;
        transform:rotate(-7deg)!important;
    }
}


/* v1.2.37: mobile member-point cards use two-row manual swipe pages; card text has uniform weight. */
@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-shell {
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail {
        display:flex!important;
        flex-flow:row nowrap!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        gap:12px!important;
        margin:0!important;
        padding:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        touch-action:pan-x pan-y!important;
        overscroll-behavior-x:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail::-webkit-scrollbar {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:repeat(2,max-content)!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        gap:10px!important;
        margin:0!important;
        padding:0!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page > article {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr)!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        border:1px solid var(--mc-line)!important;
        border-radius:20px!important;
        background:#fff!important;
        box-shadow:var(--mc-shadow)!important;
        overflow:hidden!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page > article > .wallet-bullet {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page > article > h3 {
        grid-area:title!important;
        align-self:stretch!important;
        display:flex!important;
        align-items:center!important;
        min-width:0!important;
        width:auto!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        color:var(--mc-ink)!important;
        -webkit-text-fill-color:var(--mc-ink)!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        text-shadow:none!important;
        white-space:normal!important;
        overflow:visible!important;
        overflow-wrap:anywhere!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page > article > p.offer-media {
        grid-area:media!important;
        align-self:center!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        min-width:52px!important;
        max-width:52px!important;
        height:52px!important;
        min-height:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail > .member-mobile-page > article > p.offer-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        max-width:48px!important;
        height:48px!important;
        max-height:48px!important;
        object-fit:contain!important;
        filter:none!important;
        box-shadow:none!important;
    }

    html body#top:not(.inline-detail-mode) #mycardwalletevent .wallet-mobile-pagination {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        margin:12px auto 0!important;
    }

    html body#top:not(.inline-detail-mode) #mycardwalletevent .wallet-mobile-pagination > button {
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c8d0d3!important;
        box-shadow:none!important;
    }

    html body#top:not(.inline-detail-mode) #mycardwalletevent .wallet-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}


/* v1.2.37: normalize mobile heading, tabs and card spacing to the member-gift 16px rhythm. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks) > .event-tabs {
        margin:0 auto 16px!important;
    }

    body#top:not(.inline-detail-mode) main section#hotgames .game-rail,
    body#top:not(.inline-detail-mode) main section#mymall .mall-rail,
    body#top:not(.inline-detail-mode) main section#lottery .tickets-rail,
    body#top:not(.inline-detail-mode) main section#more .tickets-rail,
    body#top:not(.inline-detail-mode) main section#socialtasks .social-video-rail {
        padding-top:0!important;
    }
}

@media (min-width:769px) {
    body#top:not(.inline-detail-mode) main section#topupbonus > #mycardwalletevent,
    body#top:not(.inline-detail-mode) main section#hotgames > #preregister {
        margin-top:30px!important;
    }

    body#top:not(.inline-detail-mode) main section#mycardwalletevent .lottery-rail {
        align-self:start!important;
    }
}

/* v1.2.38: remove legacy member-task heading tracks and normalize title-to-content rhythm. */
body#top:not(.inline-detail-mode) main > section#membertasks > .section-heading {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:none!important;
    row-gap:0!important;
    column-gap:0!important;
}

@media (min-width:769px) {
    body#top:not(.inline-detail-mode) main > section:is(#membergate,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:24px!important;
    }

    body#top:not(.inline-detail-mode) main > section:is(#membertasks,#topupbonus,#hotgames,#socialtasks) > :is(.member-task-tab-panel,.event-tab-panel) {
        margin-top:24px!important;
    }
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:10px!important;
    }

    html body#top:not(.inline-detail-mode) main > section:is(#membertasks,#topupbonus,#hotgames,#socialtasks) > .event-tabs {
        margin-bottom:10px!important;
    }
}

/* v1.2.38: remove hidden rail padding so visual gaps equal the declared rhythm. */
body#top:not(.inline-detail-mode) main :is(
    #membergate .member-gate-task-rail,
    #membertasks .member-checkin-rail,
    #membertasks .member-missions-rail,
    #membertasks .member-achievement-rail,
    #topupbonus .topup-rail,
    #topupbonus .lottery-rail,
    #hotgames .game-rail,
    #hotgames .preregister-rail,
    #socialtasks .social-task-rail,
    #socialtasks .social-video-rail,
    #mymall .mall-rail,
    #lottery .tickets-rail,
    #more .more-activities-rail
) {
    padding-top:0!important;
}

/* v1.2.38: final specificity correction for member-gift rail and mobile tab panels. */
html body#top:not(.inline-detail-mode) main section#membergate .member-gate-grid.member-gate-task-rail {
    padding-top:0!important;
}

@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main section#membertasks > :is(#member-checkin-panel,#member-task-panel,#member-achievement-panel),
    html body#top:not(.inline-detail-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    html body#top:not(.inline-detail-mode) main section#hotgames > :is(#games-panel,#preregister),
    html body#top:not(.inline-detail-mode) main section#socialtasks > :is(#social-networks-panel,#social-videos-panel) {
        margin-top:10px!important;
        padding-top:0!important;
    }
}

/* v1.2.40: show one sequential mascot icon beside each of the eight homepage headings. */
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-row.has-title-icon {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-icon-frame {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-icon {
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    filter:none!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy {
    flex:1 1 auto!important;
    min-width:0!important;
}

@media (max-width:768px) {
    body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-row.has-title-icon {
        gap:10px!important;
    }
}

/* v1.2.41: use the full section width and wrap heading copy only when available space runs out. */
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading,
body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-row {
    width:100%!important;
    max-width:none!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy {
    width:auto!important;
    max-width:none!important;
}

body#top:not(.inline-detail-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-copy :is(h2,p) {
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}

/* v1.2.45: align the golottery prize gallery with the current detail-page design. */
body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-block {
    min-width:0!important;
    margin-top:18px!important;
    overflow:visible!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-block > h4 {
    margin:0 0 10px!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:1rem!important;
    font-weight:400!important;
    font-synthesis:none!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-scroll {
    width:100%!important;
    padding:0!important;
    overflow:visible!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] :is(.register-prize-grid,.register-prize-grid.is-prize-loop) {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    transform:none!important;
    animation:none!important;
    will-change:auto!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure[aria-hidden="true"] {
    display:none!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid var(--mc-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > b {
    position:absolute!important;
    z-index:1!important;
    top:10px!important;
    left:10px!important;
    max-width:calc(100% - 20px)!important;
    margin:0!important;
    padding:5px 9px!important;
    overflow:hidden!important;
    border:1px solid rgba(0,173,238,.22)!important;
    border-radius:999px!important;
    color:var(--mc-accent-dark)!important;
    background:rgba(255,255,255,.92)!important;
    font-size:.75rem!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > img {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:4 / 3!important;
    margin:0!important;
    padding:14px!important;
    object-fit:contain!important;
    background:var(--mc-accent-soft)!important;
    filter:none!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > figcaption {
    display:flex!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:10px 12px!important;
    border-top:1px solid var(--mc-line)!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    font-size:.9rem!important;
    font-weight:400!important;
    line-height:1.4!important;
    text-align:center!important;
    text-shadow:none!important;
}

/* v1.2.59: mobile navigation, touch carousels and floating UI corrections. */
body#top .smart-guide {
    display:none!important;
}

body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
    background:rgba(255,255,255,.55)!important;
}

body#top:not(.inline-detail-mode) .bottom-nav {
    transition:background-color .22s ease,border-color .22s ease,backdrop-filter .22s ease!important;
}

body#top.is-page-scrolled:not(.inline-detail-mode) .bottom-nav {
    border-color:rgba(255,255,255,.38)!important;
    background:rgba(255,255,255,.68)!important;
    -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
    backdrop-filter:blur(16px) saturate(135%)!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) nav.side-nav {
        position:fixed!important;
        right:max(12px,env(safe-area-inset-right))!important;
        bottom:calc(84px + env(safe-area-inset-bottom))!important;
        top:auto!important;
        z-index:146!important;
        display:grid!important;
        transform:none!important;
    }

    body#top:not(.inline-detail-mode) nav.side-nav .side-nav-toggle,
    body#top:not(.inline-detail-mode) nav.side-nav .side-nav-links {
        display:none!important;
    }

    body#top:not(.inline-detail-mode) nav.side-nav .back-top {
        display:grid!important;
        place-items:center!important;
        width:46px!important;
        min-height:46px!important;
        padding:0!important;
        border:1px solid #00adee!important;
        border-radius:999px!important;
        color:#fff!important;
        background:#00adee!important;
        background-image:none!important;
        box-shadow:none!important;
        font-size:20px!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        transform:translateY(8px)!important;
    }

    body#top.is-back-top-visible:not(.inline-detail-mode) nav.side-nav .back-top {
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:none!important;
    }

    body#top:not(.inline-detail-mode) :is(#preregister .preregister-rail,#mymall .mall-rail) {
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        overscroll-behavior-x:contain!important;
        touch-action:pan-x pinch-zoom!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body#top:not(.inline-detail-mode) #preregister .preregister-rail {
        scroll-snap-type:none!important;
        scroll-behavior:auto!important;
    }

    body#top:not(.inline-detail-mode) :is(#preregister .preregister-card,#mymall .mall-card) {
        scroll-snap-align:start!important;
        scroll-snap-stop:normal!important;
    }

    body#top:not(.inline-detail-mode) #mymall .mall-card {
        display:flex!important;
        flex-direction:column!important;
        height:auto!important;
        min-height:0!important;
    }

    html body#top:not(.inline-detail-mode) main section#mymall article.mall-card > a {
        position:static!important;
        inset:auto!important;
        align-self:stretch!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:12px 0 0!important;
        box-sizing:border-box!important;
    }
}

@media (max-width:768px) {
    body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] :is(.register-prize-grid,.register-prize-grid.is-prize-loop) {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }

    body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure {
        border-radius:14px!important;
    }

    body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > b {
        top:8px!important;
        left:8px!important;
        max-width:calc(100% - 16px)!important;
        font-size:.7rem!important;
    }

    body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > img {
        aspect-ratio:1 / 1!important;
        padding:10px!important;
    }

    body#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .register-prize-grid > figure > figcaption {
        min-height:46px!important;
        padding:8px!important;
        font-size:.82rem!important;
    }
}

/* v1.2.64: mobile navigation clearance, readable wrapping, and lighter floating navigation. */
body#top:not(.inline-detail-mode) [id="8icons"].quick-panel {
    background:rgba(255,255,255,.42)!important;
}

/* v1.2.65: keep all eight homepage section headings on the approved black/gray palette. */
html body#top#top#top:not(.inline-detail-mode) main > section:is(
    #membergate,
    #membertasks,
    #topupbonus,
    #hotgames,
    #socialtasks,
    #mymall,
    #lottery,
    #more
) > .section-heading :is(h2, .section-title-copy h2) {
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    text-shadow:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section:is(
    #membergate,
    #membertasks,
    #topupbonus,
    #hotgames,
    #socialtasks,
    #mymall,
    #lottery,
    #more
) > .section-heading :is(p:not(.section-kicker), .section-title-copy p) {
    color:#727a7e!important;
    -webkit-text-fill-color:#727a7e!important;
    text-shadow:none!important;
}

html body#top#top#top.is-page-scrolled:not(.inline-detail-mode) nav.bottom-nav {
    border-color:rgba(255,255,255,.28)!important;
    background:rgba(255,255,255,.50)!important;
    background-image:none!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-mode) nav.side-nav {
        bottom:calc(102px + env(safe-area-inset-bottom))!important;
    }

    html body#top#top#top:not([data-lang="zh"]):not([data-lang="zh-cn"]):not(.inline-detail-mode) #membergate .section-heading h2,
    html body#top#top#top:not([data-lang="zh"]):not([data-lang="zh-cn"]):not(.inline-detail-mode) #membergate .section-title-copy h2 {
        width:auto!important;
        max-width:100%!important;
        max-height:none!important;
        font-size:1.65rem!important;
        line-height:1.12!important;
        white-space:normal!important;
        word-break:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
        -webkit-line-clamp:unset!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main section :is(
        .reward-card,
        .offer-card,
        .member-gate-card,
        .social-task-card,
        .mall-card,
        .tickets-rail > article,
        .lottery-rail > article
    ) h3 {
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        white-space:normal!important;
        word-break:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
        -webkit-line-clamp:unset!important;
    }

    html body#top#top#top [id="8icons"].quick-panel span.has-icon,
    html body#top#top#top [id="8icons"].quick-panel span.has-icon img,
    html body#top#top#top [id="8icons"].quick-panel span.has-icon svg {
        flex:0 0 58px!important;
        flex-shrink:0!important;
        width:58px!important;
        min-width:58px!important;
        max-width:58px!important;
        height:58px!important;
        min-height:58px!important;
        max-height:58px!important;
    }

    html body#top#top#top [id="8icons"].quick-panel :is(strong,a > span:not(.has-icon)) {
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
        font-size:10px!important;
        line-height:1.15!important;
        white-space:nowrap!important;
        text-overflow:ellipsis!important;
        overflow-wrap:normal!important;
    }
}

/* v1.2.66 final cascade: foreign copy wraps without changing the member-gift type scale. */
html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 24px!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading .section-title-copy {
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading :is(h2, .section-title-copy h2) {
    width:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    font-size:clamp(1.85rem,2.6vw,2.35rem)!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:unset!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading :is(p:not(.section-kicker), .section-title-copy p) {
    width:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0!important;
    font-size:1rem!important;
    line-height:1.6!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:unset!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .member-gift-shell {
    margin-top:0!important;
}

@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading {
        margin-bottom:10px!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#membergate > .section-heading :is(h2, .section-title-copy h2) {
        font-size:1.65rem!important;
        line-height:1.22!important;
    }
}

/* v1.2.67: copyright statement uses regular-weight white text. */
html body#top#top .site-footer .site-footer__inner > p {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:400!important;
    text-shadow:none!important;
}


/* v1.2.84: invitation flow title weight and reward-label step numbers. */
body#top.inline-detail-mode .inline-detail[data-content-key="invitation"] .register-flow-block > h4 {
    font-weight: 500 !important;
}

body#top.inline-detail-mode .inline-detail[data-content-key="invitation"] .register-flow-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 4px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--mc-accent-dark) !important;
    -webkit-text-fill-color: var(--mc-accent-dark) !important;
    background: var(--mc-accent-soft) !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: .02em !important;
    text-shadow: none !important;
}

@media (max-width: 1180px) {
    body#top.inline-detail-mode .inline-detail[data-content-key="invitation"] .register-flow-card > span {
        margin: 0 !important;
    }
}

/* v1.2.89: Android Chromium and app WebViews must retain vertical page panning
   when a gesture starts on homepage cards or utm_content text surfaces. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) main .rail {
        touch-action:auto!important;
    }

    html body#top.inline-detail-mode main :is(
        .inline-detail__panel,
        .inline-detail__custom,
        .register-detail-section,
        .register-detail-body,
        .register-detail-stack
    ) {
        touch-action:auto!important;
        overscroll-behavior-y:auto!important;
    }

    .campaign-takeover__panel {
        max-height:calc(100vh - 36px);
        max-height:calc(100dvh - 36px);
        overflow-y:auto;
        overscroll-behavior-y:contain;
        touch-action:pan-y pinch-zoom;
        -webkit-overflow-scrolling:touch;
    }
}

/* v1.2.90: outrank the legacy two-ID rail rules that still forced pan-x. */
@media (max-width:768px) {
    :root body#top:not(.inline-detail-mode) main :is(
        #membergate,
        #membertasks,
        #topupbonus,
        #hotgames,
        #socialtasks,
        #mymall,
        #lottery,
        #more
    ) .rail {
        touch-action:auto!important;
        overscroll-behavior-y:auto!important;
    }
}

/* v1.3.3: authoritative compact geometry for mobile top-up and social task rows. */
@media (max-width:768px) {
    html body#top#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card,
    html body#top#top:not(.inline-detail-mode) main section#socialtasks .social-task-rail > article.social-task-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:auto!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        box-sizing:border-box!important;
        width:100%!important;
        height:auto!important;
        min-height:76px!important;
        max-height:none!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        align-self:start!important;
        overflow:hidden!important;
    }

    html body#top#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > h3,
    html body#top#top:not(.inline-detail-mode) main section#socialtasks .social-task-rail > article.social-task-card > h3 {
        grid-area:title!important;
        align-self:stretch!important;
        display:flex!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        font-size:.95rem!important;
        line-height:1.35!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
    }

    html body#top#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > p.offer-media,
    html body#top#top:not(.inline-detail-mode) main section#socialtasks .social-task-rail > article.social-task-card > p.feature-media {
        grid-area:media!important;
        align-self:center!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        min-width:52px!important;
        max-width:52px!important;
        height:52px!important;
        min-height:52px!important;
        max-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > p.offer-media > :is(img,svg),
    html body#top#top:not(.inline-detail-mode) main section#socialtasks .social-task-rail > article.social-task-card > p.feature-media > :is(img,svg) {
        display:block!important;
        width:48px!important;
        min-width:0!important;
        max-width:48px!important;
        height:48px!important;
        min-height:0!important;
        max-height:48px!important;
        margin:0!important;
        object-fit:contain!important;
    }

    html body#top#top:not(.inline-detail-mode) main section#topupbonus .topup-rail > article.offer-card > a,
    html body#top#top:not(.inline-detail-mode) main section#socialtasks .social-task-rail > article.social-task-card > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!important;
        align-self:center!important;
        justify-self:end!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        width:auto!important;
        min-width:82px!important;
        max-width:108px!important;
        height:auto!important;
        min-height:38px!important;
        max-height:none!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
        line-height:1.2!important;
    }
}

/* Release: v1.2.87 | 2026-08-05 11:58:32 GMT+8 | Added append-only CSS/JS release history. */
/* Release: v1.2.88 | 2026-08-05 12:09:15 GMT+8 | Synced campaign takeover Sheet data and eight locales. */
/* Release: v1.2.89 | 2026-08-05 17:29:26 GMT+8 | Restored Android and WebView vertical touch scrolling. */
/* Release: v1.2.90 | 2026-08-05 18:08:06 GMT+8 | Enforced Android card touch scrolling above legacy selectors. */
/* Release: v1.2.91 | 2026-08-05 18:20:09 GMT+8 */
/* Release: v1.2.92 | 2026-08-05 18:37:05 GMT+8 */
/* Release: v1.2.93 | 2026-08-06 10:07:15 GMT+8 */
/* Release: v1.2.94 | 2026-08-06 10:18:54 GMT+8 */
/* Release: v1.2.95 | 2026-08-06 10:50:17 GMT+8 */
/* Release: v1.2.96 | 2026-08-06 11:20:46 GMT+8 */
/* Release: v1.2.97 | 2026-08-06 16:13:37 GMT+8 */
/* Release: v1.2.98 | 2026-08-06 18:56:37 GMT+8 */
/* Release: v1.2.99 | 2026-08-07 18:42:08 GMT+8 */
/* Release: v1.3.1 | 2026-08-08 06:32:37 GMT+8 */
/* Release: v1.3.2 | 2026-08-08 06:36:29 GMT+8 */
/* Release: v1.3.3 | 2026-08-08 06:43:27 GMT+8 */
/* Release: v1.3.4 | 2026-08-08 06:49:41 GMT+8 */
/* Release: v1.3.5 | 2026-08-09 14:23:33 GMT+8 | Synced limited-4 and quick links Sheet data across eight locales. */
/* Release: v1.3.6 | 2026-08-09 14:46:33 GMT+8 | Synced campaign takeover and member check-in Sheet data across eight locales. */

/* v1.3.7: member check-in uses the same mobile page indicator as the other task rails. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-mode) #membertasks .member-checkin-mobile-pagination {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        margin:12px auto 0!important;
    }

    html body#top:not(.inline-detail-mode) #membertasks .member-checkin-mobile-pagination > button {
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c8d0d3!important;
        box-shadow:none!important;
    }

    html body#top:not(.inline-detail-mode) #membertasks .member-checkin-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* Release: v1.3.7 | 2026-08-09 14:51:26 GMT+8 | Aligned mobile member check-in pagination styling. */
/* Release: v1.3.8 | 2026-08-09 16:58:42 GMT+8 | Synced toast Sheet data across eight locales. */
/* Release: v1.3.9 | 2026-08-09 17:08:44 GMT+8 | Synced mycardwalletEvent Sheet data across eight locales. */
/* Release: v1.3.10 | 2026-08-09 22:27:47 GMT+8 | Synced campaign takeover and quick links Sheet data across eight locales. */
/* Release: v1.3.11 | 2026-08-09 22:49:29 GMT+8 | Synced quick links Sheet display schedule across eight locales. */
/* Release: v1.3.12 | 2026-08-09 23:07:25 GMT+8 | Synced expanded quick links Sheet data across eight locales. */
/* v1.3.15: keep ten shortcuts per page, hide controls, and anchor alert dots to the icon. */
html body#top#top#top [id="8icons"].quick-panel > a.has-red-dot::after {
    top:10px!important;
    right:auto!important;
    left:calc(50% + 18px)!important;
}

html body#top#top#top .quick-link-pager {
    display:none!important;
}

html body#top#top#top [id="8icons"].quick-panel.has-swipe-pages {
    cursor:grab;
    touch-action:pan-y pinch-zoom;
    user-select:none;
    -webkit-user-select:none;
}

html body#top#top#top [id="8icons"].quick-panel.has-swipe-pages.is-dragging {
    cursor:grabbing;
}

/* Release: v1.3.13 | 2026-08-09 23:11:14 GMT+8 | Refreshed static asset hashes after Cloudflare preview delivery failure. */
/* Release: v1.3.14 | 2026-08-09 23:14:05 GMT+8 | Removed quick-link pagination and stabilized red-dot placement for every item count. */
/* Release: v1.3.15 | 2026-08-09 23:37:00 GMT+8 | Restored ten-item quick-link pages with swipe-only navigation and no visible controls. */
/* Release: v1.3.16 | 2026-08-09 23:50:58 GMT+8 | Fixed every quick-link page to the same ten-slot card sizing. */
/* Release: v1.3.17 | 2026-08-09 23:59:47 GMT+8 | Synced Toast Sheet links and display schedule across eight locales. */
/* Release: v1.3.18 | 2026-08-10 10:38:16 GMT+8 | Synced quick links and more activities Sheet data across eight locales. */
/* Release: v1.3.19 | 2026-08-10 13:27:14 GMT+8 | Synced campaign takeover Sheet data across eight locales. */
/* Release: v1.3.20 | 2026-08-10 16:47:47 GMT+8 | Synced mmcoupon daily rewards and checkin-style detail flow across eight locales. */
/* Release: v1.3.21 | 2026-08-10 17:02:40 GMT+8 | Synced revised mmcoupon notices across eight locales. */
/* Release: v1.3.22 | 2026-08-10 22:48:05 GMT+8 | Synced the refreshed More Activities creator artwork. */
/* Release: v1.3.23 | 2026-08-10 22:51:22 GMT+8 | Refreshed static asset hashes after Cloudflare tab UI delivery failure. */
/* Release: v1.3.24 | 2026-08-11 09:14:18 GMT+8 | Synced mmlottery daily rewards and checkin-style detail flow across eight locales. */
/* Release: v1.3.25 | 2026-08-11 12:59:35 GMT+8 | Synced refreshed More Activities cards and eight locale titles. */
/* Release: v1.3.26 | 2026-08-11 15:45:25 GMT+8 | Added 48-hour red-dot guidance for non-default tabs. */
/* Release: v1.3.27 | 2026-08-11 17:56:01 GMT+8 | Synced iPASS MONEY top-up reward and takeover across eight locales. */

/* Release: v1.3.28 | 2026-08-12 09:28:45 GMT+8 | Synced mmcoupon and mmlottery Sheet periods across eight locales. */

/* Release: v1.3.29 | 2026-08-12 09:36:26 GMT+8 | Synced goTikTok takeover keyword across eight locales. */

/* Release: v1.3.30 | 2026-08-12 09:40:26 GMT+8 | Synced shortcut red-dot settings and goTikTok title across eight locales. */

/* Release: v1.3.31 | 2026-08-12 10:17:24 GMT+8 | Synced shortcut and goInstagram takeover updates across eight locales. */

/* Release: v1.3.32 | 2026-08-12 15:44:34 GMT+8 | Applied the requested Thai and Indonesian copy fixes and updated the Thai hero banner. */

/* Release: v1.3.33 | 2026-08-12 18:12:09 GMT+8 | Restored the original Thai hero CDN path and refreshed only its version query. */

/* Release: v1.3.34 | 2026-08-13 09:22:21 GMT+8 | Fixed quick-link taps by capturing pointers only after a confirmed horizontal drag. */
/* Release: v1.3.35 | 2026-08-13 09:31:57 GMT+8 | Synced the latest 17 shortcut entries and eight-locale ordering from Google Sheets. */
/* Release: v1.3.36 | 2026-08-13 11:03:34 GMT+8 | Synced the social-tiktok reward-two display schedule across eight locales. */
/* Release: v1.3.37 | 2026-08-13 11:06:22 GMT+8 | Synced the revised social-tiktok reward-two display date across eight locales. */
/* Release: v1.3.38 | 2026-08-14 14:02:41 GMT+8 | Replaced the fifth shortcut with the AirPods Instagram entry across eight locales. */

/* Release: v1.3.39 | 2026-08-14 15:16:44 GMT+8 | Synced LINE friend and redemption-code campaign takeovers across eight locales. */

/* Release: v1.3.40 | 2026-08-14 15:56:08 GMT+8 | Synced the AirPods shortcut destination across all eight locales. */

/* Release: v1.3.41 | 2026-08-15 08:15:06 GMT+8 | Disabled the fully claimed limited-4 points reward across eight locales. */

body#top.inline-detail-mode main .register-detail-actions > a.is-disabled,
body#top.inline-detail-mode main .register-detail-actions > a[aria-disabled="true"] {
    color:#fff!important;
    background:#aeb4b8!important;
    background-image:none!important;
    border-color:#aeb4b8!important;
    box-shadow:none!important;
    text-shadow:none!important;
    -webkit-text-fill-color:#fff!important;
    cursor:not-allowed!important;
    pointer-events:none!important;
    transform:none!important;
}

body#top.inline-detail-mode main .register-detail-actions > a.is-disabled:hover,
body#top.inline-detail-mode main .register-detail-actions > a[aria-disabled="true"]:hover {
    color:#fff!important;
    background:#aeb4b8!important;
    box-shadow:none!important;
    transform:none!important;
}

/* Release: v1.3.42 | 2026-08-15 08:25:59 GMT+8 | Rendered fully claimed limited-4 rewards as non-interactive gray buttons across eight locales. */

/* Release: v1.3.43 | 2026-08-16 00:37:10 GMT+8 | Synced the limited-3 claim period and claim action across eight locales. */

/* Release: v1.3.44 | 2026-08-16 10:43:32 GMT+8 | Synced the limited-3 TWD threshold and discounted-payment eligibility note across eight locales. */

/* Release: v1.3.45 | 2026-08-16 12:46:10 GMT+8 | Synced the goInstagram takeover claim link across eight locales. */
/* Release: v1.3.46 | 2026-08-17 09:28:15 GMT+8 | Synced shortcut and limited-3 Sheet updates across eight locales. */
/* Release: v1.3.47 | 2026-08-17 09:35:06 GMT+8 | Synced limited-time points schedule across eight locales. */

/* v1.3.48: treat the limited-time points drop as a first-class homepage section. */
html body#top#top#top:not(.inline-detail-mode) main > section#limited.section[hidden] {
    display:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited.section:not([hidden]) {
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(76px,8vw,112px) max(24px,calc((100vw - 1180px)/2))!important;
    border:0!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    scroll-margin-top:72px!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading {
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 24px!important;
    padding:0!important;
    gap:10px!important;
    text-align:left!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-kicker {
    display:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-title-row.has-title-icon {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:none!important;
    gap:14px!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-title-icon-frame {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-title-icon {
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:contain!important;
    filter:none!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-title-copy {
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    text-align:left!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading h2 {
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    color:#20272a!important;
    -webkit-text-fill-color:#20272a!important;
    font-size:clamp(1.85rem,2.6vw,2.35rem)!important;
    font-weight:800!important;
    line-height:1.22!important;
    letter-spacing:-.03em!important;
    white-space:normal!important;
    text-shadow:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading p:not(.section-kicker) {
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    color:#727a7e!important;
    -webkit-text-fill-color:#727a7e!important;
    font-size:1rem!important;
    font-weight:500!important;
    line-height:1.6!important;
    white-space:normal!important;
    text-shadow:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-grid {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:clamp(12px,1.5vw,18px)!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card,
html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card:is(.is-upcoming,.is-soon,.is-active,.is-ended,.is-featured) {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:18px!important;
    gap:12px!important;
    overflow:hidden!important;
    border:1px solid var(--mc-line)!important;
    border-radius:18px!important;
    color:var(--mc-ink)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    transform:none!important;
    transition:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card::before {
    display:none!important;
    content:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > b {
    position:static!important;
    z-index:auto!important;
    display:inline-flex!important;
    width:fit-content!important;
    max-width:100%!important;
    min-height:28px!important;
    align-items:center!important;
    margin:0!important;
    padding:5px 10px!important;
    border:0!important;
    border-radius:999px!important;
    color:var(--mc-accent-dark)!important;
    background:var(--mc-accent-soft)!important;
    box-shadow:none!important;
    font-size:.78rem!important;
    font-weight:500!important;
    line-height:1.25!important;
    white-space:normal!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > h3 {
    position:static!important;
    z-index:auto!important;
    margin:0!important;
    color:var(--mc-ink)!important;
    -webkit-text-fill-color:var(--mc-ink)!important;
    font-size:1.35rem!important;
    font-weight:500!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-shadow:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > a {
    position:static!important;
    z-index:auto!important;
    display:flex!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    margin:auto 0 0!important;
    padding:8px 12px!important;
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    background-image:none!important;
    box-shadow:none!important;
    font-size:.88rem!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-align:center!important;
    text-shadow:none!important;
    transform:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > a[aria-disabled="true"],
html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > a.is-disabled {
    color:#7c8589!important;
    -webkit-text-fill-color:#7c8589!important;
    background:#e8eceb!important;
    cursor:default!important;
    pointer-events:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-mobile-pagination {
    display:none!important;
}

html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card.is-active {
    border-color:rgba(0,173,238,.55)!important;
    box-shadow:0 8px 24px rgba(0,173,238,.12)!important;
}

@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-mode) main > section#limited.section:not([hidden]) {
        display:block!important;
        margin:0!important;
        padding:44px 18px!important;
        scroll-margin-top:59px!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading {
        margin-bottom:10px!important;
        gap:8px!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading .section-title-row.has-title-icon {
        gap:10px!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited > .section-heading h2 {
        font-size:1.65rem!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-grid {
        grid-template-columns:1fr!important;
        grid-auto-flow:row!important;
        grid-auto-columns:auto!important;
        gap:10px!important;
        padding:0!important;
        overflow:visible!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card,
    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card:is(.is-upcoming,.is-soon,.is-active,.is-ended,.is-featured) {
        display:grid!important;
        grid-template-columns:minmax(76px,auto) minmax(0,1fr) minmax(92px,auto)!important;
        grid-template-areas:"tag time action"!important;
        align-items:center!important;
        min-height:0!important;
        padding:12px!important;
        gap:10px!important;
        border-radius:18px!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > b {
        grid-area:tag!important;
        justify-self:start!important;
        margin:0!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > h3 {
        grid-area:time!important;
        align-self:center!important;
        margin:0!important;
        font-size:1.05rem!important;
        line-height:1.25!important;
        text-align:left!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-card > a {
        grid-area:action!important;
        width:auto!important;
        min-width:92px!important;
        max-width:112px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        justify-self:end!important;
        font-size:.78rem!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-mobile-pagination {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        width:100%!important;
        margin:12px auto 0!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-mobile-pagination > button {
        display:block!important;
        box-sizing:border-box!important;
        width:7px!important;
        min-width:0!important;
        height:7px!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:999px!important;
        background:#c7d1d5!important;
        box-shadow:none!important;
        cursor:pointer!important;
        transition:width .2s ease,background-color .2s ease!important;
    }

    html body#top#top#top:not(.inline-detail-mode) main > section#limited .limited-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }

}
/* Release: v1.3.48 | 2026-08-17 09:41:51 GMT+8 | Rebuilt the limited points drop as a responsive standalone section. */

/* Release: v1.3.49 | 2026-08-17 09:44:21 GMT+8 | Updated the limited points section title icon. */

/* Release: v1.3.50 | 2026-08-17 09:51:20 GMT+8 | Made the limited points section white and paged mobile cards in groups of three. */

/* Release: v1.3.51 | 2026-08-17 10:05:30 GMT+8 | Removed the legacy divider between shortcuts and the limited points section. */

/* Release: v1.3.52 | 2026-08-17 10:13:48 GMT+8 | Changed the limited points mobile carousel to two cards per page. */

/* Release: v1.3.53 | 2026-08-17 10:49:46 GMT+8 | Synced the shortcut sheet update across eight locales. */

/* Release: v1.3.54 | 2026-08-17 10:55:29 GMT+8 | Synced the refreshed shortcut destination across eight locales. */


/* Release: v1.3.55 | 2026-08-17 14:07:50 GMT+8 | Unified payment, preregistration, and more-activity autoplay with the popular-activity carousel. */


/* Release: v1.3.56 | 2026-08-18 08:08:38 GMT+8 | Synced refreshed shortcut items and eight-locale titles. */


/* Release: v1.3.57 | 2026-08-19 12:44:30 GMT+8 | Synced AirPods schedule and limited treasure-box shortcut across eight locales. */


/* Release: v1.3.58 | 2026-08-19 13:11:04 GMT+8 | Synced limited treasure-box shortcut icon across eight locales. */


/* Release: v1.3.59 | 2026-08-19 13:22:35 GMT+8 | Unified source and medium tracking across outbound actions. */


/* Release: v1.3.60 | 2026-08-19 16:51:06 GMT+8 | Added cached five-second secondary-action unlock for gated takeovers. */


/* Release: v1.3.61 | 2026-08-19 17:00:57 GMT+8 | Synced gated Instagram takeover action order across eight locales. */


/* Release: v1.3.62 | 2026-08-19 17:45:52 GMT+8 | Synced Instagram takeover reward link across eight locales. */
/* Release: v1.3.63 | 2026-08-20 07:07:38 GMT+8 | Synced points-task shortcut across eight locales. */
/* Release: v1.3.64 | 2026-08-20 07:37:23 GMT+8 | Synced Instagram takeover reward eligibility across eight locales. */