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

: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);
}

/* Keep the page width stable when dialogs lock background scrolling. */
html {
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#2c6de0 #eaf0ff;
}

html::-webkit-scrollbar,
body#top::-webkit-scrollbar {
    width:6px;
    height:6px;
}

html::-webkit-scrollbar-track,
body#top::-webkit-scrollbar-track {
    background:#eaf0ff;
}

html::-webkit-scrollbar-thumb,
body#top::-webkit-scrollbar-thumb {
    border-radius:999px;
    background:#2c6de0;
}

.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-standalone-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-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card.featured:hover,
body#top:not(.inline-detail-standalone-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-standalone-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-detail-actions > .register-detail-choice,.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-detail-actions > .register-detail-choice,.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.0.58: September draw-ticket router and five individual prize pages. */
body#top.inline-detail-mode .lottery-route-panel {
    padding:clamp(18px,3vw,30px)!important;
    border:1px solid rgba(184,121,23,.48)!important;
    border-radius:22px!important;
    background:#fffef9!important;
    box-shadow:none!important;
}

body#top.inline-detail-mode .lottery-route-actions {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
}

body#top.inline-detail-mode .lottery-route-actions > a {
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:10px 12px!important;
    line-height:1.35!important;
    text-align:center!important;
}

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;
    line-height:1.4!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(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    transform:none!important;
    animation:none!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;
    overflow:hidden!important;
    border:1px solid var(--mc-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow: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(52,121,234,.24)!important;
    border-radius:999px!important;
    color:var(--anniv-navy)!important;
    background:rgba(255,255,255,.94)!important;
    font-size:.75rem!important;
    font-weight:700!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;
    aspect-ratio:4 / 3!important;
    margin:0!important;
    padding:14px!important;
    object-fit:contain!important;
    background:var(--mc-accent-soft)!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:58px!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:700!important;
    line-height:1.4!important;
    text-align:center!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key^="golottery-"] .register-prize-grid > figure.is-text-only {
    min-height:132px!important;
    justify-content:flex-end!important;
    background:linear-gradient(180deg,#eef5ff 0%,#fff 100%)!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key^="golottery-"] .register-prize-grid > figure.is-text-only > b {
    position:static!important;
    align-self:center!important;
    max-width:calc(100% - 24px)!important;
    margin:18px 12px 8px!important;
}

body#top.inline-detail-mode .inline-detail[data-content-key^="golottery-"] .register-prize-grid > figure.is-text-only > figcaption {
    flex:1!important;
    border-top:0!important;
}

@media (max-width:900px) {
    body#top.inline-detail-mode .lottery-route-actions {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body#top.inline-detail-mode .lottery-route-actions > a:last-child {
        grid-column:1 / -1!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 > img {
        aspect-ratio:1 / 1!important;
        padding:10px!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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) #social-videos-panel .social-rail-shell,
body#top[data-lang]:not(.inline-detail-standalone-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-standalone-mode) #socialtasks .social-task-rail > article.social-task-card > h3,
    body#top[data-lang]:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) #topupbonus .topup-shell {
        overflow:visible!important;
    }

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) :is(
        #membertasks .member-missions-rail,
        #socialtasks .social-task-rail
    )::-webkit-scrollbar {
        display:none!important;
    }

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

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

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) #membergate .member-gate-grid {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:10px!important;
    }

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) #membergate .member-gate-card__tag {
        display:none!important;
    }

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) #homeNotice[hidden] {
    display:none!important;
}

body#top:not(.inline-detail-standalone-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-standalone-mode) .home-notice__panel::before,
body#top:not(.inline-detail-standalone-mode) .home-notice__panel::after { display:none!important; content:none!important; }
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) .home-notice__actions { margin-top:12px!important; }
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) #homeNotice .home-notice__close::before,
body#top:not(.inline-detail-standalone-mode) #homeNotice .home-notice__close::after {
    box-shadow:none!important;
}

body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) #homeNotice.home-notice .home-notice__panel button.home-notice__close::before,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) {
    background:#fff!important;
    background-image:none!important;
    color:var(--mc-ink)!important;
}

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

body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) .hero::before,
body#top:not(.inline-detail-standalone-mode) .hero::after,
body#top:not(.inline-detail-standalone-mode) .hero-art::after {
    display:none!important;
    content:none!important;
}

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

/* Quick services. */
body#top:not(.inline-detail-standalone-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-standalone-mode) [id="8icons"].quick-panel::before,
body#top:not(.inline-detail-standalone-mode) [id="8icons"].quick-panel::after {
    display:none!important;
    content:none!important;
}

body#top:not(.inline-detail-standalone-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-standalone-mode) [id="8icons"].quick-panel > a:hover,
body#top:not(.inline-detail-standalone-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-standalone-mode) [id="8icons"].quick-panel span.has-icon,
body#top:not(.inline-detail-standalone-mode) [id="8icons"].quick-panel span.has-icon img,
body#top:not(.inline-detail-standalone-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-standalone-mode) [id="8icons"].quick-panel strong,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main > :is(#membertasks,#hotgames,#mymall,#more) {
    background:var(--mc-soft)!important;
}

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

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

body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) .section-heading .section-title-row {
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    gap:0!important;
}

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

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

body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading h2,
body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading p:not(.section-kicker),
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) .rail-shell {
    width:100%!important;
    max-width:none!important;
}

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

body#top:not(.inline-detail-standalone-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-standalone-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(780px,100%)!important;
    margin:0 auto 30px!important;
    grid-template-columns:repeat(4,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) {
    /* Only finite achievement cards are centered; overflowing missions start at card one. */
    #membertasks .member-achievement-rail {
        justify-content:center!important;
    }

    #membertasks .member-missions-rail {
        justify-content:start!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-standalone-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-standalone-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-standalone-mode) main > :is(#membertasks,.tab-composite-section) > .section-heading .section-title-row {
        justify-content:flex-start!important;
    }

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

    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-kicker {
    display:none!important;
}

body#top:not(.inline-detail-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading h2,
body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading p:not(.section-kicker),
body#top:not(.inline-detail-standalone-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-standalone-mode) main section:is(#topup-panel,#mycardwalletevent,#games-panel,#preregister) > .section-heading h2,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section:is(#hotgames,#preregister) :is(.game-card-image,.preregister-card)::before,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membertasks > .section-heading .section-title-icon-frame,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card.featured,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card:first-child,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card.featured:hover,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card::before,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent)[hidden],
body#top:not(.inline-detail-standalone-mode) main section#hotgames > :is(#games-panel,#preregister)[hidden] {
    display:none!important;
}

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

body#top:not(.inline-detail-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading h2,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > :is(.rail-shell,.topup-shell,.payment-shell,.lottery-shell),
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    body#top:not(.inline-detail-standalone-mode) main section#hotgames > :is(#games-panel,#preregister) {
        margin-top:0!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent) > .section-heading,
    body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membertasks .rail-large > article.reward-card,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card.featured,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child:hover,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membertasks .rail-large > article.reward-card::before,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card::after,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child::before,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child::after,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card.featured::before,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membertasks .rail-large > article.reward-card > a,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card > a:hover,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child > a,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card:first-child > a:hover,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .rail-large > article.reward-card.featured > a,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#preregister .preregister-card > a::before,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) .hero {
        height:clamp(190px,42vw,280px)!important;
        min-height:clamp(190px,42vw,280px)!important;
        max-height:none!important;
    }

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

    body#top:not(.inline-detail-standalone-mode) [id="8icons"].quick-panel strong,
    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#limited.section,
    body#top:not(.inline-detail-standalone-mode) main > section.section[hidden],
    body#top.inline-detail-mode main > section.section[hidden] {
        display:none!important;
    }

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

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

    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading h2,
    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading h2,
    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main section#membertasks > .section-heading,
    body#top:not(.inline-detail-standalone-mode) main section#membertasks > .section-heading .section-title-row {
        min-height:0!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card,
    body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card.featured,
    body#top:not(.inline-detail-standalone-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(4,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-standalone-mode) .bottom-nav {
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:translateX(-50%)!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading,
body#top:not(.inline-detail-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading,
body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading .section-title-row,
body#top:not(.inline-detail-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading .section-title-row,
body#top:not(.inline-detail-standalone-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-standalone-mode) main > section.section:not(.hero) > .section-heading :is(.section-title-copy,h2,p),
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main > section#membergate {
    box-shadow:none!important;
}

body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main > section.section:not(.hero)::before,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#preregister > .section-heading {
    margin-bottom:0!important;
}

body#top:not(.inline-detail-standalone-mode) main section#preregister > .preregister-rail-shell,
body#top:not(.inline-detail-standalone-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-standalone-mode) [id="8icons"].quick-panel > a:hover,
body#top.inline-detail-mode [id="8icons"].quick-panel > a:hover,
body#top:not(.inline-detail-standalone-mode) main :is(.tag,.member-gate-card__tag,.wallet-bullet,.payment-icon),
body#top:not(.inline-detail-standalone-mode) .bottom-nav a:hover,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .reward-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .offer-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#hotgames .game-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#preregister .preregister-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#socialtasks .social-task-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#mymall .mall-card:hover,
body#top:not(.inline-detail-standalone-mode) main section#mycardwalletevent .lottery-rail > article:hover,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article:hover,
body#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article:hover,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .payment-grid > a:hover,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#hotgames :is(.game-card,.game-card-image) > a,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#preregister .preregister-card > a,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) [id="8icons"].quick-panel {
        margin-top:-12px!important;
    }
}

@media (max-width:700px) {
    body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-card__body > a,
body#top:not(.inline-detail-standalone-mode) main section#membertasks .reward-card > a,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .offer-card > a,
body#top:not(.inline-detail-standalone-mode) main section#limited .limited-card > a,
body#top:not(.inline-detail-standalone-mode) main section#socialtasks .social-task-card > a,
body#top:not(.inline-detail-standalone-mode) main section#mymall .mall-card > a,
body#top:not(.inline-detail-standalone-mode) main section#mycardwalletevent .lottery-rail > article > a,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > a,
body#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article > a,
body#top:not(.inline-detail-standalone-mode) main section#topupbonus .payment-grid > a,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus :is(.payment-grid,.payment-rail) > a > :is(em,strong,span),
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-card__body > a > :is(em,strong,span,b),
body#top:not(.inline-detail-standalone-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-standalone-mode) main section[id="8icons"].quick-panel > :is(a,a:hover,a:focus-visible,a.is-active),
body#top[data-lang]:not(.inline-detail-standalone-mode) main section[id="8icons"].quick-panel > :is(a,a:hover,a:focus-visible,a.is-active),
body#top:not(.inline-detail-standalone-mode) main section[id="8icons"].quick-panel > a > :is(strong,span:not(.has-icon)),
body#top[data-lang]:not(.inline-detail-standalone-mode) main section[id="8icons"].quick-panel > a > :is(strong,span:not(.has-icon)),
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) nav.bottom-nav > :is(a,button) > span,
body#top[data-lang]:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main section#membergate .member-gate-grid.member-gate-task-rail::-webkit-scrollbar {
    display:none!important;
}

body#top:not(.inline-detail-standalone-mode) main section#membergate .member-gate-grid.member-gate-task-rail > article.reward-card,
body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > a,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > .tag {
        display:none!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks) > .section-heading {
        margin:0 0 20px!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) #membergate .member-gate-task-rail::-webkit-scrollbar {
        display:none!important;
    }

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

    html body#top:not(.inline-detail-standalone-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-standalone-mode) #membertasks .member-missions-rail::-webkit-scrollbar {
        display:none!important;
    }

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

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membergate .member-gate-grid.member-gate-task-rail::-webkit-scrollbar {
        display:none!important;
    }

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

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

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

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

    html body#top:not(.inline-detail-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > h3,
    html body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media,
    html body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > p.offer-media > :is(img,svg),
    html body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-task-rail > article.reward-card > a,
    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membertasks .member-achievement-rail::-webkit-scrollbar {
        display:none!important;
    }

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

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

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

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

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

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) :is(
        #membergate .member-gate-task-rail,
        #membertasks .member-achievement-rail
    )::-webkit-scrollbar {
        display:none!important;
    }

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membergate .member-gate-grid.member-gate-task-rail,
    html body#top:not(.inline-detail-standalone-mode) main section#membertasks .member-checkin-rail,
    html body#top:not(.inline-detail-standalone-mode) main section#membertasks .member-missions-rail,
    html body#top:not(.inline-detail-standalone-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-standalone-mode) main section#membergate .member-gate-grid.member-gate-task-rail > .member-mobile-page,
    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#lottery .tickets-rail > article:first-child > a,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article.featured > a,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article:first-child > a:hover,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article.featured > a:hover,
body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article:first-child > a:focus-visible,
body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:24px!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#membertasks > :is(#member-checkin-panel,#member-task-panel,#member-achievement-panel),
    body#top:not(.inline-detail-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    body#top:not(.inline-detail-standalone-mode) main section#hotgames > :is(#games-panel,#preregister),
    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:16px!important;
    }

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

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

    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#membergate.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-standalone-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-standalone-mode) main > section#membergate.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section#membertasks.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-standalone-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_069.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-standalone-mode) main > section#membertasks.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section#topupbonus.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-standalone-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_070.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-standalone-mode) main > section#topupbonus.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section#hotgames.section {
    overflow:hidden!important;
    isolation:isolate!important;
}

body#top:not(.inline-detail-standalone-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_067.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-standalone-mode) main > section#hotgames.section > * {
    position:relative!important;
    z-index:1!important;
}

@media (max-width:700px) {
    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main section#mycardwalletevent .lottery-shell {
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-mode) main section#mycardwalletevent .lottery-rail::-webkit-scrollbar {
        display:none!important;
    }

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

    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > :is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks) > .event-tabs {
        margin:0 auto 16px!important;
    }

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

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

    body#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main > section:is(#membergate,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:24px!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading {
        margin-bottom:10px!important;
    }

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main section#membertasks > :is(#member-checkin-panel,#member-task-panel,#member-achievement-panel),
    html body#top:not(.inline-detail-standalone-mode) main section#topupbonus > :is(#topup-panel,#mycardwalletevent),
    html body#top:not(.inline-detail-standalone-mode) main section#hotgames > :is(#games-panel,#preregister),
    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading,
body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) [id="8icons"].quick-panel {
    background:rgba(255,255,255,.55)!important;
}

body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) nav.side-nav .side-nav-toggle,
    body#top:not(.inline-detail-standalone-mode) nav.side-nav .side-nav-links {
        display:none!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-mode) nav.side-nav .back-top {
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:none!important;
    }

    body#top:not(.inline-detail-standalone-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-standalone-mode) #preregister .preregister-rail {
        scroll-snap-type:none!important;
        scroll-behavior:auto!important;
    }

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

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

    html body#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) #membergate .section-heading h2,
    html body#top#top#top:not([data-lang="zh"]):not([data-lang="zh-cn"]):not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#membergate > .member-gift-shell {
    margin-top:0!important;
}

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

    html body#top#top#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card,
    html body#top#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card > h3,
    html body#top#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card > p.offer-media,
    html body#top#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card > p.offer-media > :is(img,svg),
    html body#top#top:not(.inline-detail-standalone-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-standalone-mode) main section#topupbonus .topup-rail > article.offer-card > a,
    html body#top#top:not(.inline-detail-standalone-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;
    }
}


/* 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-standalone-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-standalone-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-standalone-mode) #membertasks .member-checkin-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* 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;
}












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;
}





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

html body#top#top#top:not(.inline-detail-standalone-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-standalone-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-standalone-mode) main > section#limited > .section-heading .section-kicker {
    display:none!important;
}

html body#top#top#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#limited .limited-card,
html body#top#top#top:not(.inline-detail-standalone-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-standalone-mode) main > section#limited .limited-card::before {
    display:none!important;
    content:none!important;
}

html body#top#top#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#limited .limited-card > a[aria-disabled="true"],
html body#top#top#top:not(.inline-detail-standalone-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-standalone-mode) main > section#limited .limited-mobile-pagination {
    display:none!important;
}

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

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

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

    html body#top#top#top:not(.inline-detail-standalone-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-standalone-mode) main > section#limited .limited-card,
    html body#top#top#top:not(.inline-detail-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-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-standalone-mode) main > section#limited .limited-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }

}

/* v1.0.4: MyCard 20th-anniversary royal blue, jewel blue and ceremonial gold theme. */
:root {
    --mc-accent:#1f5fd1;
    --mc-accent-dark:#0b2d7a;
    --mc-accent-soft:#edf4ff;
    --mc-ink:#101b3f;
    --mc-muted:#5f6b85;
    --mc-line:#d8c27a;
    --mc-soft:#f4f7ff;
    --mc-white:#fff;
    --mc-shadow:0 14px 34px rgba(7,27,84,.12);
    --anniv-navy:#071b54;
    --anniv-royal:#123caa;
    --anniv-blue:#2c6de0;
    --anniv-cyan:#75d9ff;
    --anniv-gold:#f3c64f;
    --anniv-gold-deep:#b87917;
    --anniv-ivory:#fff9e9;
    --anniv-ice:#eef5ff;
}

html {
    background:var(--anniv-navy)!important;
}

body#top:not(.inline-detail-standalone-mode),
body#top.inline-detail-mode {
    color:var(--mc-ink)!important;
    background:
        radial-gradient(circle at 12% 10%,rgba(117,217,255,.2),transparent 24%),
        radial-gradient(circle at 88% 18%,rgba(243,198,79,.18),transparent 25%),
        linear-gradient(180deg,#eaf2ff 0%,#fff9e9 42%,#edf4ff 100%)!important;
}

body#top:not(.inline-detail-standalone-mode) > main,
body#top.inline-detail-mode > main {
    background:
        radial-gradient(circle at 8% 18%,rgba(44,109,224,.1),transparent 21%),
        radial-gradient(circle at 92% 22%,rgba(243,198,79,.15),transparent 24%),
        linear-gradient(180deg,#eef5ff 0%,#fffaf0 44%,#edf3ff 100%)!important;
}

body#top header.site-header,
body#top[data-lang] header.site-header,
body#top.inline-detail-mode header.site-header {
    border-bottom:1px solid rgba(184,121,23,.38)!important;
    background:rgba(255,253,247,.96)!important;
    box-shadow:0 8px 28px rgba(7,27,84,.1)!important;
}

body#top .header-nav a,
body#top .header-nav a.detail-home-link {
    color:var(--anniv-navy)!important;
}

body#top .header-nav a:hover,
body#top .header-nav a:focus-visible {
    color:var(--anniv-royal)!important;
}

body#top .language-switcher {
    border-color:rgba(184,121,23,.42)!important;
    background:var(--anniv-ivory)!important;
    color:var(--anniv-navy)!important;
    box-shadow:0 5px 16px rgba(7,27,84,.08)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) [id="8icons"].quick-panel,
html body#top#top#top.inline-detail-mode [id="8icons"].quick-panel {
    border:1px solid rgba(184,121,23,.48)!important;
    background:linear-gradient(180deg,#fffdf7 0%,#fff8e8 100%)!important;
    box-shadow:0 14px 34px rgba(7,27,84,.16),inset 0 3px 0 rgba(243,198,79,.35)!important;
}

html body#top#top#top [id="8icons"].quick-panel > a {
    color:var(--anniv-navy)!important;
}

html body#top#top#top [id="8icons"].quick-panel > a:hover,
html body#top#top#top [id="8icons"].quick-panel > a:focus-visible {
    background:var(--anniv-ice)!important;
    box-shadow:inset 0 0 0 1px rgba(44,109,224,.2)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > section.section:not(#inlineDetail):not(#registerNotice),
html body#top#top#top:not(.inline-detail-standalone-mode) main > .tab-composite-section {
    --board-bg:#eef5ff!important;
    --board-accent:var(--anniv-royal)!important;
    --board-wash:rgba(238,245,255,.95)!important;
    color:var(--mc-ink)!important;
    background:
        radial-gradient(circle at 8% 18%,rgba(44,109,224,.09),transparent 26%),
        radial-gradient(circle at 92% 78%,rgba(243,198,79,.13),transparent 28%),
        linear-gradient(180deg,#f3f7ff 0%,#fffaf0 100%)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > section.section:nth-of-type(even) {
    background:
        radial-gradient(circle at 88% 12%,rgba(44,109,224,.1),transparent 24%),
        radial-gradient(circle at 12% 82%,rgba(243,198,79,.14),transparent 27%),
        linear-gradient(180deg,#fffaf0 0%,#edf4ff 100%)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > section.section > .section-heading h2,
html body#top#top#top:not(.inline-detail-standalone-mode) main > .tab-composite-section > .section-heading h2,
html body#top#top#top:not(.inline-detail-standalone-mode) #membertasks > .section-heading .section-title-copy h2 {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    text-shadow:0 2px 0 #fff,0 0 18px rgba(44,109,224,.15)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > section:is(#membergate,#membertasks,#topupbonus,#hotgames,#socialtasks,#mymall,#lottery,#more) > .section-heading :is(h2,.section-title-copy h2) {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    text-shadow:0 2px 0 #fff,0 0 18px rgba(44,109,224,.15)!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > section.section > .section-heading .section-kicker,
html body#top#top#top:not(.inline-detail-standalone-mode) main > section.section > .section-heading p,
html body#top#top#top:not(.inline-detail-standalone-mode) #membertasks > .section-heading .section-title-copy p {
    color:#53617d!important;
    -webkit-text-fill-color:#53617d!important;
    text-shadow:none!important;
}

body#top .event-tabs,
body#top .reward-plus-tabs,
body#top .game-reward-tabs,
body#top .social-content-tabs,
body#top .member-task-tabs {
    border:1px solid rgba(184,121,23,.34)!important;
    background:rgba(255,253,247,.86)!important;
    box-shadow:0 8px 22px rgba(7,27,84,.08)!important;
}

body#top .event-tab,
body#top .reward-plus-tab,
body#top .game-reward-tab,
body#top .social-content-tab,
body#top .member-task-tab {
    color:#53617d!important;
    background:transparent!important;
}

body#top .event-tab.is-active,
body#top .event-tab[aria-selected="true"],
body#top .reward-plus-tab.is-active,
body#top .game-reward-tab.is-active,
body#top .social-content-tab.is-active,
body#top .member-task-tab.is-active {
    border-color:var(--anniv-gold)!important;
    color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff5bd 0%,#f3c64f 100%)!important;
    box-shadow:0 5px 14px rgba(184,121,23,.22)!important;
}

body#top .reward-card,
body#top .offer-card,
body#top .game-card,
body#top .preregister-card,
body#top .social-task-card,
body#top .social-video-card,
body#top .mall-card,
body#top .payment-grid > a,
body#top .payment-rail > a,
body#top .tickets-rail > article,
body#top .lottery-rail > article,
body#top .limited-card,
body#top .register-task-card {
    border-color:rgba(184,121,23,.5)!important;
    color:var(--mc-ink)!important;
    background:linear-gradient(180deg,#fffef9 0%,#fff9eb 100%)!important;
    box-shadow:0 10px 24px rgba(7,27,84,.11),inset 0 3px 0 rgba(243,198,79,.22)!important;
}

body#top .reward-card:hover,
body#top .offer-card:hover,
body#top .game-card:hover,
body#top .preregister-card:hover,
body#top .social-task-card:hover,
body#top .social-video-card:hover,
body#top .mall-card:hover,
body#top .tickets-rail > article:hover,
body#top .lottery-rail > article:hover {
    border-color:var(--anniv-gold-deep)!important;
    box-shadow:0 14px 30px rgba(7,27,84,.16),0 0 0 3px rgba(243,198,79,.16)!important;
}

body#top .reward-card h3,
body#top .offer-card h3,
body#top .game-card h3,
body#top .preregister-card h3,
body#top .social-task-card h3,
body#top .mall-card h3,
body#top .tickets-rail > article h3,
body#top .lottery-rail > article h3 {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    text-shadow:none!important;
}

body#top main a.primary-action,
body#top main .reward-card > a,
body#top main .offer-card > a,
body#top main .game-card > a,
body#top main .preregister-card a,
body#top main .social-task-card > a,
body#top main .mall-card > a,
body#top main .tickets-rail > article > a,
body#top main .lottery-rail > article > a,
body#top main .limited-card > a,
body#top main .topup-actions > a,
body#top main .wallet-actions > a {
    border:1px solid #f7d975!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 10px 20px rgba(7,27,84,.16)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.2)!important;
}

body#top main a.primary-action:hover,
body#top main .reward-card > a:hover,
body#top main .offer-card > a:hover,
body#top main .game-card > a:hover,
body#top main .preregister-card a:hover,
body#top main .social-task-card > a:hover,
body#top main .mall-card > a:hover,
body#top main .tickets-rail > article > a:hover,
body#top main .lottery-rail > article > a:hover,
body#top main .limited-card > a:hover {
    border-color:#fff0a8!important;
    background:linear-gradient(180deg,#4b8cff 0%,#1749bf 100%)!important;
    box-shadow:0 7px 0 #082765,0 0 0 3px rgba(243,198,79,.22)!important;
}

html body#top#top#top main section#membertasks {
    --task-accent:var(--anniv-royal)!important;
    background:
        radial-gradient(circle at 10% 18%,rgba(44,109,224,.12),transparent 24%),
        radial-gradient(circle at 90% 82%,rgba(243,198,79,.16),transparent 27%),
        linear-gradient(180deg,#edf4ff 0%,#fff8e8 100%)!important;
}

html body#top#top#top main section#membertasks article.member-task-tile {
    --task-accent:var(--anniv-royal)!important;
}

html body#top#top#top main section#membertasks .member-task-board__grid {
    border-color:var(--anniv-gold-deep)!important;
    background:rgba(255,253,247,.94)!important;
    box-shadow:0 9px 0 #0a2e79,inset 0 0 0 3px rgba(243,198,79,.36)!important;
}

html body#top#top#top main section#membertasks a.member-task-tile__link {
    border-color:var(--anniv-royal)!important;
    background:linear-gradient(180deg,#fffef9 0%,#eef5ff 100%)!important;
    box-shadow:0 6px 0 #0a2e79,inset 0 0 0 4px #f5d777!important;
}

html body#top#top#top main section#membertasks article.member-task-tile h3,
html body#top#top#top main section#membertasks .member-task-tile__reward,
html body#top#top#top main section#membertasks .member-task-board__title,
html body#top#top#top main section#membertasks .member-task-board__kicker {
    color:var(--anniv-navy)!important;
}

html body#top#top#top main section#membertasks .member-task-tile__action i,
html body#top#top#top main section#membertasks .member-task-board__hint {
    border-color:var(--anniv-gold-deep)!important;
    color:var(--anniv-navy)!important;
    background:#fff1a6!important;
}

body#top .bottom-nav,
body#top .side-nav-links {
    border:1px solid rgba(184,121,23,.48)!important;
    background:rgba(255,253,247,.96)!important;
    box-shadow:0 12px 32px rgba(7,27,84,.18),inset 0 3px 0 rgba(243,198,79,.24)!important;
}

body#top .bottom-nav > a,
body#top .side-nav-links > a,
body#top .side-nav-links > button {
    color:var(--anniv-navy)!important;
}

body#top .back-top,
body#top .side-nav-toggle,
body#top .detail-back-float {
    border:1px solid #f6d46d!important;
    color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 10px 20px rgba(7,27,84,.18)!important;
}

.campaign-takeover__backdrop {
    background:rgba(3,14,48,.76)!important;
    backdrop-filter:blur(8px) saturate(.9)!important;
}

.campaign-takeover__panel {
    overflow:hidden!important;
    border:2px solid #f2cc62!important;
    background:var(--anniv-ivory)!important;
    box-shadow:0 24px 70px rgba(1,10,38,.52),0 0 0 6px rgba(243,198,79,.12)!important;
}

.campaign-takeover__art {
    background:
        radial-gradient(circle at 50% 18%,rgba(117,217,255,.3),transparent 30%),
        linear-gradient(145deg,#0a245f 0%,#1649b7 58%,#2877dd 100%)!important;
}

.campaign-takeover__content {
    background:
        radial-gradient(circle at 92% 8%,rgba(243,198,79,.18),transparent 28%),
        linear-gradient(180deg,#fffef9 0%,#fff8e7 100%)!important;
}

.campaign-takeover__eyebrow {
    color:var(--anniv-navy)!important;
    background:#fff0a4!important;
    box-shadow:inset 0 0 0 1px rgba(184,121,23,.28)!important;
}

.campaign-takeover__content h2 {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
}

.campaign-takeover__subtitle {
    color:var(--anniv-royal)!important;
}

.campaign-takeover__desc {
    color:#4e5b77!important;
}

.campaign-takeover__action {
    border:1px solid #ffe38a!important;
    color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 12px 20px rgba(7,27,84,.18)!important;
}

.campaign-takeover__action--secondary {
    color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff5bd 0%,#f3c64f 100%)!important;
    box-shadow:0 6px 0 #a56b13,0 12px 20px rgba(184,121,23,.18)!important;
}

.campaign-takeover__close,
.home-notice__close,
.inline-detail__close,
.smart-guide__close {
    border:1px solid rgba(184,121,23,.5)!important;
    color:var(--anniv-navy)!important;
    background:#fff8df!important;
    box-shadow:0 5px 14px rgba(7,27,84,.12)!important;
}

.home-notice__panel {
    border:2px solid #f3c64f!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 90% 0%,rgba(117,217,255,.2),transparent 30%),
        linear-gradient(145deg,#071b54 0%,#123caa 100%)!important;
    box-shadow:0 20px 55px rgba(1,10,38,.4),inset 0 0 0 2px rgba(255,255,255,.06)!important;
}

.home-notice__kicker,
.home-notice__panel h2,
.home-notice__desc {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

.home-notice__kicker {
    color:#ffe58f!important;
    -webkit-text-fill-color:#ffe58f!important;
}

.home-notice__primary {
    border:1px solid #fff0a8!important;
    color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff6c2 0%,#f3c64f 100%)!important;
    box-shadow:0 5px 0 #a56b13!important;
}

body#top.inline-detail-mode .inline-detail,
body#top.inline-detail-mode .detail-task-section {
    background:transparent!important;
}

body#top.inline-detail-mode .inline-detail__panel {
    border:2px solid #d7b34f!important;
    color:var(--mc-ink)!important;
    background:linear-gradient(180deg,#fffef9 0%,#fff9ec 100%)!important;
    box-shadow:0 18px 48px rgba(7,27,84,.2),inset 0 4px 0 rgba(243,198,79,.28)!important;
}

body#top.inline-detail-mode .inline-detail__heading {
    grid-column:1 / -1!important;
    width:auto!important;
    max-width:none!important;
    margin:-2px -2px 22px!important;
    padding:28px 30px 24px!important;
    border-bottom:2px solid #f3c64f!important;
    border-radius:20px 20px 0 0!important;
    background:
        radial-gradient(circle at 92% 0%,rgba(117,217,255,.22),transparent 30%),
        linear-gradient(145deg,#071b54 0%,#123caa 100%)!important;
}

body#top.inline-detail-mode .inline-detail__heading h2 {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 0 rgba(0,0,0,.18)!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .inline-detail__heading #inlineDetailTitle {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 0 rgba(0,0,0,.18)!important;
}

body#top.inline-detail-mode .inline-detail__heading .inline-detail__desc {
    color:#dceaff!important;
    -webkit-text-fill-color:#dceaff!important;
    text-shadow:none!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .inline-detail__heading #inlineDetailDesc {
    color:#dceaff!important;
    -webkit-text-fill-color:#dceaff!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode .inline-detail__meta div,
body#top.inline-detail-mode .inline-detail__notes,
body#top.inline-detail-mode .register-detail-section,
body#top.inline-detail-mode .register-detail-body,
body#top.inline-detail-mode .register-detail-table,
body#top.inline-detail-mode .register-flow-card,
body#top.inline-detail-mode .register-prize-grid figure,
body#top.inline-detail-mode .register-flow-block,
body#top.inline-detail-mode .register-notice-box,
body#top.inline-detail-mode .register-product-card {
    border-color:rgba(184,121,23,.48)!important;
    color:var(--mc-ink)!important;
    background:#fffef9!important;
    box-shadow:0 8px 22px rgba(7,27,84,.09),inset 0 3px 0 rgba(243,198,79,.18)!important;
}

body#top.inline-detail-mode .register-detail-section__head > p,
body#top.inline-detail-mode .register-detail-section__head > strong,
body#top.inline-detail-mode .inline-detail__meta dt {
    color:var(--anniv-navy)!important;
    background:#fff0a6!important;
}

body#top.inline-detail-mode .register-detail-section h3,
body#top.inline-detail-mode .register-flow-card h3,
body#top.inline-detail-mode .register-detail-table th {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-section h3,
html body#top#top#top.inline-detail-mode main #inlineDetail .register-flow-card h3,
html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table th {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode .register-detail-time,
body#top.inline-detail-mode .inline-detail__meta dd,
body#top.inline-detail-mode .inline-detail__notes li,
body#top.inline-detail-mode .register-detail-body,
body#top.inline-detail-mode .register-detail-body p,
body#top.inline-detail-mode .register-detail-body dd,
body#top.inline-detail-mode .register-detail-table td {
    color:#4f5c78!important;
    -webkit-text-fill-color:#4f5c78!important;
    text-shadow:none!important;
}

body#top.inline-detail-mode .register-detail-actions > a,
body#top.inline-detail-mode .register-detail-actions > .register-detail-choice,
body#top.inline-detail-mode .register-product-card > a,
body#top.inline-detail-mode .inline-detail__action,
body#top.inline-detail-mode .inline-detail__back,
body#top.inline-detail-mode .detail-task-rail .register-task-card a {
    border:1px solid #f7d975!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 10px 20px rgba(7,27,84,.15)!important;
    text-shadow:none!important;
}

.smart-guide__launcher,
.smart-guide__panel {
    border-color:#f3c64f!important;
    box-shadow:0 16px 36px rgba(7,27,84,.24)!important;
}

.smart-guide__header {
    color:#fff!important;
    background:linear-gradient(145deg,#071b54 0%,#123caa 100%)!important;
}

.smart-guide__content,
.smart-guide__actions {
    background:linear-gradient(180deg,#fffef9 0%,#fff8e8 100%)!important;
}

.smart-guide__speaker,
.smart-guide__choice,
.smart-guide__back,
.smart-guide__reset {
    border-color:rgba(184,121,23,.45)!important;
    color:var(--anniv-navy)!important;
    background:#fff0a6!important;
}

@media (max-width:700px) {
    body#top.inline-detail-mode .inline-detail__heading {
        margin:-2px -2px 16px!important;
        padding:20px 18px 18px!important;
        border-radius:16px 16px 0 0!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) [id="8icons"].quick-panel {
        background:linear-gradient(180deg,#fffdf7 0%,#fff6df 100%)!important;
        box-shadow:inset 0 4px 0 rgba(243,198,79,.35),0 8px 20px rgba(7,27,84,.12)!important;
    }
}

/* v1.0.5: anniversary treatment for language and floating navigation controls. */
body#top header.site-header .lang-switch .lang-current,
body#top[data-lang] header.site-header .lang-switch .lang-current {
    border:1px solid var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 5px 0 #082765,0 9px 20px rgba(7,27,84,.2)!important;
}

body#top header.site-header .lang-switch .lang-current:hover,
body#top header.site-header .lang-switch .lang-current:focus-visible,
body#top header.site-header .lang-switch.is-open .lang-current {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:0 5px 0 #b87917,0 9px 20px rgba(184,121,23,.24)!important;
}

body#top header.site-header .lang-switch .lang-current .lang-mark {
    color:#fff5bf!important;
    -webkit-text-fill-color:#fff5bf!important;
}

body#top header.site-header .lang-switch.is-open .lang-current .lang-mark {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
}

body#top header.site-header .lang-switch #langMenu.lang-menu,
body#top[data-lang] header.site-header .lang-switch #langMenu.lang-menu {
    border:1px solid var(--anniv-gold)!important;
    background:linear-gradient(160deg,#071b54 0%,#123caa 100%)!important;
    box-shadow:0 18px 38px rgba(7,27,84,.34),inset 0 0 0 2px rgba(243,198,79,.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:1px solid transparent!important;
    color:#eaf3ff!important;
    -webkit-text-fill-color:#eaf3ff!important;
    background:transparent!important;
    box-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 {
    border-color:rgba(255,240,168,.7)!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:#fff0a6!important;
    box-shadow:none!important;
}

body#top header.site-header .lang-switch #langMenu.lang-menu button.is-active {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:inset 0 -2px 0 rgba(184,121,23,.28)!important;
}

body#top nav.side-nav,
body#top nav.side-nav .side-nav-links {
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
}

body#top nav.side-nav .side-nav-toggle,
body#top nav.side-nav .back-top,
body#top nav.side-nav #mobileFloatLinks > button.detail-back-float {
    border:1px solid var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 11px 22px rgba(7,27,84,.22)!important;
}

body#top nav.side-nav #mobileFloatLinks > a,
body#top nav.side-nav #mobileFloatLinks > button:not(.detail-back-float) {
    border:1px solid rgba(184,121,23,.58)!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fffef9 0%,#fff4d1 100%)!important;
    box-shadow:0 6px 18px rgba(7,27,84,.14),inset 0 2px 0 rgba(243,198,79,.24)!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 .back-top:hover,
body#top nav.side-nav .back-top:focus-visible,
body#top nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
body#top nav.side-nav #mobileFloatLinks > button.detail-back-float: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 > a.is-active {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:0 6px 0 #b87917,0 11px 22px rgba(184,121,23,.24)!important;
}

body#top nav.side-nav :is(.side-nav-toggle,.back-top,.detail-back-float,a):focus-visible,
body#top header.site-header .lang-switch :is(.lang-current,.lang-menu button):focus-visible {
    outline:3px solid rgba(117,217,255,.9)!important;
    outline-offset:3px!important;
}

@media (max-width:700px) {
    body#top nav.side-nav .side-nav-links {
        border:1px solid rgba(184,121,23,.5)!important;
        background:rgba(255,253,247,.97)!important;
        box-shadow:0 14px 30px rgba(7,27,84,.2),inset 0 3px 0 rgba(243,198,79,.25)!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) nav.side-nav .back-top {
        border-color:var(--anniv-gold)!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
        box-shadow:0 6px 0 #082765,0 11px 22px rgba(7,27,84,.22)!important;
    }

    html body#top#top#top.is-back-top-visible:not(.inline-detail-standalone-mode) nav.side-nav .back-top:hover,
    html body#top#top#top.is-back-top-visible:not(.inline-detail-standalone-mode) nav.side-nav .back-top:focus-visible {
        border-color:#fff0a8!important;
        color:var(--anniv-navy)!important;
        -webkit-text-fill-color:var(--anniv-navy)!important;
        background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
        box-shadow:0 6px 0 #b87917,0 11px 22px rgba(184,121,23,.24)!important;
    }
}

html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel {
    position:relative!important;
    z-index:8!important;
    margin-top:-20px!important;
    transform:none!important;
}

/* v1.0.6: corrected detail controls and full-bleed headings. */
body#top header.site-header .lang-switch .lang-current:hover,
body#top header.site-header .lang-switch .lang-current:focus-visible,
body#top[data-lang] header.site-header .lang-switch .lang-current:hover,
body#top[data-lang] header.site-header .lang-switch .lang-current:focus-visible {
    border-color:var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 5px 0 #082765,0 9px 20px rgba(7,27,84,.2)!important;
    transform:none!important;
}

body#top header.site-header .lang-switch.is-open .lang-current,
body#top header.site-header .lang-switch.is-open .lang-current:hover,
body#top header.site-header .lang-switch.is-open .lang-current:focus-visible {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:0 5px 0 #b87917,0 9px 20px rgba(184,121,23,.24)!important;
    transform:none!important;
}

html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float {
    border:1px solid var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 11px 22px rgba(7,27,84,.22)!important;
}

html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:0 6px 0 #b87917,0 11px 22px rgba(184,121,23,.24)!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail > .inline-detail__panel > .inline-detail__heading {
    width:auto!important;
    max-width:none!important;
    margin:-42px -42px 30px!important;
    padding:30px 70px 28px!important;
    border-radius:23px 23px 0 0!important;
}

@media (max-width:700px) {
    html body#top#top#top.inline-detail-mode main #inlineDetail > .inline-detail__panel > .inline-detail__heading {
        margin:-20px -18px 20px!important;
        padding:22px 48px 20px 20px!important;
        border-radius:16px 16px 0 0!important;
    }
}

/* v1.0.7: flat language and floating navigation controls. */
html body#top#top#top header.site-header .lang-switch .lang-current,
html body#top#top#top header.site-header .lang-switch .lang-current:hover,
html body#top#top#top header.site-header .lang-switch .lang-current:focus-visible,
html body#top#top#top header.site-header .lang-switch.is-open .lang-current,
html body#top#top#top header.site-header .lang-switch.is-open .lang-current:hover,
html body#top#top#top header.site-header .lang-switch.is-open .lang-current:focus-visible,
html body#top#top#top header.site-header .lang-switch #langMenu.lang-menu,
html body#top#top#top header.site-header .lang-switch #langMenu.lang-menu button,
html body#top#top#top header.site-header .lang-switch #langMenu.lang-menu button:hover,
html body#top#top#top header.site-header .lang-switch #langMenu.lang-menu button:focus-visible,
html body#top#top#top header.site-header .lang-switch #langMenu.lang-menu button.is-active {
    box-shadow:none!important;
}

html body#top#top#top nav.side-nav,
html body#top#top#top nav.side-nav .side-nav-links,
html body#top#top#top nav.side-nav .side-nav-toggle,
html body#top#top#top nav.side-nav .side-nav-toggle:hover,
html body#top#top#top nav.side-nav .side-nav-toggle:focus-visible,
html body#top#top#top nav.side-nav .back-top,
html body#top#top#top nav.side-nav .back-top:hover,
html body#top#top#top nav.side-nav .back-top:focus-visible,
html body#top#top#top nav.side-nav #mobileFloatLinks > a,
html body#top#top#top nav.side-nav #mobileFloatLinks > a:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > a:focus-visible,
html body#top#top#top nav.side-nav #mobileFloatLinks > a.is-active,
html body#top#top#top nav.side-nav #mobileFloatLinks > button,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:focus-visible {
    box-shadow:none!important;
}

html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    box-shadow:none!important;
}

/* v1.0.8: floating navigation keeps the same palette on hover. */
html body#top#top#top nav.side-nav .side-nav-toggle:hover,
html body#top#top#top nav.side-nav .side-nav-toggle:focus-visible,
html body#top#top#top nav.side-nav .back-top:hover,
html body#top#top#top nav.side-nav .back-top:focus-visible,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    border-color:var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top nav.side-nav #mobileFloatLinks > a:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > a:focus-visible,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:not(.detail-back-float):hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:not(.detail-back-float):focus-visible {
    border-color:rgba(184,121,23,.58)!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fffef9 0%,#fff4d1 100%)!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top nav.side-nav #mobileFloatLinks > a.is-active,
html body#top#top#top nav.side-nav #mobileFloatLinks > a.is-active:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > a.is-active:focus-visible {
    border-color:#fff0a8!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:linear-gradient(180deg,#fff4af 0%,#f3c64f 100%)!important;
    box-shadow:none!important;
    transform:none!important;
}

/* v1.0.12: keep table corner borders visible and make side floating controls fully transparent. */
html body#top#top#top.inline-detail-mode main #inlineDetail .register-table-scroll {
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid rgba(184,121,23,.48)!important;
    border-radius:16px!important;
    background:#fffef9!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table {
    border:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table thead tr:first-child th:first-child {
    border-top-left-radius:15px!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table thead tr:first-child th:last-child {
    border-top-right-radius:15px!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table tbody tr:last-child td:first-child {
    border-bottom-left-radius:15px!important;
}

html body#top#top#top.inline-detail-mode main #inlineDetail .register-detail-table tbody tr:last-child td:last-child {
    border-bottom-right-radius:15px!important;
}

html body#top#top#top nav.side-nav,
html body#top#top#top nav.side-nav .side-nav-links,
html body#top#top#top nav.side-nav .side-nav-toggle,
html body#top#top#top nav.side-nav .side-nav-toggle:hover,
html body#top#top#top nav.side-nav .side-nav-toggle:focus-visible,
html body#top#top#top nav.side-nav .back-top,
html body#top#top#top nav.side-nav .back-top:hover,
html body#top#top#top nav.side-nav .back-top:focus-visible,
html body#top#top#top nav.side-nav #mobileFloatLinks > a,
html body#top#top#top nav.side-nav #mobileFloatLinks > a:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > a:focus-visible,
html body#top#top#top nav.side-nav #mobileFloatLinks > a.is-active,
html body#top#top#top nav.side-nav #mobileFloatLinks > button,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:hover,
html body#top#top#top nav.side-nav #mobileFloatLinks > button:focus-visible {
    border:0!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    border:0!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}

/* v1.0.13: restore the detail-home control, expose GOTOP in details, and match toast styling to campaign takeovers. */
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:hover,
html body#top#top#top.inline-detail-mode nav.side-nav #mobileFloatLinks > button.detail-back-float:focus-visible {
    border:1px solid var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top.inline-detail-mode nav.side-nav .back-top,
html body#top#top#top.inline-detail-mode nav.side-nav .back-top:hover,
html body#top#top#top.inline-detail-mode nav.side-nav .back-top:focus-visible {
    display:grid!important;
    box-shadow:none!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel {
    padding:22px 22px 20px!important;
    overflow:hidden!important;
    border:2px solid #f2cc62!important;
    border-radius:24px!important;
    color:var(--anniv-navy)!important;
    background:
        radial-gradient(circle at 92% 8%,rgba(243,198,79,.2),transparent 30%),
        linear-gradient(180deg,#fffef9 0%,#fff8e7 100%)!important;
    box-shadow:0 24px 70px rgba(1,10,38,.32),0 0 0 6px rgba(243,198,79,.12)!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__kicker {
    margin:0 38px 10px 0!important;
    padding:4px 9px!important;
    border:1px solid rgba(184,121,23,.28)!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:#fff0a4!important;
    box-shadow:none!important;
    font-size:.8rem!important;
    font-weight:700!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice h2 {
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    font-size:1.3rem!important;
    font-weight:800!important;
    line-height:1.25!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__desc {
    margin:8px 0 0!important;
    color:#4e5b77!important;
    -webkit-text-fill-color:#4e5b77!important;
    font-size:.9rem!important;
    line-height:1.6!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__actions {
    margin-top:18px!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__primary {
    min-height:44px!important;
    border:1px solid #ffe38a!important;
    border-radius:10px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:0 6px 0 #082765,0 12px 20px rgba(7,27,84,.18)!important;
    font-size:.9rem!important;
    font-weight:700!important;
}

body#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel button.home-notice__close {
    top:12px!important;
    right:12px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border:1px solid rgba(184,121,23,.5)!important;
    border-radius:50%!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:#fff8df!important;
    box-shadow:none!important;
    font-size:22px!important;
    font-weight:400!important;
}

/* Release: v1.0.0 | 2026-08-26 10:52:18 GMT+8 | Established the 202609 project baseline. */
/* Release: v1.0.1 | 2026-08-26 11:25:54 GMT+8 | Updated the page title for the MyCard 20th anniversary. */
/* Release: v1.0.2 | 2026-08-26 11:27:13 GMT+8 | Corrected the verified Cloudflare Pages deployment target. */
/* Release: v1.0.3 | 2026-08-26 11:29:09 GMT+8 | Matched the requested full-width title text exactly. */
/* Release: v1.0.4 | 2026-08-26 11:37:42 GMT+8 | Unified the site with the 20th-anniversary royal-blue and gold visual system. */
/* Release: v1.0.5 | 2026-08-26 12:10:08 GMT+8 | Unified navigation controls and set the quick menu to a 20px hero overlap. */
/* Release: v1.0.6 | 2026-08-26 14:04:10 GMT+8 | Corrected detail navigation, stable language hover, and full-width detail headings. */
/* Release: v1.0.7 | 2026-08-26 14:10:13 GMT+8 | Removed shadows from language and floating navigation controls. */
/* Release: v1.0.8 | 2026-08-26 14:14:01 GMT+8 | Removed hover color changes from floating navigation controls. */
/* Release: v1.0.9 | 2026-08-26 14:59:52 GMT+8 | Standardized auto-playing rails to move left in a seamless infinite loop. */
/* Release: v1.0.10 | 2026-08-28 22:36:02 GMT+8 | Synchronized mycardwalletEvent content across all eight languages. */
/* Release: v1.0.11 | 2026-08-29 00:06:40 GMT+8 | Added the eight-language topupEvent page and consolidated legacy top-up routes. */
/* Release: v1.0.12 | 2026-08-29 00:13:18 GMT+8 | Updated topupEvent actions, repaired table corners, and cleared floating-control fills and borders. */
/* v1.0.16: make the mobile hero box follow the 16:9 artwork so the quick menu overlaps the visible image by exactly 20px. */
@media (max-width:700px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) .hero {
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16 / 9!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) .hero-art {
        width:100%!important;
        height:100%!important;
        aspect-ratio:auto!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel {
        margin-top:-20px!important;
    }
}

/* v1.0.17: override the higher-specificity mobile home GO TOP shadow in every state. */
html body#top#top#top:not(.inline-detail-standalone-mode) nav.side-nav .back-top,
html body#top#top#top:not(.inline-detail-standalone-mode).is-back-top-visible nav.side-nav .back-top,
html body#top#top#top:not(.inline-detail-standalone-mode).is-back-top-visible nav.side-nav .back-top:hover,
html body#top#top#top:not(.inline-detail-standalone-mode).is-back-top-visible nav.side-nav .back-top:focus-visible {
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
}

/* Release: v1.0.17 | 2026-08-29 11:19:00 GMT+8 | Removed the remaining home GO TOP shadow in every interaction state. */

/* v1.0.18: keep the hero and quick-menu geometry identical on home and utm_content pages. */
html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel,
html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel {
    position:relative!important;
    z-index:8!important;
    margin-top:-20px!important;
    transform:none!important;
}

@media (max-width:700px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) .hero,
    html body#top#top#top.inline-detail-mode .hero {
        height:56.25vw!important;
        min-height:56.25vw!important;
        max-height:56.25vw!important;
        aspect-ratio:16 / 9!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) .hero-art,
    html body#top#top#top.inline-detail-mode .hero-art {
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        aspect-ratio:auto!important;
    }
}

/* Release: v1.0.18 | 2026-08-29 11:43:52 GMT+8 | Unified home and detail hero-to-quick-menu positioning across desktop and mobile. */

/* v1.0.19: reduce the mobile quick-menu footprint without changing its position. */
@media (max-width:700px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel,
    html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel {
        grid-template-rows:repeat(2,minmax(84px,auto))!important;
        grid-auto-rows:minmax(84px,auto)!important;
        padding:8px 6px!important;
        gap:4px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel > a,
    html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel > a {
        grid-template-rows:50px auto!important;
        min-height:84px!important;
        padding:5px 2px!important;
        gap:3px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel span.has-icon,
    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel span.has-icon img,
    html body#top#top#top:not(.inline-detail-standalone-mode) main > [id="8icons"].quick-panel span.has-icon svg,
    html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel span.has-icon,
    html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel span.has-icon img,
    html body#top#top#top.inline-detail-mode main > [id="8icons"].quick-panel span.has-icon svg {
        flex-basis:50px!important;
        width:50px!important;
        min-width:50px!important;
        max-width:50px!important;
        height:50px!important;
        min-height:50px!important;
        max-height:50px!important;
    }
}

/* Release: v1.0.19 | 2026-08-29 14:08:30 GMT+8 | Reduced the mobile quick-menu height while preserving its five-column layout. */

/* v1.0.20: single share trigger and anniversary-styled destination dialog. */
html body#top#top#top .share-trigger {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    gap:7px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0 14px!important;
    border:1px solid var(--anniv-gold)!important;
    border-radius:999px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:.8rem!important;
    font-weight:700!important;
    line-height:1!important;
    cursor:pointer!important;
    transform:none!important;
    margin-left:auto!important;
}

@media (min-width:769px) {
    html body#top#top#top .share-trigger,
    html body#top#top#top .share-trigger__label {
        font-size:14px!important;
    }
}

html body#top#top#top .share-trigger:hover,
html body#top#top#top .share-trigger:focus-visible,
html body#top#top#top .share-trigger[aria-expanded="true"] {
    border-color:var(--anniv-gold)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(180deg,#3479ea 0%,#123caa 100%)!important;
    box-shadow:none!important;
    transform:none!important;
}

html body#top#top#top .share-trigger:focus-visible {
    outline:3px solid rgba(117,217,255,.9)!important;
    outline-offset:3px!important;
}

.share-trigger svg {
    width:18px;
    height:18px;
    overflow:visible;
}

.share-trigger svg circle {
    fill:currentColor;
}

.share-trigger svg path {
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.share-dialog[hidden] {
    display:none!important;
}

body.share-dialog-open {
    overflow:hidden!important;
}

.share-dialog {
    position:fixed;
    inset:0;
    z-index:1450;
    display:grid;
    place-items:center;
    padding:20px;
}

.share-dialog__backdrop {
    position:absolute;
    inset:0;
    background:rgba(7,27,84,.66);
    backdrop-filter:blur(6px);
}

.share-dialog__panel {
    position:relative;
    z-index:1;
    width:min(760px,100%);
    max-height:calc(100dvh - 40px);
    overflow:auto;
    border:1px solid rgba(243,198,79,.8);
    border-radius:22px;
    color:var(--anniv-navy);
    background:#fffaf0;
    box-shadow:0 24px 64px rgba(7,27,84,.3);
}

.share-dialog__header {
    position:relative;
    padding:22px 64px 20px 24px;
    border-bottom:2px solid var(--anniv-gold);
    background:
        radial-gradient(circle at 92% 0%,rgba(117,217,255,.22),transparent 34%),
        linear-gradient(145deg,#071b54 0%,#123caa 100%);
}

.share-dialog__kicker {
    margin:0 0 5px;
    color:#fff0a6;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.08em;
}

.share-dialog__header h2 {
    margin:0;
    color:#fff;
    -webkit-text-fill-color:#fff;
    font-size:1.45rem;
    line-height:1.25;
    text-shadow:0 2px 0 rgba(0,0,0,.16);
}

.share-dialog__close {
    position:absolute;
    top:14px;
    right:14px;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid rgba(243,198,79,.75);
    border-radius:50%;
    color:var(--anniv-navy);
    background:#fff8df;
    box-shadow:none;
    font:inherit;
    font-size:26px;
    line-height:1;
    cursor:pointer;
}

.share-dialog__close:hover,
.share-dialog__close:focus-visible {
    color:var(--anniv-navy);
    background:#fff8df;
    box-shadow:none;
    transform:none;
}

.share-dialog__content {
    padding:22px 24px 18px;
}

.share-dialog__visual {
    display:block;
    width:336px;
    height:336px;
    max-width:100%;
    margin:0 auto 14px;
    object-fit:contain;
}

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

.share-dialog__option {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:104px;
    padding:12px 8px;
    gap:8px;
    border:1px solid rgba(184,121,23,.45);
    border-radius:14px;
    color:var(--anniv-navy);
    -webkit-text-fill-color:var(--anniv-navy);
    background:#fff;
    box-shadow:none;
    font:inherit;
    cursor:pointer;
    text-align:center;
    transform:none;
}

.share-dialog__option:hover,
.share-dialog__option:focus-visible {
    border-color:rgba(184,121,23,.45);
    color:var(--anniv-navy);
    -webkit-text-fill-color:var(--anniv-navy);
    background:#fff;
    box-shadow:none;
    transform:none;
}

.share-dialog__option > span {
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:50%;
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:var(--anniv-royal);
    font-size:.72rem;
    font-weight:800;
    line-height:1;
}

.share-dialog__option--line > span {
    background:#06c755;
    font-size:.56rem;
}

.share-dialog__option--facebook > span {
    background:#1877f2;
    font-size:1.4rem;
}

.share-dialog__option--copy > span {
    color:var(--anniv-navy);
    -webkit-text-fill-color:var(--anniv-navy);
    background:#fff0a6;
    font-size:1.2rem;
}

.share-dialog__option strong {
    min-width:0;
    color:inherit;
    font-size:.88rem;
    line-height:1.25;
    overflow-wrap:anywhere;
}

.share-dialog__status {
    min-height:1.4em;
    margin:12px 0 0;
    color:var(--anniv-royal);
    font-size:.82rem;
    font-weight:700;
    text-align:center;
}

@media (max-width:768px) {
    html body#top#top#top header.site-header {
        gap:8px!important;
        padding-right:14px!important;
        padding-left:14px!important;
    }

    html body#top#top#top .share-trigger {
        width:40px!important;
        padding:0!important;
        margin-left:auto!important;
    }

    .share-trigger__label {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important;
    }

    html body#top#top#top header.site-header .lang-switch {
        margin-left:0!important;
    }

    .share-dialog {
        padding:14px;
    }

    .share-dialog__panel {
        max-height:calc(100dvh - 28px);
        border-radius:18px;
    }

    .share-dialog__header {
        padding:19px 58px 17px 18px;
    }

    .share-dialog__header h2 {
        font-size:1.25rem;
    }

    .share-dialog__close {
        top:11px;
        right:11px;
        width:42px;
        height:42px;
    }

    .share-dialog__content {
        padding:18px 16px 14px;
    }

    .share-dialog__visual {
        width:276px;
        height:276px;
        margin-bottom:12px;
    }

    .share-dialog__options {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .share-dialog__option {
        height:92px;
        padding:9px 6px;
        gap:6px;
    }

    .share-dialog__option > span {
        flex-basis:34px;
        width:34px;
        height:34px;
    }

    .share-dialog__option strong {
        font-size:.78rem;
    }
}

/* Release: v1.0.20 | 2026-08-29 14:18:42 GMT+8 | Added a localized single-button social sharing dialog. */

.share-dialog__option:disabled {
    cursor:wait;
    opacity:.72;
}

/* Release: v1.0.21 | 2026-08-29 14:25:09 GMT+8 | Added Instagram Story artwork sharing with a current-page QR Code. */
/* Release: v1.0.22 | 2026-08-29 14:55:48 GMT+8 | Equalized and aligned every share-dialog option. */
/* Release: v1.0.23 | 2026-08-29 15:01:57 GMT+8 | Arranged share actions in rows and added a dedicated artwork-download option. */
/* Release: v1.0.24 | 2026-08-29 16:26:21 GMT+8 | Unified the Instagram Story option with the other share actions. */
/* v1.0.25: register reward phone-number choice dialog. */
.register-claim-dialog[hidden] {
    display:none!important;
}

body.register-claim-dialog-open {
    overflow:hidden!important;
}

.register-claim-dialog {
    position:fixed;
    inset:0;
    z-index:1460;
    display:grid;
    place-items:center;
    padding:20px;
}

.register-claim-dialog__backdrop {
    position:absolute;
    inset:0;
    background:rgba(7,27,84,.66);
    backdrop-filter:blur(6px);
}

.register-claim-dialog__panel {
    position:relative;
    z-index:1;
    width:min(560px,100%);
    max-height:calc(100dvh - 40px);
    overflow:auto;
    border:1px solid rgba(243,198,79,.8);
    border-radius:22px;
    color:var(--anniv-navy);
    background:#fffaf0;
    box-shadow:0 24px 64px rgba(7,27,84,.3);
}

.register-claim-dialog__header {
    position:relative;
    padding:22px 64px 20px 24px;
    border-bottom:2px solid var(--anniv-gold);
    background:radial-gradient(circle at 92% 0%,rgba(117,217,255,.22),transparent 34%),linear-gradient(145deg,#071b54 0%,#123caa 100%);
}

.register-claim-dialog__kicker {
    margin:0 0 5px;
    color:#fff0a6;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.08em;
}

.register-claim-dialog__header h2 {
    margin:0;
    color:#fff;
    -webkit-text-fill-color:#fff;
    font-size:1.45rem;
    line-height:1.25;
    text-shadow:0 2px 0 rgba(0,0,0,.16);
}

.register-claim-dialog__close {
    position:absolute;
    top:14px;
    right:14px;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid rgba(243,198,79,.75);
    border-radius:50%;
    color:var(--anniv-navy);
    background:#fff8df;
    box-shadow:none;
    font:inherit;
    font-size:26px;
    line-height:1;
    cursor:pointer;
}

.register-claim-dialog__close:hover,
.register-claim-dialog__close:focus-visible {
    color:var(--anniv-navy);
    background:#fff8df;
    box-shadow:none;
    transform:none;
}

.register-claim-dialog__content {
    padding:22px 24px 24px;
}

.register-claim-dialog__desc {
    margin:0 0 18px;
    color:#52607a;
    font-size:.95rem;
    line-height:1.6;
}

.register-claim-dialog__options {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.register-claim-dialog__options a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 20px;
    border:0;
    border-radius:999px;
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:var(--mc-accent);
    box-shadow:none;
    font-weight:400;
    line-height:1.55;
    text-align:center;
}

.register-claim-dialog__options a:hover,
.register-claim-dialog__options a:focus-visible {
    border-color:transparent;
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:var(--mc-accent-dark);
    box-shadow:none;
    transform:none;
}

body#top.inline-detail-mode main .register-detail-actions > .register-detail-choice {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:136px;
    min-height:46px;
    padding:0 20px;
    border:0;
    border-radius:999px;
    color:#fff;
    -webkit-text-fill-color:#fff;
    background:var(--mc-accent);
    box-shadow:none;
    font:inherit;
    font-weight:400;
    line-height:1.55;
    cursor:pointer;
}

@media (max-width:600px) {
    .register-claim-dialog {
        padding:14px;
    }

    .register-claim-dialog__panel {
        max-height:calc(100dvh - 28px);
        border-radius:18px;
    }

    .register-claim-dialog__header {
        padding:19px 58px 17px 18px;
    }

    .register-claim-dialog__header h2 {
        font-size:1.25rem;
    }

    .register-claim-dialog__content {
        padding:18px 16px;
    }

    .register-claim-dialog__options {
        grid-template-columns:1fr;
    }

    body.inline-detail-mode .register-detail-actions > .register-detail-choice {
        width:100%;
    }
}

/* Selected Sheet-backed details use the full content inside a scrollable campaign dialog. */
body#top.inline-detail-modal-mode {
    overflow:hidden!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail {
    position:fixed!important;
    inset:0!important;
    z-index:1440!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    margin:0!important;
    padding:clamp(14px,3vw,28px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:rgba(7,27,84,.68)!important;
    backdrop-filter:blur(6px);
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail > .inline-detail__panel {
    box-sizing:border-box!important;
    width:min(960px,100%)!important;
    max-width:960px!important;
    max-height:calc(100dvh - clamp(28px,6vw,56px))!important;
    margin:auto!important;
    padding:0 clamp(22px,4vw,40px) clamp(24px,4vw,40px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border:2px solid #d7b34f!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#fffef9 0%,#fff9ec 100%)!important;
    box-shadow:0 24px 64px rgba(7,27,84,.34)!important;
}

body#top.inline-detail-modal-mode main > .detail-task-section,
body#top.inline-detail-modal-mode main > .register-standalone-notice {
    display:none!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail > .inline-detail__panel > .inline-detail__heading {
    position:relative!important;
    margin:0 calc(clamp(22px,4vw,40px) * -1) 22px!important;
}

body#top.inline-detail-modal-mode .inline-detail__close {
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    left:auto!important;
    z-index:4!important;
    margin:0!important;
}

body#top.inline-detail-modal-mode .inline-detail-modal-notes {
    margin-top:24px;
}

body#top.inline-detail-modal-mode .inline-detail-modal-notes .section-heading {
    margin:0 0 12px!important;
    padding:0!important;
    text-align:left!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main #inlineDetail .inline-detail-modal-notes .section-heading h2 {
    margin:0!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-shadow:none!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main #inlineDetail .inline-detail-modal-notes .register-notice-box {
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

@media (max-width:768px) {
    html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail {
        padding:10px!important;
    }

    html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail > .inline-detail__panel {
        max-height:calc(100dvh - 20px)!important;
        padding:0 16px 24px!important;
        border-radius:18px!important;
    }

    html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail > .inline-detail__panel > .inline-detail__heading {
        margin:0 -16px 18px!important;
        padding:24px 56px 20px 18px!important;
        border-radius:16px 16px 0 0!important;
    }

    body#top.inline-detail-modal-mode .inline-detail__close {
        top:12px!important;
        right:12px!important;
    }

    html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main #inlineDetail .inline-detail-modal-notes .section-heading h2 {
        font-size:18px!important;
    }
}

/* Keep toast and campaign takeover actions as restrained as the register phone choices. */
html body#top#top#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel .home-notice__primary,
html body#top#top#top .campaign-takeover .campaign-takeover__actions > .campaign-takeover__action {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 20px!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;
    filter:none!important;
    font-weight:400!important;
    line-height:1.55!important;
    text-shadow:none!important;
    transform:none!important;
}

html body#top#top#top .campaign-takeover .campaign-takeover__actions > .campaign-takeover__action[hidden] {
    display:none!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel .home-notice__primary:hover,
html body#top#top#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel .home-notice__primary:focus-visible,
html body#top#top#top:not(.inline-detail-standalone-mode) #homeNotice.home-notice .home-notice__panel .home-notice__primary:active,
html body#top#top#top .campaign-takeover .campaign-takeover__actions > .campaign-takeover__action:hover,
html body#top#top#top .campaign-takeover .campaign-takeover__actions > .campaign-takeover__action:focus-visible,
html body#top#top#top .campaign-takeover .campaign-takeover__actions > .campaign-takeover__action:active {
    border-color:transparent!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent-dark)!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    transform:none!important;
}

/* Campaign-copy emphasis: keep punctuation neutral and color only text inside 「」. */
html body#top#top#top .campaign-quote-highlight {
    color:var(--mc-accent)!important;
    -webkit-text-fill-color:var(--mc-accent)!important;
}

/* Ticket-name links share the same campaign blue as quoted emphasis. */
html body#top#top#top .campaign-ticket-link,
html body#top#top#top .campaign-ticket-link:visited,
html body#top#top#top .campaign-ticket-link:hover,
html body#top#top#top .campaign-ticket-link:focus-visible {
    color:var(--mc-accent)!important;
    -webkit-text-fill-color:var(--mc-accent)!important;
    text-decoration-line:underline!important;
    text-decoration-color:currentColor!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:.15em!important;
}

/* Notice links use the same royal blue as the campaign action buttons. */
html body#top#top#top .inline-detail__notes a,
html body#top#top#top .register-notice-box a,
html body#top#top#top .section-final .notice a {
    color:var(--mc-accent)!important;
    -webkit-text-fill-color:var(--mc-accent)!important;
    text-decoration-color:currentColor!important;
}

html body#top#top#top .inline-detail__notes a:hover,
html body#top#top#top .inline-detail__notes a:focus-visible,
html body#top#top#top .register-notice-box a:hover,
html body#top#top#top .register-notice-box a:focus-visible,
html body#top#top#top .section-final .notice a:hover,
html body#top#top#top .section-final .notice a:focus-visible {
    color:var(--mc-accent-dark)!important;
    -webkit-text-fill-color:var(--mc-accent-dark)!important;
    text-decoration-color:currentColor!important;
}

/* Lottery cards follow the member-welcome card geometry on desktop. */
@media (min-width:769px) {
    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:minmax(0,calc((100% - 68px) / 5.3))!important;
        justify-content:center!important;
        align-items:stretch!important;
        gap:16px!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article:not([data-auto-loop-clone="true"]):not([data-loop-clone="true"]) {
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:22px!important;
        border-radius:20px!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > p.feature-media {
        display:flex!important;
        flex:1 1 auto!important;
        align-items:flex-end!important;
        justify-content:center!important;
        min-height:0!important;
        margin:0 0 4px!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > p.feature-media > :is(img,svg) {
        display:block!important;
        width:clamp(114px,9vw,144px)!important;
        height:clamp(114px,9vw,144px)!important;
        max-width:144px!important;
        max-height:144px!important;
        object-fit:contain!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > a {
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        align-self:stretch!important;
    }
}

/* On mobile, use the same compact media-title-action row as member welcome gifts. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail {
        grid-auto-columns:100%!important;
        gap:12px!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-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;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:76px!important;
        margin:0!important;
        padding:10px 12px!important;
        gap:10px!important;
        border-radius:20px!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > h3 {
        grid-area:title!important;
        display:flex!important;
        align-items:center!important;
        align-self:stretch!important;
        min-width:0!important;
        margin:0!important;
        font-size:.95rem!important;
        font-weight:500!important;
        line-height:1.35!important;
        text-align:left!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > 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:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article > p.feature-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-standalone-mode) main section#lottery .tickets-rail > article > 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;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        font-weight:400!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/* Keep every homepage card inside the same anniversary gold frame system. */
html body#top:not(.inline-detail-standalone-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(
    .reward-card,
    .offer-card,
    .game-card,
    .game-card-image,
    .preregister-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
) {
    border-color:var(--mc-line)!important;
}

html body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card,
html body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card.featured,
html body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card:first-child,
html body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card[data-loop-clone="true"] {
    border-color:var(--mc-line)!important;
}

html body#top:not(.inline-detail-standalone-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(
    .reward-card,
    .offer-card,
    .game-card,
    .game-card-image,
    .preregister-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
):is(:hover,:focus-within) {
    border-color:var(--anniv-gold)!important;
}

html body#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card:is(:hover,:focus-within) {
    border-color:var(--anniv-gold)!important;
}

/* Homepage cards stay visually identical before, during and after pointer hover. */
html body#top#top#top:not(.inline-detail-standalone-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(
    .reward-card,
    .offer-card,
    .game-card,
    .preregister-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a,
    .limited-card
),
html body#top#top#top:not(.inline-detail-standalone-mode) main section:is(#membergate,#membertasks,#topupbonus,#mycardwalletevent,#hotgames,#preregister,#socialtasks,#mymall,#lottery,#more) :is(
    .reward-card,
    .offer-card,
    .game-card,
    .preregister-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a,
    .limited-card
):is(:hover,:focus-within) {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:var(--mc-shadow)!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
}

/* Mobile lottery pages use the same three-row card contract as member tasks. */
@media (max-width:768px) {
    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail {
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:flex-start!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:none!important;
        scroll-behavior:auto!important;
        scrollbar-width:none!important;
        touch-action:pan-x pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

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

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:repeat(3,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;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article,
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article:is(:hover,:focus-within) {
        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;
        min-width:0!important;
        max-width:100%!important;
        height:auto!important;
        min-height:76px!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;
        background-image:none!important;
        box-shadow:var(--mc-shadow)!important;
        filter:none!important;
        transform:none!important;
        transition:none!important;
        overflow:hidden!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article > h3 {
        grid-area:title!important;
        display:flex!important;
        align-items:center!important;
        align-self:stretch!important;
        min-width:0!important;
        margin:0!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-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article > p.feature-media {
        grid-area:media!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:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article > p.feature-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;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article > a {
        grid-area:action!important;
        position:static!important;
        inset:auto!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;
        align-self:center!important;
        justify-self:end!important;
        font-size:.76rem!important;
        font-weight:400!important;
        line-height:1.2!important;
        white-space:nowrap!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;
        text-shadow:none!important;
        filter:none!important;
        transform:none!important;
    }

    html body#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > .member-mobile-page > article > a:is(:hover,:focus-visible,:active) {
        border:0!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        background:var(--mc-accent-dark)!important;
        background-image:none!important;
        box-shadow:none!important;
        text-shadow:none!important;
        filter:none!important;
        transform:none!important;
    }

    html body#top:not(.inline-detail-standalone-mode) #lottery .lottery-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-standalone-mode) #lottery .lottery-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-standalone-mode) #lottery .lottery-mobile-pagination > button.is-active {
        width:20px!important;
        background:var(--mc-accent)!important;
    }
}

/* Mobile lottery is a single five-card list, not a carousel. */
@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail {
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-rows:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        gap:10px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        scroll-snap-type:none!important;
        touch-action:auto!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article,
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#lottery .tickets-rail > article:is(:hover,:focus-within) {
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) #lottery .lottery-mobile-pagination {
        display:none!important;
    }
}

/* More-activity artwork is a plain image link, not a second CTA button. */
html body#top#top#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article > p.feature-media > a.more-activity-media-link,
html body#top#top#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article > p.feature-media > a.more-activity-media-link:is(:hover,:focus-visible,:active) {
    display:block!important;
    position:static!important;
    inset:auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    color:inherit!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    transform:none!important;
    overflow:hidden!important;
    cursor:pointer!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article > p.feature-media > a.more-activity-media-link:focus-visible {
    outline:3px solid var(--mc-accent)!important;
    outline-offset:2px!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main section#more .tickets-rail > article > p.feature-media > a.more-activity-media-link > img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
}

/* Release: v1.0.25 | 2026-08-30 05:33:47 GMT+8 | Synchronized register content and added the localized phone-number reward choice. */
/* Release: v1.0.26 | 2026-08-30 05:44:08 GMT+8 | Matched the register reward choice buttons to the existing campaign button style. */
/* Release: v1.0.27 | 2026-08-30 05:47:44 GMT+8 | Reserved the scrollbar gutter to prevent dialog-open layout shifts. */
/* Release: v1.0.28 | 2026-08-30 05:56:25 GMT+8 | Synchronized the invitation campaign across all eight languages. */
/* Release: v1.0.29 | 2026-08-30 06:02:42 GMT+8 | Converted mmcoupon from a full-page detail into a complete scrollable campaign dialog. */
/* Release: v1.0.30 | 2026-08-30 06:08:00 GMT+8 | Simplified toast and campaign takeover actions to the flat register-choice button style. */
/* Release: v1.0.31 | 2026-08-30 06:21:38 GMT+8 | Synchronized the refreshed mmcoupon campaign across all eight languages. */
/* Release: v1.0.32 | 2026-08-30 06:33:12 GMT+8 | Synchronized mmlottery across all eight languages and matched the mmcoupon campaign dialog. */
/* Release: v1.0.33 | 2026-08-30 06:37:59 GMT+8 | Matched campaign-dialog note headings to reward titles and removed the note-card frame. */
/* Release: v1.0.34 | 2026-08-30 06:44:50 GMT+8 | Synchronized the refreshed member welcome gifts across all eight languages. */
/* Release: v1.0.35 | 2026-08-30 06:48:50 GMT+8 | Converted app download, email subscription, and profile tasks into complete scrollable campaign dialogs. */
/* Release: v1.0.36 | 2026-08-30 06:52:28 GMT+8 | Converted the e-invoice carrier task into the same complete scrollable campaign dialog. */
/* Release: v1.0.37 | 2026-08-30 06:55:59 GMT+8 | Converted registration and invitation tasks into complete scrollable campaign dialogs. */
/* Release: v1.0.38 | 2026-08-30 06:58:51 GMT+8 | Highlighted Chinese-quoted copy and notice links with the campaign primary blue. */
/* Release: v1.0.39 | 2026-08-30 07:03:19 GMT+8 | Synchronized the refreshed five-ticket lottery zone across all eight languages. */
/* Release: v1.0.40 | 2026-08-30 07:07:54 GMT+8 | Hid infinite-carousel clone cards from the desktop lottery grid while preserving mobile looping. */
/* Release: v1.0.41 | 2026-08-30 07:57:14 GMT+8 | Matched lottery card dimensions to member-welcome cards on desktop and mobile. */
/* Release: v1.0.42 | 2026-08-30 10:33:37 GMT+8 | Hid the takeover dialog's second button when its label or URL contains only whitespace. */
/* Release: v1.0.43 | 2026-08-30 10:41:48 GMT+8 | Unified homepage card borders and matched mobile lottery cards to member-welcome rows. */
/* Release: v1.0.44 | 2026-08-30 10:48:25 GMT+8 | Removed the remaining hover motion, recolor and shadow changes from homepage cards. */
/* Release: v1.0.45 | 2026-08-30 17:31:51 GMT+8 | Matched mobile lottery paging and three-card rows to the member-task carousel. */
/* Release: v1.0.46 | 2026-08-30 17:40:42 GMT+8 | Matched mobile lottery actions to the flat 202609 member-task button style. */
/* Release: v1.0.47 | 2026-08-30 18:11:32 GMT+8 | Rendered all five mobile lottery cards as one static vertical page without carousel controls. */
/* Release: v1.0.48 | 2026-08-30 18:27:23 GMT+8 | Vertically centered mobile lottery card titles within their title column. */
/* Release: v1.0.49 | 2026-08-30 18:46:43 GMT+8 | Made more-activity card images accessible links to their matching campaign destinations. */

/* Dialogs occupy only the viewport between the persistent upper and lower navigation. */
body#top {
    --popup-nav-top:64px;
    --popup-nav-bottom:92px;
    --popup-backdrop-color:rgba(7,27,84,.56);
    --popup-backdrop-filter:blur(8px) saturate(.92);
}

body#top:is(.home-notice-open,.campaign-takeover-open,.share-dialog-open,.register-claim-dialog-open,.inline-detail-modal-mode) > header.site-header,
body#top:is(.home-notice-open,.campaign-takeover-open,.share-dialog-open,.register-claim-dialog-open,.inline-detail-modal-mode) > nav.bottom-nav {
    z-index:1700!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}

body#top:is(.home-notice-open,.campaign-takeover-open,.share-dialog-open,.register-claim-dialog-open,.inline-detail-modal-mode) > nav.bottom-nav {
    display:grid!important;
    transform:translateX(-50%)!important;
}

body#top.campaign-takeover-open > .campaign-takeover,
body#top.share-dialog-open > .share-dialog,
body#top.register-claim-dialog-open > .register-claim-dialog,
html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail {
    top:var(--popup-nav-top)!important;
    right:0!important;
    bottom:var(--popup-nav-bottom)!important;
    left:0!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
}

body#top.campaign-takeover-open > .campaign-takeover > .campaign-takeover__panel,
body#top.share-dialog-open > .share-dialog > .share-dialog__panel,
body#top.register-claim-dialog-open > .register-claim-dialog > .register-claim-dialog__panel,
html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail > .inline-detail__panel {
    max-height:100%!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > .inline-detail {
    overflow:hidden!important;
}

@media (max-width:768px) {
    body#top {
        --popup-nav-top:56px;
        --popup-nav-bottom:78px;
    }

    body#top.home-notice-open > #homeNotice.home-notice {
        top:var(--popup-nav-top)!important;
        right:0!important;
        bottom:var(--popup-nav-bottom)!important;
        left:0!important;
        box-sizing:border-box!important;
        height:auto!important;
        min-height:0!important;
        padding:14px!important;
    }

    body#top.home-notice-open > #homeNotice.home-notice > .home-notice__panel {
        max-height:100%!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
    }
}

/* Release: v1.0.50 | 2026-08-30 20:06:02 GMT+8 | Kept the upper and lower navigation visible around every dialog mode. */
/* Release: v1.0.51 | 2026-08-30 20:14:15 GMT+8 | Matched the retained lower navigation and its reserved area to the popup navy backdrop. */
/* Release: v1.0.52 | 2026-08-30 20:22:07 GMT+8 | Restored the original navigation card while keeping only its surrounding reserve area navy. */

/* Every X-shaped dialog control follows the campaign-takeover close button. */
html body#top#top#top :is(.campaign-takeover__close,.home-notice__close,.share-dialog__close,.register-claim-dialog__close,.inline-detail__close,.smart-guide__close) {
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    bottom:auto!important;
    left:auto!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:1px solid rgba(184,121,23,.5)!important;
    border-radius:50%!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:#fff8df!important;
    background-image:none!important;
    box-shadow:0 5px 14px rgba(7,27,84,.12)!important;
    font:inherit!important;
    font-size:22px!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
    text-shadow:none!important;
    outline:none!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
}

html body#top#top#top :is(.campaign-takeover__close,.home-notice__close) {
    top:12px!important;
    right:12px!important;
}

html body#top#top#top :is(.campaign-takeover__close,.home-notice__close,.share-dialog__close,.register-claim-dialog__close,.inline-detail__close,.smart-guide__close):is(:hover,:focus-visible) {
    border-color:rgba(184,121,23,.5)!important;
    color:var(--anniv-navy)!important;
    -webkit-text-fill-color:var(--anniv-navy)!important;
    background:#fff8df!important;
    box-shadow:0 5px 14px rgba(7,27,84,.12)!important;
    transform:none!important;
}

html body#top#top#top :is(.campaign-takeover__close,.home-notice__close,.share-dialog__close,.register-claim-dialog__close,.inline-detail__close,.smart-guide__close):active {
    transform:scale(.92)!important;
}

/* Release: v1.0.53 | 2026-08-30 20:46:51 GMT+8 | Unified every X-shaped dialog close control with the campaign-takeover button. */
/* Release: v1.0.54 | 2026-08-30 20:52:04 GMT+8 | Replaced the blue rectangular auto-focus artifact with a circular gold focus ring. */
/* Release: v1.0.55 | 2026-08-30 21:04:04 GMT+8 | Converted every remaining Sheet-backed utm_content detail page into a complete dialog. */

/* Dialogs stay wheel-, trackpad- and touch-scrollable without a visible native scrollbar track. */
body#top :is(.campaign-takeover__panel,.share-dialog__panel,.register-claim-dialog__panel,.inline-detail__panel,.home-notice__panel) {
    -ms-overflow-style:none!important;
    scrollbar-width:none!important;
}

body#top :is(.campaign-takeover__panel,.share-dialog__panel,.register-claim-dialog__panel,.inline-detail__panel,.home-notice__panel)::-webkit-scrollbar {
    display:none!important;
    width:0!important;
    height:0!important;
}

/* Release: v1.0.56 | 2026-08-30 22:25:32 GMT+8 | Hid desktop dialog scrollbar tracks while retaining wheel and trackpad scrolling. */
/* Release: v1.0.57 | 2026-08-30 22:45:53 GMT+8 | Matched every dialog close control to the Toast button's measured size, inset and focus appearance. */
/* Release: v1.0.58 | 2026-08-30 23:04:28 GMT+8 | Added the five September draw-ticket pages and a localized five-way lottery router dialog. */
/* Release: v1.0.59 | 2026-08-30 23:11:55 GMT+8 | Refreshed registration and invitation content and added the eight-language registerLottery dialog. */

/* v1.0.60: match the lottery selector to the +886/non-+886 choice dialog. */
html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-panel {
    padding:22px 24px 24px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
}

html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a,
html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a:hover,
html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a:focus-visible {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:8px 14px!important;
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--mc-accent)!important;
    box-shadow:none!important;
    font-weight:400!important;
    line-height:1.45!important;
    text-align:center!important;
    text-shadow:none!important;
    transform:none!important;
}

html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a:hover,
html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a:focus-visible {
    background:var(--mc-accent-dark)!important;
}

@media (max-width:600px) {
    html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-panel {
        padding:18px 16px!important;
    }

    html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions {
        grid-template-columns:1fr!important;
    }

    html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] .lottery-route-actions > a:last-child {
        grid-column:auto!important;
    }
}

/* Release: v1.0.60 | 2026-08-30 23:14:45 GMT+8 | Matched the lottery-ticket selector to the phone-choice dialog and stacked all five mobile options. */

/* v1.0.61: render the registration reward sequence as a compact superscript. */
html body#top#top.inline-detail-mode #inlineDetailTitle > .registration-title-marker {
    margin-inline-start:.12em!important;
    color:var(--anniv-gold)!important;
    -webkit-text-fill-color:var(--anniv-gold)!important;
    font-size:.46em!important;
    font-weight:inherit!important;
    line-height:0!important;
    vertical-align:super!important;
}

/* Release: v1.0.61 | 2026-08-30 23:21:06 GMT+8 | Rendered registration reward -1 and -2 suffixes as accessible superscript markers. */
/* Release: v1.0.62 | 2026-08-30 23:26:04 GMT+8 | Synchronized the three Member Welcome Gift cards and eight-language iPhone 17 copy. */

/* v1.0.63: make the lottery router body as compact as the phone-number choice dialog. */
html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail[data-content-key="golottery"] > .inline-detail__panel {
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail[data-content-key="golottery"] > .inline-detail__panel > .inline-detail__heading {
    margin:0!important;
}

html body#top#top.inline-detail-mode .inline-detail[data-content-key="golottery"] #inlineDetailMeta[hidden] {
    display:none!important;
}

/* Release: v1.0.63 | 2026-08-30 23:31:13 GMT+8 | Compact lottery routing and synchronize five localized draw-ticket cards with their individual destinations. */

/* v1.0.64: align desktop Sheet-detail headings with their first content heading. */
@media (min-width:769px) {
    html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail.inline-detail--register:not([data-content-key="golottery"]) > .inline-detail__panel > .inline-detail__heading {
        padding-left:clamp(22px,4vw,40px)!important;
    }
}

/* Release: v1.0.64 | 2026-08-30 23:35:00 GMT+8 | Left-aligned every desktop Sheet-detail heading with its first content heading. */
/* Release: v1.0.65 | 2026-08-30 23:43:22 GMT+8 | Synchronized five localized lottery-ticket detail pages with the live Sheet prizes and images. */
/* Release: v1.0.66 | 2026-08-30 23:48:23 GMT+8 | Synchronized the Member Welcome Gift iPhone 17 card image with the live Sheet. */
/* Release: v1.0.74 | 2026-08-31 03:26:50 GMT+8 | Extended the share-dialog navy backdrop behind the persistent bottom-navigation reserve. */
/* Release: v1.0.75 | 2026-08-31 03:33:55 GMT+8 | Synchronized nine shopping-center cards and moved six social actions into the wide-screen floating navigation. */

/* Member welcome gifts now live inside the fourth member-task tab. */
html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > #membergate.member-task-tab-panel {
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}

html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > #membergate.member-task-tab-panel::before,
html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > #membergate.member-task-tab-panel::after {
    content:none!important;
    display:none!important;
}

@media (min-width:769px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks :is(.member-checkin-rail,#membergate .member-newcomer-rail) {
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-columns:none!important;
        grid-auto-columns:minmax(0,calc((100% - 68px) / 5.3))!important;
        justify-content:center!important;
        align-items:stretch!important;
        gap:16px!important;
        width:100%!important;
        overflow:visible!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks :is(.member-checkin-rail,#membergate .member-newcomer-rail) > article.reward-card {
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
    }
}

@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks #membergate .member-newcomer-rail > .member-mobile-page {
        grid-template-rows:repeat(3,max-content)!important;
    }
}

@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > .member-task-tabs {
        gap:3px!important;
        padding:3px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > .member-task-tabs > .member-task-tab {
        min-width:0!important;
        padding:7px 4px!important;
        font-size:.72rem!important;
        line-height:1.15!important;
        overflow-wrap:anywhere!important;
    }
}

@media (min-width:769px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > #membergate.member-task-tab-panel {
        margin-top:24px!important;
    }
}

/* Keep homepage card containers flat in every interaction state. */
html body#top#top#top:not(.inline-detail-standalone-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .limited-card,
    .member-gate-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .preregister-card,
    .register-task-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
),
html body#top#top#top:not(.inline-detail-standalone-mode) main :is(
    .reward-card,
    .offer-card,
    .game-card,
    .limited-card,
    .member-gate-card,
    .social-task-card,
    .social-video-card,
    .mall-card,
    .preregister-card,
    .register-task-card,
    .tickets-rail > article,
    .lottery-rail > article,
    .payment-grid > a,
    .payment-rail > a
):is(:hover,:focus-within) {
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
}

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

/* Release: v1.0.78 | 2026-08-31 11:19:26 GMT+8 | Synchronized limited-1 in eight locales, matched New Members spacing, and removed homepage card glows. */

/* Keep all four mobile birthday-party tabs on one shared content origin and height. */
@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > .member-task-tab-panel {
        min-height:267px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > #membergate.member-task-tab-panel {
        min-height:267px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks > .member-task-tab-panel[hidden] {
        display:none!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks :is(
        .member-checkin-rail,
        .member-missions-rail,
        .member-achievement-rail,
        .member-newcomer-rail
    ) {
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* Release: v1.0.79 | 2026-08-31 11:30:50 GMT+8 | Stabilized the mobile birthday-party tab content origin and reserved pagination height. */
/* Release: v1.0.80 | 2026-08-31 11:36:58 GMT+8 | Synchronized available check-in and top-up imagery across eight locales while guarding the missing PX Pay Plus asset. */

/* Use one card-gap rhythm across check-in, top-up rewards, and payment cards. */
@media (min-width:769px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus :is(.topup-rail,.payment-grid) {
        gap:16px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail {
        justify-content:center!important;
    }
}

@media (max-width:768px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks .member-mobile-page,
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail {
        row-gap:10px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .payment-grid {
        align-items:stretch!important;
        gap:10px!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .payment-grid > a {
        align-self:stretch!important;
        height:100%!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .payment-grid .payment-icon {
        height:66px!important;
        min-height:66px!important;
    }
}

/* Release: v1.0.81 | 2026-08-31 11:53:02 GMT+8 | Unified related card gaps and kept image-free payment cards equal in height. */

/* Keep every birthday-party tab on the same desktop card spacing. */
@media (min-width:769px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks :is(
        .member-checkin-rail,
        .member-missions-rail,
        .member-achievement-rail,
        .member-newcomer-rail
    ) {
        gap:16px!important;
    }
}

/* Release: v1.0.82 | 2026-08-31 11:58:45 GMT+8 | Unified desktop card spacing across all four birthday-party tabs. */

/* Release: v1.0.86 | 2026-08-31 13:04:13 GMT+8 | Restored the original top-up heading, centered four cards at the check-in gap, and removed 20 from the birthday-party title. */
/* Release: v1.0.87 | 2026-08-31 13:19:14 GMT+8 | Synchronized the simplified mycardwalletEvent campaign, table, actions, and notes across all eight locales. */
/* Release: v1.0.88 | 2026-08-31 13:21:16 GMT+8 | Restored the shared translucent page backdrop behind the share dialog while retaining the navy bottom-navigation reserve. */
/* Release: v1.0.89 | 2026-08-31 13:28:40 GMT+8 | Removed the desktop header text shortcuts and kept the share and language controls aligned to the right. */
/* Release: v1.0.90 | 2026-08-31 13:32:13 GMT+8 | Replaced generated share artwork with the supplied 1080x1920 anniversary design and a compact current-page QR card. */
/* Release: v1.0.91 | 2026-08-31 13:40:18 GMT+8 | Simplified the sharing dialog to Share, Download Birthday Card, and Copy Link across all eight locales. */

/* v1.0.92: express the 1+1 reward structure as three cards, a blue plus sign, and one card. */
html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > .topup-reward-plus {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:center!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#2c6de0!important;
    -webkit-text-fill-color:#2c6de0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:Arial,sans-serif!important;
    font-size:56px!important;
    font-weight:800!important;
    line-height:1!important;
    text-shadow:none!important;
}

@media (min-width:769px) {
    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail {
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr)) 54px minmax(0,1fr)!important;
        grid-template-rows:minmax(0,1fr)!important;
        grid-auto-flow:row!important;
        grid-auto-columns:auto!important;
        align-items:stretch!important;
        width:100%!important;
        overflow:visible!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > article.offer-card {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
    }
}

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

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-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;
        overflow:visible!important;
        scroll-snap-type:none!important;
        scroll-behavior:auto!important;
        touch-action:auto!important;
    }

    html body#top#top#top:not(.inline-detail-standalone-mode) main section#topupbonus .topup-rail > .topup-reward-plus {
        width:100%!important;
        height:42px!important;
        font-size:46px!important;
    }
}

/* Release: v1.0.98 | 2026-08-31 14:16:29 GMT+8 | Updated the eight-locale linkcard table and linked campaign-ticket names in popup copy to their lottery routes. */
/* Release: v1.0.99 | 2026-08-31 14:23:15 GMT+8 | Split topupEvent into localized online-purchase and point-card reward sections with source-matched tables and actions. */
/* Release: v1.1.1 | 2026-08-31 14:26:26 GMT+8 | Underlined automatically linked campaign-ticket names throughout popup descriptions and notices. */
/* Release: v1.1.2 | 2026-08-31 14:34:35 GMT+8 | Synchronized five linkcard notices from the live Sheet across all eight site languages. */
/* Release: v1.1.3 | 2026-08-31 14:38:11 GMT+8 | Synchronized the eight-locale top-up rewards with verified 202609 payment art, current routes, and removed legacy actions. */
/* Release: v1.1.4 | 2026-08-31 14:49:21 GMT+8 | Rebuilt firstTXN from the live September source as one current reward section across all eight site languages. */
/* Release: v1.1.5 | 2026-08-31 14:57:51 GMT+8 | Synchronized birthdayInvitation recipient eligibility and five notices across all eight site languages. */

/* v1.1.6: let the popup panel clip the heading to one shared rounded edge. */
html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail > .inline-detail__panel > .inline-detail__heading {
    border-radius:0!important;
}

/* Release: v1.1.6 | 2026-08-31 15:23:28 GMT+8 | Removed the light seam between popup headings and the rounded campaign frame. */
/* Release: v1.1.7 | 2026-08-31 15:27:04 GMT+8 | Synchronized the birthday invitation heading and subtitle across all eight site languages. */
/* Release: v1.1.8 | 2026-08-31 15:30:57 GMT+8 | Synchronized four member-task reward pages and verified linkcard across all eight languages. */

/* Keep the preregistration call-to-action flat in every interaction state. */
html body#top#top:not(.inline-detail-standalone-mode) main section#preregister .preregister-action,
html body#top#top:not(.inline-detail-standalone-mode) main section#preregister .preregister-action:hover,
html body#top#top:not(.inline-detail-standalone-mode) main section#preregister .preregister-action:focus-visible,
html body#top#top:not(.inline-detail-standalone-mode) main section#preregister .preregister-action:active {
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
}

/* Release: v1.1.9 | 2026-08-31 15:37:11 GMT+8 | Verified the eight-locale wallet campaign, refreshed lottery copy and social artwork paths, and removed preregistration action hover shadow. */

/* Match the campaign takeover to the shared anniversary dialog backdrop. */
html body#top#top.campaign-takeover-open > .campaign-takeover > .campaign-takeover__backdrop {
    background:var(--popup-backdrop-color)!important;
    -webkit-backdrop-filter:var(--popup-backdrop-filter)!important;
    backdrop-filter:var(--popup-backdrop-filter)!important;
}

html body#top#top.share-dialog-open > .share-dialog > .share-dialog__backdrop,
html body#top#top.register-claim-dialog-open > .register-claim-dialog > .register-claim-dialog__backdrop {
    background:var(--popup-backdrop-color)!important;
    -webkit-backdrop-filter:var(--popup-backdrop-filter)!important;
    backdrop-filter:var(--popup-backdrop-filter)!important;
}

@media (min-width:769px) {
    html body#top#top.home-notice-open > #homeNotice.home-notice::before {
        content:"";
        position:fixed;
        top:var(--popup-nav-top);
        right:0;
        bottom:var(--popup-nav-bottom);
        left:0;
        z-index:-1;
        background:var(--popup-backdrop-color);
        -webkit-backdrop-filter:var(--popup-backdrop-filter);
        backdrop-filter:var(--popup-backdrop-filter);
    }

    html body#top#top.home-notice-open > #homeNotice.home-notice {
        isolation:isolate!important;
    }

    html body#top#top.home-notice-open > #homeNotice.home-notice > .home-notice__panel {
        position:relative!important;
        z-index:1!important;
    }
}

@media (max-width:768px) {
    html body#top#top.home-notice-open > #homeNotice.home-notice {
        background:var(--popup-backdrop-color)!important;
        -webkit-backdrop-filter:var(--popup-backdrop-filter)!important;
        backdrop-filter:var(--popup-backdrop-filter)!important;
    }
}

html body#top#top#top.inline-detail-mode.inline-detail-modal-mode main > #inlineDetail.inline-detail {
    background:var(--popup-backdrop-color)!important;
    -webkit-backdrop-filter:var(--popup-backdrop-filter)!important;
    backdrop-filter:var(--popup-backdrop-filter)!important;
}

/* Release: v1.1.10 | 2026-08-31 16:07:48 GMT+8 | Aligned the campaign takeover backdrop and synchronized takeover, toast, and quick-action Sheet data across eight locales. */
/* Release: v1.1.11 | 2026-08-31 16:22:16 GMT+8 | Synchronized 125 takeover entries, localized new content across eight locales, and unified dialog scroll locking and backdrops. */
/* Release: v1.1.12 | 2026-08-31 16:45:00 GMT+8 | Hid native dialog scrollbar tracks on mobile while preserving touch scrolling and full content access. */
/* Release: v1.1.13 | 2026-08-31 16:50:00 GMT+8 | Preserved the current page behind every dialog, unified nested scroll locking, and added a slim 6px blue scrollbar. */
/* Release: v1.1.14 | 2026-08-31 17:00:00 GMT+8 | Synchronized golottery-1 through golottery-5 and localized current prize content across eight languages. */
/* Release: v1.1.15 | 2026-08-31 17:20:00 GMT+8 | Synchronized birthdayInvitation redemption, unified every dialog over the current page, and prevented duplicate scrollbar-width compensation. */
/* Release: v1.1.16 | 2026-08-31 17:22:07 GMT+8 | Synchronized golottery-5 participation instructions to the current 10,000-point ticket across eight locales. */

/* Keep blur and navigation on separate layers: the backdrop samples the page while the card stays opaque above it. */
body#top > .popup-navigation-backdrop {
    display:none;
}

body#top:is(.home-notice-open,.campaign-takeover-open,.share-dialog-open,.register-claim-dialog-open,.inline-detail-modal-mode) > .popup-navigation-backdrop {
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1650;
    display:block!important;
    height:calc(var(--popup-nav-bottom) + 1px);
    pointer-events:none;
    background:var(--popup-backdrop-color);
    -webkit-backdrop-filter:var(--popup-backdrop-filter);
    backdrop-filter:var(--popup-backdrop-filter);
}

body#top:is(.home-notice-open,.campaign-takeover-open,.share-dialog-open,.register-claim-dialog-open,.inline-detail-modal-mode) > nav.bottom-nav {
    background:#fffdf7!important;
    box-shadow:0 12px 32px rgba(7,27,84,.28),inset 0 3px 0 rgba(243,198,79,.24)!important;
}

/* Release: v1.1.17 | 2026-08-31 17:27:56 GMT+8 | Extended the shared translucent blue popup backdrop through the retained bottom-navigation area. */
/* Release: v1.1.18 | 2026-08-31 17:36:34 GMT+8 | Separated standalone-detail styling from modal state and kept the bottom navigation card opaque above the shared backdrop. */
/* Release: v1.1.19 | 2026-08-31 17:44:11 GMT+8 | Moved the lower popup backdrop into an independent layer so its blue tint and blur render behind the raised navigation card. */
/* Release: v1.1.20 | 2026-08-31 18:24:54 GMT+8 | Synchronized the takeover LINE keyword and verified secondary campaign actions across eight locales. */
/* Release: v1.1.21 | 2026-08-31 18:30:25 GMT+8 | Re-synchronized all 118 takeover campaigns, September daily content, LINE rewards, removals, and eight-locale presentation. */

/* Notice hyperlinks remain inline text, never campaign CTA pills. */
html body#top#top#top main :is(.inline-detail__notes,.register-notice-box,.section-final .notice) a,
html body#top#top#top main :is(.inline-detail__notes,.register-notice-box,.section-final .notice) a:is(:visited,:hover,:focus-visible,:active) {
    display:inline!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:var(--mc-accent)!important;
    -webkit-text-fill-color:var(--mc-accent)!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    font:inherit!important;
    font-weight:700!important;
    line-height:inherit!important;
    text-decoration:underline!important;
    text-decoration-color:currentColor!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:.15em!important;
    text-shadow:none!important;
    transform:none!important;
    vertical-align:baseline!important;
}

/* Release: v1.1.22 | 2026-08-31 18:36:32 GMT+8 | Restored every notice hyperlink to plain blue underlined text instead of an inherited CTA pill. */
/* Release: v1.1.23 | 2026-08-31 18:43:48 GMT+8 | Synchronized TikTok and Threads September rewards, actions, notices, and eight-locale content. */
/* Release: v1.1.24 | 2026-08-31 18:51:37 GMT+8 | Re-synchronized limited-1 and normalized its updated SSR ticket emphasis across eight locales. */
/* Release: v1.1.25 | 2026-08-31 20:06:27 GMT+8 | Synchronized the latest limited-1 headings, prize copy, and four notices across eight locales, and re-verified quick actions. */
/* Release: v1.1.26 | 2026-08-31 20:36:00 GMT+8 | Synchronized firstTXN annual reward eligibility and the latest eight-locale top-up achievement cards. */
/* Release: v1.1.27 | 2026-08-31 20:52:00 GMT+8 | Removed the deleted TikTok and Threads detail routes, stale popup content, and obsolete Toast entry while preserving direct social links. */
html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks .reward-card > a.is-coming-soon,
html body#top#top#top:not(.inline-detail-standalone-mode) main section#membertasks .reward-card > a.is-coming-soon:hover {
    color: #fff !important;
    background: #9aa3b5 !important;
    border-color: #9aa3b5 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Release: v1.1.28 | 2026-08-31 20:53:00 GMT+8 | Synchronized quick actions, takeover campaigns, and achievement cards across eight locales; added disabled Coming Soon actions. */
/* Release: v1.1.29 | 2026-08-31 22:12:00 GMT+8 | Synchronized top-up, check-in, registration, member-task, and limited-1 content across eight locales; added prepaidcard and verified quick actions. */
/* Release: v1.1.30 | 2026-08-31 21:41:21 GMT+8 | Synchronized the Back-to-School quick-action icon from the live Sheet across eight locales. */
/* Release: v1.1.31 | 2026-08-31 23:04:25 GMT+8 | Synchronized the Thai and Indonesian correction tables across active campaign content. */
/* Release: v1.1.32 | 2026-08-31 23:09:13 GMT+8 | Updated the check-in, top-up 1+1, and virtual-item section watermark mascots. */
/* Release: v1.1.33 | 2026-08-31 23:43:57 GMT+8 | Added the IG exclusive-code points takeover and synchronized all 112 Sheet campaigns. */
/* Release: v1.1.34 | 2026-09-01 | Synchronized the updated golottery-4 prize artwork across all eight locales. */

/* LINE sticker cards use the same compact anniversary card system as the lottery area. */
body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .section-heading,
body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .section-heading .section-title-row {
    width:100%!important;
    max-width:none!important;
}

body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .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-standalone-mode) main > section#linestickers > .section-heading .section-title-icon-frame {
    display:flex!important;
    flex:0 0 66px!important;
    align-items:center!important;
    justify-content:center!important;
    width:66px!important;
    height:66px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .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;
}

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

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-rail {
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 68px) / 5.3)!important;
    justify-content:center!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 4px 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
}

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

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:22px!important;
    border:1px solid var(--mc-line)!important;
    border-radius:18px!important;
    color:var(--anniv-navy)!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card:is(:hover,:focus-within) {
    border-color:var(--mc-line)!important;
    background:#fff!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card > h3 {
    min-height:0!important;
    margin:0 0 10px!important;
    color:var(--anniv-navy)!important;
    font-size:1.05rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-align:left!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card > .offer-media {
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 4px!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card > .offer-media > :is(img,svg) {
    display:block!important;
    width:clamp(114px,9vw,144px)!important;
    height:clamp(114px,9vw,144px)!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    object-fit:contain!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card > a:last-child {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:120px!important;
    max-width:100%!important;
    min-height:42px!important;
    margin-top:auto!important;
    padding:9px 18px!important;
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#1f5fd1!important;
    box-shadow:none!important;
    font-size:.9rem!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-decoration:none!important;
    transform:none!important;
    transition:none!important;
}

body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card > a:last-child:hover {
    color:#fff!important;
    background:#1f5fd1!important;
    box-shadow:none!important;
    transform:none!important;
}

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

@media (min-width:769px) {
    body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-card[data-auto-loop-clone="true"] {
        display:none!important;
    }
}

@media (max-width:768px) {
    body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .section-heading .section-title-row.has-title-icon {
        gap:10px!important;
    }

    body#top:not(.inline-detail-standalone-mode) main > section#linestickers > .section-heading .section-title-icon-frame {
        flex-basis:58px!important;
        width:58px!important;
        height:58px!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .line-sticker-rail {
        display:flex!important;
        align-items:flex-start!important;
        justify-content:flex-start!important;
        gap:12px!important;
        padding:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory!important;
    }

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

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .member-mobile-page > .line-sticker-card {
        display:grid!important;
        grid-template-columns:56px minmax(0,1fr) auto!important;
        grid-template-rows:54px!important;
        grid-template-areas:"media title action"!important;
        align-items:center!important;
        width:100%!important;
        min-height:76px!important;
        padding:10px 12px!important;
        gap:10px!important;
        border-radius:20px!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .member-mobile-page > .line-sticker-card > h3 {
        grid-area:title!important;
        display:flex!important;
        align-items:center!important;
        width:auto!important;
        min-width:0!important;
        height:54px!important;
        margin:0!important;
        font-size:.95rem!important;
        line-height:1.35!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .member-mobile-page > .line-sticker-card > .offer-media {
        grid-area:media!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:52px!important;
        height:52px!important;
        margin:0!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .member-mobile-page > .line-sticker-card > .offer-media > :is(img,svg) {
        width:48px!important;
        height:48px!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers .member-mobile-page > .line-sticker-card > a {
        grid-area:action!important;
        /* Grid owns placement; do not inherit the legacy .feature-grid a offsets. */
        position:static!important;
        inset:auto!important;
        align-self:center!important;
        justify-self:end!important;
        width:auto!important;
        min-width:82px!important;
        max-width:112px!important;
        min-height:38px!important;
        margin:0!important;
        padding:8px 10px!important;
        font-size:.76rem!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers > .line-sticker-mobile-pagination {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        width:100%!important;
        min-height:8px!important;
        margin:12px auto 0!important;
        padding:0!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers > .line-sticker-mobile-pagination > button {
        display:block!important;
        flex:0 0 auto!important;
        width:8px!important;
        min-width:0!important;
        max-width:none!important;
        height:8px!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;
        transform:none!important;
        transition:width .2s ease, background-color .2s ease!important;
    }

    body#top:not(.inline-detail-standalone-mode) main section#linestickers > .line-sticker-mobile-pagination > button.is-active {
        width:22px!important;
        background:#2c6de0!important;
    }
}

/* Release: v1.1.39 | 2026-09-01 | Added supplemental GA4 pageviews for share-dialog opens and section-tab changes. */
/* Release: v1.1.40 | 2026-09-01 | Synchronized all 118 campaign takeovers, six September newsletter rewards, and updated social follow rewards across eight locales. */
/* Release: v1.1.41 | 2026-09-01 | Synchronized the Instagram and Facebook R~UR ticket notation across the campaign takeover locales. */
/* Release: v1.1.42 | 2026-09-01 | Synchronized registerFirstTXN and firstTXN eligible payment methods across all eight locales. */
/* Release: v1.1.43 | 2026-09-01 | Removed the 3D-verification qualifier from registerFirstTXN and firstTXN credit-card eligibility across all eight locales. */
/* Release: v1.1.44 | 2026-09-01 | Corrected the LINE sticker mobile pager styling and isolated it from the member-gift pagination. */
/* Release: v1.1.45 | 2026-09-01 | Added the FB exclusive-code points takeover and synchronized all 119 Sheet campaigns across eight locales. */
/* Release: v1.1.46 | 2026-09-02 | Synchronized mmlottery daily R~SSR reward links across all eight locales. */
/* Release: v1.1.47 | 2026-09-02 | Synchronized the achievement Coming Soon card label across all eight locales. */
/* Release: v1.1.48 | 2026-09-02 | Synced quick-action icons and Bonus Task social-ig routing across eight locales. */
/* Release: v1.1.49 | 2026-09-02 | Removed inherited mobile LINE sticker action offsets to center buttons within card rows. */
/* Release: v1.1.50 | 2026-09-03 | Synced the September Invoice Master artwork in More Activities across eight locales. */
/* Release: v1.1.51 | 2026-09-03 | Added five social member tasks with shared eight-language actions and existing popup routes. */
/* Release: v1.1.52 | 2026-09-03 | Fixed desktop mission starting alignment and enabled leftward infinite autoplay without changing mobile paging. */

/* Fit the new two-column session schedule inside mobile reward modals. */
#inlineDetail .register-detail-table.register-detail-table--fit {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}
#inlineDetail .register-detail-table--fit :is(th, td) {
    white-space: normal !important;
    overflow-wrap: anywhere;
}
/* Release: v1.1.53 | 2026-09-03 | Added eight-language topupLimited popup with GMT+8 timed actions and synchronized four achievement cards. */
/* Release: v1.1.54 | 2026-09-03 | Synced five member mission social icons to September campaign assets across eight locales. */
/* Release: v1.1.55 | 2026-09-04 | Replaced the ninth shortcut with topupLimited, updated all eight labels, and cleared inherited display windows. */
/* Release: v1.1.56 | 2026-09-04 | Added localized TikTok limited takeover and scheduled slot-6 shortcuts with automatic GMT+8 handover. */
/* Release: v1.1.57 | 2026-09-04 | Synced September 4 Instagram shortcut window across eight locales. */
/* Release: v1.1.58 | 2026-09-04 | Synced MyCard Points mall artwork across eight locales. */
/* Release: v1.1.59 | 2026-09-04 | Added prepaidcard bonus rewards and card-specific notes in eight locales. */
/* Release: v1.1.60 | 2026-09-04 | Added MyCard Mall payment entry and bonus takeover across eight locales. */
/* Release: v1.1.61 | 2026-09-06 | Synced linkcard first auto top-up claim URL across eight locales. */
/* Release: v1.1.62 | 2026-09-06 | Scheduled slot 9 LINE handover and updated first top-up achievement titles in eight locales. */
/* Release: v1.1.63 | 2026-09-06 | Updated firstTXN registration cutoff to August 31 across eight locales. */
/* Release: v1.1.64 | 2026-09-07 | Synced linkcard first auto top-up claim to mm2609P19 across eight locales. */