/* TOP WIN Mobile UX Authority v62
   IMPORTANT: this stylesheet is mobile/tablet only.
   It must never alter >=1100px desktop presentation. */

@media (max-width:1099px){

  :root{
    --tw-m-gutter:12px;
    --tw-m-header:56px;
    --tw-m-bottom:64px;
    --tw-m-radius:14px;
    --tw-m-border:#e2ebe7;
    --tw-m-text:#183d34;
    --tw-m-muted:#7d8d87;
  }

  html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scroll-padding-top:calc(var(--tw-m-header) + 8px);
  }

  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding-bottom:calc(var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
    background:#f4f7f5!important;
    color:var(--tw-m-text);
    -webkit-font-smoothing:antialiased;
  }

  /* ---------- shared mobile header ---------- */
  .tw-global-header[data-topwin-global-header]{
    height:var(--tw-m-header)!important;
    min-height:var(--tw-m-header)!important;
    padding:0 10px!important;
    gap:7px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e7eeeb!important;
    box-shadow:0 2px 10px rgba(18,48,39,.045)!important;
  }

  .tw-mobile-hamburger{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }

  .tw-global-header[data-topwin-global-header]>.tw-global-mobile-logo{
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    height:42px!important;
    background-position:left center!important;
  }

  .tw-global-header[data-topwin-global-header]>.tw-global-actions{
    height:var(--tw-m-header)!important;
    gap:6px!important;
    min-width:0!important;
  }

  /* Home already exists in the fixed bottom nav: remove the duplicate mobile header entry. */
  .tw-global-header[data-topwin-global-header]>.tw-global-actions>.tw-gh-btn:first-child{
    display:none!important;
  }

  .tw-global-header[data-topwin-global-header] .tw-gh-wallet{
    height:38px!important;
    min-width:78px!important;
    max-width:104px!important;
    padding:0 9px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    overflow:hidden!important;
  }

  .tw-global-header[data-topwin-global-header] .tw-gh-wallet .tw-gh-balance{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .tw-global-header[data-topwin-global-header] .tw-gh-deposit{
    height:38px!important;
    min-width:52px!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  /* ---------- mobile drawer ---------- */
  .tw-side-nav.drawer{
    width:min(300px,88vw)!important;
    padding:14px 12px calc(22px + env(safe-area-inset-bottom))!important;
  }
  .tw-side-nav .tw-side-brand{
    padding:8px 8px 12px!important;
  }
  .tw-side-nav .tw-side-group{
    margin-top:12px!important;
  }
  .tw-side-nav .tw-side-group h4{
    margin:0 9px 6px!important;
    font-size:8px!important;
  }
  .tw-side-nav .tw-side-group a{
    min-height:48px!important;
    margin:2px 0!important;
    padding:6px 8px!important;
    border-radius:12px!important;
  }
  .tw-side-nav .tw-side-label b{
    font-size:12px!important;
  }
  /* Secondary drawer descriptions add noise on small screens. */
  .tw-side-nav .tw-side-label small{
    display:none!important;
  }

  /* ---------- fixed bottom nav ---------- */
  .tw-mobile-nav{
    height:calc(var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
    min-height:var(--tw-m-bottom)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    box-shadow:0 -4px 16px rgba(18,48,39,.07)!important;
  }
  .tw-mobile-nav a{
    height:var(--tw-m-bottom)!important;
    min-height:var(--tw-m-bottom)!important;
    padding:4px 2px 3px!important;
  }
  .tw-mobile-nav a>span{
    gap:2px!important;
  }
  .tw-mobile-nav a span>b{
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
    min-height:29px!important;
  }
  .tw-mobile-nav a em{
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
  }

  /* ---------- shared page canvas ---------- */
  main.page,
  main.cat-page{
    width:100%!important;
    margin:0!important;
    padding:12px var(--tw-m-gutter) calc(18px + var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
  }

  .page>.shell,
  .page>.wrap,
  .page>.container,
  .cat-shell{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  /* Touch targets / iOS zoom prevention. */
  button,
  select,
  input,
  textarea{
    font-family:inherit;
  }
  input,
  select,
  textarea{
    font-size:16px!important;
  }

  /* ==============================================================
     HOMEPAGE
     ============================================================== */
  main:not(.page):not(.cat-page){
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px var(--tw-m-gutter) calc(16px + var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }

  .tw-home-hero{
    margin:0 0 8px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  .tw-home-mobile-cats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  .tw-home-mobile-cats>a{
    min-height:56px!important;
    padding:5px 2px!important;
    border:1px solid #e7efec!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .tw-home-mobile-cats>a>img{
    width:46px!important;
    height:46px!important;
    object-fit:contain!important;
  }

  .tw-home-rank-grid{
    margin:0 0 10px!important;
  }
  .tw-weekly-prize{
    margin:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .tw-weekly-headline,
  .tw-reset-note{
    display:none!important;
  }
  .tw-weekly-topbar{
    min-height:38px!important;
    padding:7px 9px!important;
  }
  .tw-deadline{
    font-size:10px!important;
  }
  .tw-grand-total-wrap{
    margin-top:0!important;
  }
  .tw-grand-label{
    font-size:11px!important;
  }
  .tw-marquee-wrap{
    min-height:52px!important;
    padding:6px!important;
  }
  .tw-marquee-title{
    font-size:10px!important;
  }
  .tw-enter-btn{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Promo artworks: horizontal swipe instead of three tall stacked banners. */
  .tw-home-right{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    width:100%!important;
    margin:8px 0 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .tw-home-right::-webkit-scrollbar{display:none!important}
  .tw-home-right>a{
    flex:0 0 82%!important;
    width:82%!important;
    max-width:82%!important;
    scroll-snap-align:start!important;
  }
  .tw-home-right>a img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:12px!important;
  }

  .tw-provider-strip-mobile{
    gap:6px!important;
    margin:6px 0 10px!important;
    padding:3px 0 5px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .tw-provider-strip-mobile::-webkit-scrollbar{display:none!important}
  .tw-provider-strip-mobile .tw-provider-btn{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }

  .tw-home-catalog{
    margin:0!important;
    padding:0!important;
  }
  .tw-game-shelf{
    margin:0 0 12px!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .tw-game-shelf-head{
    min-height:32px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }
  .tw-game-shelf-head h3,
  .tw-game-shelf-head strong{
    font-size:16px!important;
    line-height:1.1!important;
  }
  .tw-game-shelf-head a{
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    font-size:11px!important;
  }
  .tw-compact-name{
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .tw-compact-meta{
    font-size:8.5px!important;
  }

  /* ==============================================================
     CATEGORY PAGES
     ============================================================== */
  .tw-category-page .cat-page{
    padding:12px var(--tw-m-gutter) calc(18px + var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
  }
  .tw-category-page .cat-head{
    min-height:34px!important;
    margin:0 0 9px!important;
  }
  .tw-category-page .cat-head h1{
    font-size:21px!important;
    line-height:1.05!important;
  }
  /* Bottom nav already provides a persistent path back to the lobby. */
  .tw-category-page .cat-back{
    display:none!important;
  }
  .tw-category-page .cat-toolbar{
    height:auto!important;
    min-height:0!important;
    margin:0 0 10px!important;
    padding:8px!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    border-radius:13px!important;
  }
  .tw-category-page .cat-search{
    order:-1!important;
    flex:1 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:44px!important;
    margin:0 0 2px!important;
    padding:0 12px!important;
    border-radius:11px!important;
  }
  .tw-category-page .cat-filter{
    height:36px!important;
    min-height:36px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
  }
  .tw-category-page .cat-grid{
    gap:8px!important;
  }
  .tw-category-page .cat-card{
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .tw-category-page .cat-info{
    min-height:38px!important;
    height:auto!important;
    padding:6px 7px 7px!important;
  }
  .tw-category-page .cat-name{
    height:auto!important;
    min-height:12px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-category-page .cat-meta{
    height:auto!important;
    margin-top:3px!important;
    font-size:8px!important;
    line-height:1.1!important;
  }
  .tw-category-page .cat-heart{
    width:30px!important;
    height:30px!important;
  }
  .tw-category-page .cat-pagination{
    margin-top:12px!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .tw-category-page .cat-pagination-status{
    font-size:9px!important;
  }
  .tw-category-page .cat-page-nav,
  .tw-category-page .cat-page-number{
    min-height:42px!important;
    height:42px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  .tw-category-page .cat-page-number{
    min-width:42px!important;
  }
  .tw-category-page .cat-page-numbers .cat-page-number:nth-child(n+4){
    display:none!important;
  }

  /* ==============================================================
     ACCOUNT HOME
     ============================================================== */
  .account-page,#account{
    min-height:calc(100dvh - var(--tw-m-header))!important;
    background:#f4f7f5!important;
  }
  .account-wrap{
    width:100%!important;
    margin:0!important;
    padding:10px var(--tw-m-gutter) calc(16px + var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
  }
  .account-mobile-head{
    min-height:58px!important;
    margin:0 0 8px!important;
    padding:8px 2px!important;
  }
  .account-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .account-name>a,
  .account-name{
    font-size:18px!important;
    line-height:1.1!important;
  }
  .account-head-actions{
    gap:6px!important;
  }
  .account-head-actions>a,
  .account-head-actions>button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:11px!important;
  }

  .vip-banner{
    min-height:74px!important;
    margin:0 0 8px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .vip-title{
    font-size:14px!important;
  }
  .vip-perks{
    gap:9px!important;
    margin-top:7px!important;
    font-size:9px!important;
  }

  .asset-card{
    margin:0 0 8px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .asset-row{
    gap:8px!important;
  }
  .tw-balance-eyebrow{
    font-size:9px!important;
  }
  .tw-balance-value{
    font-size:25px!important;
    line-height:1!important;
  }
  .asset-actions{
    gap:8px!important;
  }
  .asset-actions a{
    min-width:0!important;
    min-height:58px!important;
    padding:8px 6px!important;
    border-radius:12px!important;
  }

  .promo-strip{
    margin:0 0 8px!important;
    min-height:44px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
  }

  .shortcut-card{
    margin:0 0 8px!important;
    padding:10px 8px!important;
    border-radius:14px!important;
  }
  .shortcut-grid.tw-account-menu-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px 4px!important;
  }
  .shortcut-grid.tw-account-menu-grid a{
    min-height:70px!important;
    padding:5px 2px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  .tw-account-menu-icon{
    width:42px!important;
    height:42px!important;
  }

  .account-list{
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .account-list>a,
  .account-list>div{
    min-height:48px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  /* ==============================================================
     ACCOUNT MODALS / FORMS
     ============================================================== */
  .acct-panel{
    top:var(--tw-m-header)!important;
    bottom:calc(var(--tw-m-bottom) + env(safe-area-inset-bottom))!important;
    left:0!important;
    right:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f4f7f5!important;
  }
  .acct-panel:target{
    display:block!important;
  }
  .acct-panel .acct-sheet{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .acct-panel .acct-sheet-head{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    min-height:58px!important;
    padding:10px 12px!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #e6eeeb!important;
  }
  .acct-panel .acct-sheet-head h3{
    font-size:18px!important;
    line-height:1.1!important;
  }
  /* Generic explanatory subtitles in sheet headers are unnecessary on mobile. */
  .acct-panel .acct-sheet-sub{
    display:none!important;
  }
  .acct-panel .acct-sheet-head>a:last-child{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin-left:auto!important;
    border-radius:12px!important;
  }
  .acct-panel .acct-sheet-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:12px 12px calc(16px + env(safe-area-inset-bottom))!important;
  }

  .acct-field{
    margin-bottom:12px!important;
  }
  .acct-field label{
    margin-bottom:6px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  .acct-input,
  .acct-select{
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 12px!important;
    border-radius:11px!important;
  }
  textarea.acct-input{
    min-height:96px!important;
    height:auto!important;
    padding-top:12px!important;
  }
  .acct-action{
    min-height:48px!important;
    height:48px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }

  .deposit-overview,
  .funds-overview{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:10px!important;
  }
  .deposit-account-chip,
  .funds-overview-item{
    min-height:58px!important;
    padding:8px!important;
    border-radius:10px!important;
  }
  .deposit-account-chip .tw-ui-img{
    display:none!important;
  }
  .deposit-account-chip small,
  .funds-overview-item span{
    font-size:8px!important;
  }
  .deposit-account-chip b,
  .funds-overview-item b{
    font-size:9.5px!important;
  }

  .deposit-section,
  .funds-step{
    padding:12px 0!important;
  }
  .deposit-section-head,
  .funds-step-head{
    margin-bottom:8px!important;
  }
  .deposit-section-head b,
  .funds-step-head b{
    font-size:12px!important;
  }
  .deposit-section-head small,
  .funds-step-head small{
    display:none!important;
  }

  .deposit-methods{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .deposit-method{
    min-height:66px!important;
    padding:8px 5px!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
    gap:5px!important;
  }
  .deposit-method .tw-ui-img{
    width:21px!important;
    height:21px!important;
  }
  .deposit-method b{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .deposit-method small{
    display:none!important;
  }

  .deposit-grid,
  .funds-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .deposit-span-2{
    grid-column:auto!important;
  }

  .quick-amounts{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .quick-amounts button{
    min-height:42px!important;
    font-size:10.5px!important;
  }

  .deposit-verify-grid,
  .funds-confirm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .deposit-verify-grid>div,
  .funds-confirm-grid>div{
    min-height:48px!important;
    padding:8px!important;
  }
  .deposit-confirm{
    padding:10px!important;
    font-size:10px!important;
  }
  .deposit-security-note{
    padding:10px!important;
  }
  .deposit-security-note small{
    font-size:9px!important;
  }

  .funds-inline-field{
    grid-template-columns:minmax(0,1fr) 108px!important;
    gap:7px!important;
  }
  .funds-inline-field button{
    min-height:46px!important;
    font-size:10px!important;
  }

  .acct-referral-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .acct-referral-qr-card{
    order:-1!important;
    padding:10px!important;
  }
  .acct-referral-qr-frame{
    min-height:0!important;
    padding:8px!important;
  }
  .acct-referral-qr-frame img{
    width:156px!important;
    height:156px!important;
  }
  .acct-referral-meta{
    gap:6px!important;
    margin-top:8px!important;
  }
  .acct-referral-chip{
    padding:8px!important;
  }

  /* ==============================================================
     PROMOTIONS
     ============================================================== */
  .page-head,
  .topbar{
    margin:0 0 10px!important;
    gap:8px!important;
  }
  .head-copy h1,
  .title-wrap h1{
    margin:0!important;
    font-size:22px!important;
    line-height:1.08!important;
  }
  .head-copy p,
  .title-wrap p{
    display:none!important;
  }
  .balance-pill{
    min-height:42px!important;
    padding:7px 10px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  .hero{
    margin:0 0 10px!important;
    padding:16px!important;
    border-radius:16px!important;
  }
  .hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .hero-copy h2{
    font-size:27px!important;
    line-height:1.05!important;
    margin-bottom:6px!important;
  }
  .hero-copy p{
    font-size:11px!important;
    line-height:1.45!important;
    margin:0!important;
  }
  .hero-art{
    display:none!important;
  }

  .tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:2px 0 5px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .tabs::-webkit-scrollbar{display:none!important}
  .tabs button{
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }
  .cards{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* ==============================================================
     TRANSACTIONS / BET HISTORY
     ============================================================== */
  .hero-main,
  .stat-main{
    padding:14px!important;
    border-radius:14px!important;
  }
  .hero-main strong,
  .stat-main strong{
    font-size:26px!important;
    line-height:1!important;
  }
  .metric,
  .stat{
    min-height:64px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .metric span,
  .stat span{
    font-size:9px!important;
  }
  .metric b,
  .stat b{
    font-size:14px!important;
  }

  .panel{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .toolbar{
    padding:9px!important;
    gap:8px!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .filters{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .filters::-webkit-scrollbar{display:none!important}
  .filter{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
  }
  .toolbar input{
    width:100%!important;
    min-height:44px!important;
    border-radius:11px!important;
  }
  .table-head{
    display:none!important;
  }

  .tx-row,
  .bet-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 10px!important;
    padding:11px 12px!important;
    min-height:64px!important;
  }
  .tx-type b,
  .game-copy b{
    font-size:12px!important;
  }
  .tx-type small,
  .game-copy small,
  .tx-time,
  .bet-time{
    font-size:9px!important;
  }
  .tx-amount,
  .bet-result{
    font-size:12px!important;
  }
  .tx-status,
  .status{
    font-size:9px!important;
  }

  /* ==============================================================
     PROMOTION DETAIL
     ============================================================== */
  .page>.shell>.head{
    margin-bottom:10px!important;
  }
  .page>.shell>.head h1,
  .page>.shell>.head h2{
    font-size:22px!important;
    line-height:1.08!important;
  }
  .layout{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .layout>.hero{
    padding:16px!important;
  }
}

/* Phone-specific density. */
@media (max-width:720px){
  :root{
    --tw-m-gutter:10px;
  }

  .tw-global-header[data-topwin-global-header]{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .tw-global-header[data-topwin-global-header]>.tw-global-mobile-logo{
    flex-basis:70px!important;
    width:70px!important;
    min-width:70px!important;
  }

  .tw-home-mobile-cats{
    gap:6px!important;
  }
  .tw-home-mobile-cats>a{
    min-height:52px!important;
  }
  .tw-home-mobile-cats>a>img{
    width:42px!important;
    height:42px!important;
  }

  .tw-home-right>a{
    flex-basis:88%!important;
    width:88%!important;
    max-width:88%!important;
  }

  .tw-category-page .cat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .shortcut-grid.tw-account-menu-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Narrow phones: avoid crushing controls and cards. */
@media (max-width:480px){
  .tw-global-header[data-topwin-global-header] .tw-gh-wallet{
    min-width:72px!important;
    max-width:86px!important;
    padding-inline:7px!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-deposit{
    min-width:48px!important;
    padding-inline:9px!important;
  }

  .tw-category-page .cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .deposit-overview,
  .funds-overview{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .quick-amounts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ===============================
   v63 mobile follow-up refinements
   =============================== */
@media (max-width:1099px){
  /* 1) Promotions hero / large info blocks: shrink to minimal useful presence */
  .hero{
    min-height:0!important;
    padding:12px 12px 11px!important;
    border-radius:14px!important;
    box-shadow:0 10px 22px rgba(5,95,76,.13)!important;
  }
  .hero-grid{gap:0!important;min-height:0!important;}
  .hero-copy h2{margin:0!important;font-size:22px!important;line-height:1.08!important;letter-spacing:-.02em!important;}
  .hero-copy p{display:none!important;}
  .page-head,.topbar{margin:0 0 8px!important;}

  /* 2) Home category icons: larger icons + kinetic swipe instead of tight fixed grid */
  .tw-home-mobile-cats{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    touch-action:pan-y!important;
    cursor:grab!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .tw-home-mobile-cats::-webkit-scrollbar{display:none!important;}
  .tw-home-mobile-cats.is-dragging{cursor:grabbing!important;}
  .tw-home-mobile-cats>.tw-inline-rail-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:8px!important;
    width:max-content!important;
    min-width:100%!important;
    will-change:transform!important;
    transform:translate3d(0,0,0);
  }
  .tw-home-mobile-cats>a{
    flex:0 0 84px!important;
    width:84px!important;
    min-width:84px!important;
    min-height:88px!important;
    padding:10px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid #e6eeeb!important;
    border-radius:14px!important;
    background:#fff!important;
    text-decoration:none!important;
    color:#25413a!important;
    box-shadow:0 5px 14px rgba(15,46,38,.05)!important;
  }
  .tw-home-mobile-cats>a img{
    width:48px!important;height:48px!important;object-fit:contain!important;display:block!important;margin:0 auto!important;
  }
  .tw-home-mobile-cats>a span{
    display:block!important;font-size:11px!important;line-height:1.1!important;font-weight:800!important;white-space:normal!important;text-align:center!important;
  }
  .tw-home-mobile-cats.is-kinetic-moving>.tw-inline-rail-track,
  .tw-home-mobile-cats.is-dragging>.tw-inline-rail-track{pointer-events:none!important;}

  /* 3) Weekly prize overflow protection */
  .tw-weekly-prize{margin:0 0 10px!important;}
  .tw-weekly-shell{padding:8px 8px 10px!important;}
  .tw-stage{padding:0 10px 4px!important;gap:12px!important;}
  .tw-spot,.tw-winner-card{min-width:0!important;}
  .tw-win-amount,
  .tw-winner-card.champion .tw-win-amount,
  .tw-win-player,
  .tw-cover-name,
  .tw-cover-provider,
  .tw-marquee-item b,
  .tw-marquee-item span,
  .tw-marquee-item small{
    max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .tw-win-amount{font-size:12px!important;line-height:1.05!important;}
  .tw-winner-card.champion .tw-win-amount{font-size:13px!important;}
  .tw-win-player{font-size:9px!important;line-height:1.05!important;}
  .tw-cover-name{font-size:11px!important;}
  .tw-cover-provider{font-size:9px!important;}
  .tw-marquee-wrap{padding:6px!important;}
  .tw-marquee-item{min-width:138px!important;max-width:138px!important;}

  /* 4) Show more games on homepage and all categories, mobile-only extra shelves */
  .tw-mobile-only-home-shelf{display:block!important;}
  .tw-provider-strip-mobile{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    touch-action:pan-y!important;
    cursor:grab!important;
  }
  .tw-provider-strip-mobile>.tw-inline-rail-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:8px!important;
    width:max-content!important;
    min-width:100%!important;
    will-change:transform!important;
    transform:translate3d(0,0,0);
    padding:2px 0 5px!important;
  }
  .tw-provider-strip-mobile .tw-provider-btn{
    flex:0 0 auto!important;
    min-width:72px!important;
    min-height:46px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:11px!important;
  }
  .tw-provider-strip-mobile .tw-provider-btn b{font-size:11px!important;}
  .tw-provider-strip-mobile.is-kinetic-moving>.tw-inline-rail-track,
  .tw-provider-strip-mobile.is-dragging>.tw-inline-rail-track{pointer-events:none!important;}

  .tw-game-shelf{padding:10px 10px 8px!important;margin:0 0 10px!important;}
  .tw-game-shelf-head{margin:0 0 7px!important;}
  .tw-game-shelf-more{font-size:10px!important;white-space:nowrap!important;}
  .tw-game-shelf-row{--tw-rail-gap:8px!important;}
  .tw-game-shelf-row>.tw-rail-track>.tw-compact-game{border-radius:12px!important;}
  .tw-compact-cover{height:76px!important;}
  .tw-compact-art{font-size:34px!important;}
  .tw-compact-name{font-size:10px!important;line-height:1.15!important;padding:6px 6px 2px!important;}
  .tw-compact-meta{padding:0 6px 6px!important;font-size:8px!important;}

  /* 5) Account header actions: logout icon only on mobile to prevent crowding */
  .account-head-actions{gap:4px!important;flex-wrap:nowrap!important;}
  .account-head-actions .tw-header-action,
  .account-head-actions .tw-logout-btn{
    width:36px!important;min-width:36px!important;height:36px!important;border-radius:10px!important;padding:0!important;
  }
  .tw-logout-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .tw-logout-text{display:none!important;}
  .tw-logout-icon{margin:0!important;}
}

@media (max-width:720px){
  .hero{padding:10px 10px 9px!important;}
  .hero-copy h2{font-size:20px!important;}
  .tw-home-mobile-cats>a{flex-basis:80px!important;width:80px!important;min-width:80px!important;min-height:84px!important;}
  .tw-home-mobile-cats>a img{width:46px!important;height:46px!important;}
  .tw-game-shelf-row{--tw-rail-gap:7px!important;}
}

@media (max-width:480px){
  .hero{padding:9px 9px 8px!important;}
  .hero-copy h2{font-size:18px!important;}
  .tw-home-mobile-cats>a{flex-basis:76px!important;width:76px!important;min-width:76px!important;min-height:80px!important;padding:9px 6px!important;}
  .tw-home-mobile-cats>a img{width:42px!important;height:42px!important;}
  .tw-home-mobile-cats>a span{font-size:10.5px!important;}
  .tw-stage{padding:0 6px 4px!important;gap:8px!important;}
  .tw-win-amount{font-size:10.5px!important;}
  .tw-winner-card.champion .tw-win-amount{font-size:11.5px!important;}
  .tw-provider-strip-mobile .tw-provider-btn{min-width:66px!important;padding:0 12px!important;}
}


/* ===============================
   v64 mobile information-density fixes
   Desktop >=1100px remains untouched.
   =============================== */
@media (max-width:1099px){

  /* -------------------------------------------------------------
     Bet History:
     result belongs on the right, time stays under the game identity.
     Remove unnecessary vertical expansion.
     ------------------------------------------------------------- */
  .bet-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    min-height:58px!important;
    padding:9px 10px!important;
    align-items:center!important;
  }
  .bet-row .game{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    gap:9px!important;
  }
  .bet-row .game-badge{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }
  .bet-row .game-copy b{
    font-size:11px!important;
    line-height:1.15!important;
  }
  .bet-row .game-copy small{
    margin-top:2px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .bet-row .bet-time{
    grid-column:1!important;
    grid-row:2!important;
    padding-left:45px!important;
    margin:0!important;
    font-size:8px!important;
    line-height:1.1!important;
    color:#8a9893!important;
    white-space:nowrap!important;
  }
  .bet-row .bet-result{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#314b43!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .bet-row .status{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    padding:4px 7px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  /* -------------------------------------------------------------
     Transactions:
     amount/status live on the right; type/time stay on the left.
     This turns each record into a compact 2-column scan pattern.
     ------------------------------------------------------------- */
  .tx-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    min-height:58px!important;
    padding:9px 10px!important;
    align-items:center!important;
  }
  .tx-row .tx-type{
    grid-column:1!important;
    grid-row:1!important;
    gap:9px!important;
    min-width:0!important;
  }
  .tx-row .tx-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:10px!important;
  }
  .tx-row .tx-type b{
    font-size:11px!important;
    line-height:1.1!important;
  }
  /* TRANSFER_IN / TRANSFER_OUT are machine-facing labels and add little value on mobile. */
  .tx-row .tx-type small{
    display:none!important;
  }
  .tx-row .tx-time{
    grid-column:1!important;
    grid-row:2!important;
    padding-left:43px!important;
    margin:0!important;
    font-size:8px!important;
    line-height:1.1!important;
    color:#8a9893!important;
    white-space:nowrap!important;
  }
  .tx-row .tx-amount{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:11.5px!important;
    line-height:1!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .tx-row .tx-status{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:4px 7px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  /* -------------------------------------------------------------
     Promotions:
     the visual CTA must never cover the large % / reward value.
     On mobile the CTA moves into the empty body area instead.
     ------------------------------------------------------------- */
  .promo-card{
    min-height:0!important;
  }
  .promo-card-visual{
    height:166px!important;
  }
  .promo-card-visual .promo-card-action{
    display:none!important;
  }
  .promo-card-body{
    flex:none!important;
    min-height:0!important;
    padding:10px 12px 11px!important;
    gap:7px!important;
  }
  .promo-card-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
  }
  .promo-card-title{
    min-width:0!important;
    flex:1 1 auto!important;
    font-size:16px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .promo-card-mobile-action{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#078d76!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .promo-card-meta{
    margin:0!important;
    min-height:18px!important;
    font-size:9px!important;
  }
  .promo-card-link{
    font-size:10px!important;
  }

  /* Keep the reward percentage/value fully readable inside the artwork. */
  .promo-card-visual .highlight{
    max-width:58%!important;
    margin-top:8px!important;
    font-size:48px!important;
    line-height:.92!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
}

@media (max-width:480px){
  .bet-row,
  .tx-row{
    min-height:56px!important;
    padding:8px 9px!important;
  }
  .promo-card-visual{
    height:158px!important;
  }
  .promo-card-visual .highlight{
    font-size:44px!important;
  }
  .promo-card-mobile-action{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:9.5px!important;
  }
}


/* ===============================
   v65 mobile density + rail refinement
   Desktop >=1100px is protected.
   =============================== */
@media (max-width:1099px){

  /* -------------------------------------------------------------
     Category icon rail:
     4 visible on phones / 5 on tablet.
     Icons get larger, but the rail itself becomes SHORTER.
     ------------------------------------------------------------- */
  .tw-home-mobile-cats{
    height:64px!important;
    min-height:64px!important;
    margin-bottom:8px!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track{
    height:64px!important;
    min-height:64px!important;
    gap:6px!important;
    align-items:center!important;
  }
  .tw-home-mobile-cats>a{
    flex:0 0 calc((100vw - 24px - 24px)/5)!important;
    width:calc((100vw - 24px - 24px)/5)!important;
    min-width:calc((100vw - 24px - 24px)/5)!important;
    height:60px!important;
    min-height:60px!important;
    padding:4px 3px!important;
    gap:2px!important;
    border-radius:11px!important;
    box-shadow:0 3px 9px rgba(15,46,38,.045)!important;
  }
  .tw-home-mobile-cats>a img{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .tw-home-mobile-cats>a span{
    font-size:9px!important;
    line-height:1!important;
    height:10px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  /* -------------------------------------------------------------
     Weekly prize:
     preserve content, but use noticeably less vertical space.
     ------------------------------------------------------------- */
  .tw-weekly-prize{
    margin-bottom:8px!important;
  }
  .tw-weekly-shell{
    position:relative!important;
    height:370px!important;
    min-height:370px!important;
    aspect-ratio:auto!important;
    padding:6px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .tw-weekly-topbar{
    height:28px!important;
    min-height:28px!important;
    padding:4px 8px!important;
    margin:0!important;
    border-radius:9px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .tw-deadline,
  .tw-mobile-count{
    font-size:9.5px!important;
  }
  .tw-grand-total-wrap{
    position:absolute!important;
    z-index:6!important;
    top:36px!important;
    left:50%!important;
    width:94%!important;
    max-width:330px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  .tw-grand-label{
    display:table!important;
    margin:0 auto 3px!important;
    padding:3px 9px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .tw-grand-total-mobile{
    padding:4px 5px!important;
    gap:1px!important;
    border-radius:12px!important;
  }
  .tw-mobile-main{gap:1px!important;}
  .tw-mob-digit,
  .tw-mob-roll{
    width:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
    height:24px!important;
    line-height:24px!important;
    border-radius:4px!important;
    font-size:15px!important;
  }
  .tw-mob-roll i{
    height:24px!important;
    line-height:24px!important;
  }
  .tw-mob-sep{
    width:4px!important;
    flex-basis:4px!important;
    font-size:13px!important;
  }

  .tw-stage{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    top:98px!important;
    bottom:104px!important;
    height:auto!important;
    min-height:0!important;
    padding:0 4px 2px!important;
    gap:7px!important;
    display:grid!important;
    grid-template-columns:1fr 1.08fr 1fr!important;
    align-items:end!important;
  }
  .tw-winner-card.mini .tw-cover{
    max-width:none!important;
    width:100%!important;
    height:104px!important;
    border-radius:11px!important;
  }
  .tw-winner-card.champion .tw-cover{
    max-width:none!important;
    width:100%!important;
    height:122px!important;
    border-radius:12px!important;
  }
  .tw-winner-card .tw-game-emoji{
    font-size:28px!important;
  }
  .tw-rank-badge{
    transform:scale(.66)!important;
    transform-origin:left top!important;
  }
  .tw-crown{display:none!important;}
  .tw-podium{display:none!important;}
  .tw-cover-name{
    margin-top:4px!important;
    padding:0 3px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }
  .tw-cover-provider{
    margin-top:2px!important;
    font-size:7.5px!important;
    line-height:1!important;
  }
  .tw-win-amount,
  .tw-winner-card.champion .tw-win-amount{
    margin-top:3px!important;
    padding:0 2px!important;
    font-size:8.4px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-win-player{
    margin-top:2px!important;
    font-size:7px!important;
    line-height:1!important;
  }

  .tw-marquee-wrap{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    height:88px!important;
    min-height:88px!important;
    margin:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .tw-marquee-title{
    height:18px!important;
    min-height:18px!important;
    font-size:8px!important;
    line-height:18px!important;
    padding:0 6px!important;
  }
  .tw-marquee-track{
    display:flex!important;
    gap:5px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .tw-marquee-item{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    height:43px!important;
    padding:5px 6px!important;
    border-radius:8px!important;
  }
  .tw-marquee-item span{
    font-size:8px!important;
    line-height:1!important;
  }
  .tw-marquee-item b{
    margin-top:2px!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .tw-marquee-item small{
    margin-top:2px!important;
    font-size:6.5px!important;
    line-height:1!important;
  }
  .tw-marquee-item:nth-child(n+4){
    display:none!important;
  }
  .tw-enter-btn{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:5px!important;
    width:auto!important;
    height:28px!important;
    min-height:28px!important;
    font-size:9px!important;
    border-radius:8px!important;
  }

  /* -------------------------------------------------------------
     Game shelves:
     square preview artwork + 4 visible phone cards / 5 tablet cards.
     ------------------------------------------------------------- */
  .tw-game-shelf{
    padding:9px 8px 7px!important;
    margin-bottom:9px!important;
  }
  .tw-game-shelf-head{
    min-height:28px!important;
    margin-bottom:6px!important;
  }
  .tw-game-shelf-title b{
    font-size:14px!important;
    line-height:1!important;
  }
  .tw-game-shelf-title small{
    font-size:7px!important;
    line-height:1!important;
    margin-top:2px!important;
  }
  .tw-game-shelf-mark{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .tw-game-shelf-more{
    font-size:8.5px!important;
  }
  .tw-game-shelf-row{
    --tw-rail-gap:6px!important;
  }
  .tw-game-shelf-row>.tw-rail-track>.tw-compact-game{
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .tw-compact-cover{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .tw-compact-art{
    font-size:28px!important;
  }
  .tw-compact-art .tw-game-art-img{
    max-width:52%!important;
    max-height:52%!important;
  }
  .tw-compact-hot,
  .tw-compact-fav{
    width:18px!important;
    height:18px!important;
    top:4px!important;
  }
  .tw-compact-hot{left:4px!important;}
  .tw-compact-fav{right:4px!important;}
  .tw-compact-name{
    height:20px!important;
    min-height:20px!important;
    padding:4px 4px 0!important;
    font-size:8px!important;
    line-height:10px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
  }
  .tw-compact-meta{
    min-height:15px!important;
    padding:2px 4px 4px!important;
    gap:3px!important;
    font-size:6.5px!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  .tw-compact-meta span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:720px){
  /* Exactly four category choices are visible before swiping. */
  .tw-home-mobile-cats>a{
    flex-basis:calc((100vw - 20px - 18px)/4)!important;
    width:calc((100vw - 20px - 18px)/4)!important;
    min-width:calc((100vw - 20px - 18px)/4)!important;
  }
  .tw-home-mobile-cats>a img{
    width:38px!important;
    height:38px!important;
  }

  .tw-weekly-shell{
    height:350px!important;
    min-height:350px!important;
  }
  .tw-stage{
    top:92px!important;
    bottom:98px!important;
  }
  .tw-winner-card.mini .tw-cover{
    height:94px!important;
  }
  .tw-winner-card.champion .tw-cover{
    height:112px!important;
  }
  .tw-marquee-wrap{
    height:82px!important;
    min-height:82px!important;
  }
}

@media (max-width:480px){
  .tw-home-mobile-cats{
    height:61px!important;
    min-height:61px!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track{
    height:61px!important;
    min-height:61px!important;
  }
  .tw-home-mobile-cats>a{
    height:57px!important;
    min-height:57px!important;
  }
  .tw-home-mobile-cats>a img{
    width:36px!important;
    height:36px!important;
  }
  .tw-home-mobile-cats>a span{
    font-size:8.5px!important;
  }

  .tw-weekly-shell{
    height:338px!important;
    min-height:338px!important;
  }
  .tw-stage{
    top:88px!important;
    bottom:94px!important;
    gap:5px!important;
  }
  .tw-winner-card.mini .tw-cover{
    height:88px!important;
  }
  .tw-winner-card.champion .tw-cover{
    height:104px!important;
  }
  .tw-win-amount,
  .tw-winner-card.champion .tw-win-amount{
    font-size:7.8px!important;
  }
  .tw-marquee-wrap{
    height:78px!important;
    min-height:78px!important;
  }
}


/* ===============================
   v66 promotion badge collision fix
   Desktop >=1100px remains unchanged.
   =============================== */
@media (max-width:1099px){

  /* Never place status/category chips over decorative campaign artwork on mobile. */
  .promo-card-visual>.promo-card-tag{
    display:none!important;
  }

  .promo-card-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:22px!important;
  }

  .promo-card-meta-left{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .promo-card-mobile-tag{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:22px!important;
    padding:0 8px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#eef8f4!important;
    color:#087b66!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  .promo-card-category{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    color:#97a39f!important;
  }

  /* Keep illustration and copy in their own lanes. */
  .promo-card-visual .illustration{
    z-index:0!important;
  }
  .promo-card-visual .promo-card-eyebrow,
  .promo-card-visual .promo-card-copy,
  .promo-card-visual .highlight{
    z-index:2!important;
  }

  /* Slight right-side inset keeps decorative art away from the text column. */
  .promo-card-visual .gift-box,
  .promo-card-visual .caishen-head,
  .promo-card-visual .coin-stack,
  .promo-card-visual .cake,
  .promo-card-visual .vip-crown,
  .promo-card-visual .lanterns,
  .promo-card-visual .flash-ring,
  .promo-card-visual .mission-grid{
    transform:scale(.90)!important;
    transform-origin:right bottom!important;
  }
}

@media (max-width:480px){
  .promo-card-mobile-tag{
    min-height:20px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }
}


/* ===============================
   v67 mobile home rail density / collision authority
   Goal:
   - mobile category icons: exactly 4 visible on phone, bigger icons, no blank dead area
   - weekly prize: shorter footprint, no clipped CTA, no overflowed amounts
   - homepage game shelves: same compact square-card feel as esports shelf
   - hard-stop obvious card/text clipping on mobile
   Desktop >=1100px untouched.
   =============================== */
@media (max-width:1099px){
  /* Home category icon rail */
  .tw-home-mobile-cats{
    height:58px!important;
    min-height:58px!important;
    margin:0 0 8px!important;
    overflow:hidden!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track{
    height:58px!important;
    min-height:58px!important;
    gap:8px!important;
    align-items:center!important;
    padding:0 1px!important;
  }
  .tw-home-mobile-cats>a{
    height:56px!important;
    min-height:56px!important;
    padding:4px 4px!important;
    gap:3px!important;
    border-radius:11px!important;
    justify-content:center!important;
  }
  .tw-home-mobile-cats>a img{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    object-fit:contain!important;
  }
  .tw-home-mobile-cats>a span{
    font-size:8px!important;
    line-height:1!important;
    height:9px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    display:block!important;
    text-align:center!important;
  }

  /* Weekly prize module: shorter, cleaner, avoid clipping/overflow */
  .tw-weekly-prize{margin-bottom:8px!important;}
  .tw-weekly-shell{
    height:304px!important;
    min-height:304px!important;
    padding:6px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .tw-weekly-topbar{
    height:24px!important;
    min-height:24px!important;
    padding:3px 7px!important;
    border-radius:8px!important;
  }
  .tw-deadline,
  .tw-mobile-count{font-size:9px!important;}
  .tw-grand-total-wrap{
    top:31px!important;
    width:93%!important;
    max-width:318px!important;
  }
  .tw-grand-label{
    margin:0 auto 2px!important;
    padding:3px 8px!important;
    font-size:8px!important;
  }
  .tw-grand-total-mobile{
    padding:4px 5px!important;
    border-radius:10px!important;
  }
  .tw-mob-digit,
  .tw-mob-roll{
    width:13px!important;
    min-width:13px!important;
    flex-basis:13px!important;
    height:22px!important;
    line-height:22px!important;
    font-size:14px!important;
  }
  .tw-mob-roll i{height:22px!important;line-height:22px!important;}
  .tw-mob-sep{width:4px!important;flex-basis:4px!important;font-size:12px!important;}

  .tw-stage{
    left:6px!important;
    right:6px!important;
    top:84px!important;
    bottom:82px!important;
    padding:0 2px 2px!important;
    gap:5px!important;
  }
  .tw-winner-card.mini .tw-cover{height:78px!important;border-radius:10px!important;}
  .tw-winner-card.champion .tw-cover{height:94px!important;border-radius:11px!important;}
  .tw-winner-card .tw-game-emoji{font-size:24px!important;}
  .tw-rank-badge{transform:scale(.60)!important;}
  .tw-cover-name{
    margin-top:3px!important;
    padding:0 2px!important;
    font-size:8px!important;
    line-height:1.02!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-cover-provider{
    margin-top:2px!important;
    font-size:7px!important;
    line-height:1!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-win-amount,
  .tw-winner-card.champion .tw-win-amount{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:3px!important;
    padding:0 2px!important;
    font-size:7.2px!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  .tw-win-player{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:2px!important;
    font-size:6.5px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-marquee-wrap{
    left:6px!important;
    right:6px!important;
    bottom:38px!important;
    height:50px!important;
    min-height:50px!important;
    padding:4px!important;
    gap:4px!important;
    grid-template-columns:1fr!important;
    border-radius:10px!important;
  }
  .tw-marquee-title{
    height:14px!important;
    min-height:14px!important;
    font-size:7px!important;
    line-height:14px!important;
    padding:0 6px!important;
  }
  .tw-marquee-track{gap:4px!important;}
  .tw-marquee-item{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    height:24px!important;
    padding:3px 5px!important;
    border-radius:7px!important;
  }
  .tw-marquee-item span{
    font-size:6px!important;
    line-height:1!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-marquee-item b{
    margin-top:1px!important;
    font-size:7px!important;
    line-height:1!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-marquee-item small{
    margin-top:1px!important;
    font-size:5.8px!important;
    line-height:1!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-marquee-item:nth-child(n+4){display:none!important;}
  .tw-enter-btn{
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    height:24px!important;
    min-height:24px!important;
    font-size:8.5px!important;
    border-radius:7px!important;
  }

  /* Compact square game shelves like esports page */
  .tw-game-shelf{
    padding:8px 8px 6px!important;
    margin-bottom:8px!important;
  }
  .tw-game-shelf-head{
    min-height:26px!important;
    margin-bottom:5px!important;
  }
  .tw-game-shelf-mark{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .tw-game-shelf-title b{font-size:13px!important;line-height:1!important;}
  .tw-game-shelf-title small{font-size:6.5px!important;line-height:1!important;margin-top:2px!important;}
  .tw-game-shelf-more{font-size:8px!important;white-space:nowrap!important;}
  .tw-game-shelf-row{
    --tw-visible-count:4!important;
    --tw-rail-gap:6px!important;
    overflow:hidden!important;
  }
  .tw-game-shelf-row>.tw-rail-track{
    gap:6px!important;
    align-items:stretch!important;
  }
  .tw-game-shelf-row>.tw-rail-track>.tw-compact-game{
    flex:0 0 calc((100vw - 16px - 16px - 3*6px)/4)!important;
    width:calc((100vw - 16px - 16px - 3*6px)/4)!important;
    min-width:calc((100vw - 16px - 16px - 3*6px)/4)!important;
    max-width:calc((100vw - 16px - 16px - 3*6px)/4)!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .tw-compact-cover{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .tw-compact-art{font-size:22px!important;}
  .tw-compact-art .tw-game-art-img{
    max-width:42%!important;
    max-height:42%!important;
  }
  .tw-compact-hot,
  .tw-compact-fav{
    width:16px!important;
    height:16px!important;
    top:4px!important;
  }
  .tw-compact-hot{left:4px!important;}
  .tw-compact-fav{right:4px!important;}
  .tw-compact-name{
    height:18px!important;
    min-height:18px!important;
    padding:4px 4px 0!important;
    font-size:7px!important;
    line-height:9px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .tw-compact-meta{
    min-height:14px!important;
    padding:2px 4px 4px!important;
    gap:3px!important;
    font-size:6px!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  .tw-compact-meta span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width:720px){
  .tw-home-mobile-cats>a{
    flex:0 0 calc((100vw - 16px - 16px - 3*8px)/4)!important;
    width:calc((100vw - 16px - 16px - 3*8px)/4)!important;
    min-width:calc((100vw - 16px - 16px - 3*8px)/4)!important;
  }
  .tw-home-mobile-cats>a img{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
}

@media (max-width:480px){
  .tw-home-mobile-cats{height:56px!important;min-height:56px!important;}
  .tw-home-mobile-cats>.tw-inline-rail-track{height:56px!important;min-height:56px!important;gap:7px!important;}
  .tw-home-mobile-cats>a{
    height:54px!important;
    min-height:54px!important;
    flex-basis:calc((100vw - 12px - 12px - 3*7px)/4)!important;
    width:calc((100vw - 12px - 12px - 3*7px)/4)!important;
    min-width:calc((100vw - 12px - 12px - 3*7px)/4)!important;
    border-radius:10px!important;
  }
  .tw-home-mobile-cats>a img{width:30px!important;height:30px!important;flex-basis:30px!important;}
  .tw-home-mobile-cats>a span{font-size:7.5px!important;}

  .tw-weekly-shell{height:292px!important;min-height:292px!important;}
  .tw-stage{top:80px!important;bottom:80px!important;gap:4px!important;}
  .tw-winner-card.mini .tw-cover{height:72px!important;}
  .tw-winner-card.champion .tw-cover{height:88px!important;}
  .tw-win-amount,.tw-winner-card.champion .tw-win-amount{font-size:6.8px!important;}
  .tw-enter-btn{height:23px!important;min-height:23px!important;bottom:7px!important;}

  .tw-game-shelf-row{--tw-rail-gap:5px!important;}
  .tw-game-shelf-row>.tw-rail-track{gap:5px!important;}
  .tw-game-shelf-row>.tw-rail-track>.tw-compact-game{
    flex-basis:calc((100vw - 12px - 12px - 3*5px)/4)!important;
    width:calc((100vw - 12px - 12px - 3*5px)/4)!important;
    min-width:calc((100vw - 12px - 12px - 3*5px)/4)!important;
    max-width:calc((100vw - 12px - 12px - 3*5px)/4)!important;
  }
  .tw-compact-art{font-size:20px!important;}
  .tw-compact-name{font-size:6.8px!important;line-height:8.5px!important;}
}


/* ===============================
   v68 ACTUAL mobile category rail + weekly footer fix
   Root cause fixed:
   kinetic-inline-strip.js wraps category <a> items inside .tw-inline-rail-track,
   so older selectors targeting .tw-home-mobile-cats > a did not apply after JS init.
   This block targets the real runtime DOM.
   Desktop >=1100px untouched.
   =============================== */
@media (max-width:1099px){
  /* ----- category rail: real runtime selector after JS wrapping ----- */
  .tw-home-mobile-cats{
    display:block!important;
    width:100%!important;
    height:66px!important;
    min-height:66px!important;
    margin:0 0 8px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    touch-action:pan-y!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:max-content!important;
    min-width:100%!important;
    height:66px!important;
    min-height:66px!important;
    padding:0!important;
    transform:translate3d(0,0,0);
    will-change:transform;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track>a{
    flex:0 0 calc((100vw - 20px - 24px)/4)!important;
    width:calc((100vw - 20px - 24px)/4)!important;
    min-width:calc((100vw - 20px - 24px)/4)!important;
    max-width:calc((100vw - 20px - 24px)/4)!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    padding:4px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:0!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(18,54,44,.06)!important;
    color:#213e36!important;
    text-decoration:none!important;
    overflow:hidden!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track>a img{
    display:block!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex:0 0 40px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track>a span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:11px!important;
    margin:0!important;
    padding:0!important;
    font-size:9px!important;
    line-height:11px!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-home-mobile-cats.is-dragging>.tw-inline-rail-track,
  .tw-home-mobile-cats.is-kinetic-moving>.tw-inline-rail-track{
    pointer-events:none!important;
  }

  /* ----- weekly prize: visibly shorter and clean footer ----- */
  .tw-weekly-shell{
    height:282px!important;
    min-height:282px!important;
    padding:5px!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background-image:none!important;
    background:linear-gradient(180deg,#129d8b 0%,#08786e 100%)!important;
  }
  .tw-weekly-topbar{
    height:23px!important;
    min-height:23px!important;
    padding:3px 7px!important;
    border-radius:8px!important;
  }
  .tw-grand-total-wrap{
    top:29px!important;
    width:92%!important;
    max-width:312px!important;
  }
  .tw-grand-label{font-size:7.5px!important;padding:2px 8px!important;margin-bottom:2px!important;}
  .tw-mob-digit,.tw-mob-roll{
    width:12px!important;min-width:12px!important;flex-basis:12px!important;
    height:21px!important;line-height:21px!important;font-size:13px!important;
  }
  .tw-mob-roll i{height:21px!important;line-height:21px!important;}
  .tw-mob-sep{font-size:11px!important;width:4px!important;flex-basis:4px!important;}

  .tw-stage{
    top:76px!important;
    bottom:72px!important;
    left:5px!important;
    right:5px!important;
    gap:4px!important;
    padding:0 1px!important;
  }
  .tw-winner-card.mini .tw-cover{height:70px!important;}
  .tw-winner-card.champion .tw-cover{height:84px!important;}
  .tw-winner-card .tw-game-emoji{font-size:22px!important;}
  .tw-cover-name{font-size:7px!important;margin-top:2px!important;}
  .tw-cover-provider{font-size:6px!important;margin-top:1px!important;}
  .tw-win-amount,.tw-winner-card.champion .tw-win-amount{
    font-size:6.4px!important;
    margin-top:2px!important;
    padding:0 1px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tw-win-player{font-size:5.8px!important;margin-top:1px!important;}

  /* latest winners becomes one compact strip instead of a tall block */
  .tw-marquee-wrap{
    left:5px!important;
    right:5px!important;
    bottom:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:3px 4px!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    border-radius:9px!important;
    background:rgba(3,69,63,.94)!important;
    overflow:hidden!important;
    z-index:8!important;
  }
  .tw-marquee-title{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:18px!important;
    min-height:18px!important;
    padding:0 6px!important;
    font-size:6.5px!important;
    line-height:18px!important;
    border-radius:999px!important;
  }
  .tw-marquee-track{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  .tw-marquee-item{
    flex:1 1 0!important;
    min-width:0!important;
    height:26px!important;
    padding:3px 4px!important;
    border-radius:7px!important;
    overflow:hidden!important;
  }
  .tw-marquee-item span{font-size:5.7px!important;line-height:1!important;}
  .tw-marquee-item b{font-size:6.2px!important;line-height:1!important;margin-top:1px!important;}
  .tw-marquee-item small{display:none!important;}
  .tw-marquee-item:nth-child(n+4){display:none!important;}

  /* clean, solid footer behind CTA: no decorative image bleed */
  .tw-weekly-shell::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:32px;
    background:#075f59;
    z-index:9;
    pointer-events:none;
  }
  .tw-enter-btn{
    left:8px!important;
    right:8px!important;
    bottom:5px!important;
    height:23px!important;
    min-height:23px!important;
    z-index:10!important;
    font-size:8px!important;
    border-radius:7px!important;
  }
}

@media (max-width:480px){
  .tw-home-mobile-cats,
  .tw-home-mobile-cats>.tw-inline-rail-track{
    height:64px!important;
    min-height:64px!important;
    gap:7px!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track>a{
    flex-basis:calc((100vw - 20px - 21px)/4)!important;
    width:calc((100vw - 20px - 21px)/4)!important;
    min-width:calc((100vw - 20px - 21px)/4)!important;
    max-width:calc((100vw - 20px - 21px)/4)!important;
    height:60px!important;
    min-height:60px!important;
  }
  .tw-home-mobile-cats>.tw-inline-rail-track>a img{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important;
  }
  .tw-weekly-shell{height:272px!important;min-height:272px!important;}
  .tw-stage{top:73px!important;bottom:69px!important;}
  .tw-winner-card.mini .tw-cover{height:66px!important;}
  .tw-winner-card.champion .tw-cover{height:80px!important;}
}


/* ===============================
   v69 smooth mobile jackpot odometer
   Desktop >=1100px untouched.
   =============================== */
@media (max-width:1099px){

  /* The old board pulse scaled/filtered the whole number board and made
     the reels feel like they were juddering. Keep the board visually stable. */
  .tw-grand-total-mobile{
    animation:none!important;
    filter:none!important;
    transform:none!important;
    backface-visibility:hidden!important;
    -webkit-font-smoothing:antialiased;
  }

  .tw-grand-total-mobile .tw-mob-roll{
    overflow:hidden!important;
    contain:strict!important;
    transform:translateZ(0);
    backface-visibility:hidden!important;
  }

  .tw-grand-total-mobile .tw-mob-roll>span{
    will-change:transform!important;
    backface-visibility:hidden!important;
    transform:translate3d(0,0,0);
    animation-name:twMobRollSmooth69!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
  }

  /* Different reel speeds create an odometer feel without stepped jumps. */
  .tw-grand-total-mobile .tw-mob-roll.r1>span{
    animation-duration:18s!important;
    animation-delay:-6.4s!important;
  }
  .tw-grand-total-mobile .tw-mob-roll.r2>span{
    animation-duration:7.2s!important;
    animation-delay:-2.1s!important;
  }
  .tw-grand-total-mobile .tw-mob-roll.r3>span{
    animation-duration:2.8s!important;
    animation-delay:-.9s!important;
  }
  .tw-grand-total-mobile .tw-mob-roll.r4>span{
    animation-duration:1.05s!important;
    animation-delay:-.37s!important;
  }

  /* Track contains two identical 0..9 sequences.
     -50% = exactly one full 0..9 sequence, so the loop has no visible snap. */
  @keyframes twMobRollSmooth69{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(0,-50%,0)}
  }

  /* Keep each reel line perfectly aligned while it moves. */
  .tw-grand-total-mobile .tw-mob-roll i{
    flex:0 0 auto!important;
    transform:translateZ(0);
    backface-visibility:hidden!important;
  }
}


/* ===============================
   v70 restore weekly-prize context
   Mobile only. Desktop >=1100px untouched.
   =============================== */
@media (max-width:1099px){

  /* Restore the information hierarchy that was over-trimmed in earlier mobile passes. */
  .tw-weekly-headline{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:28px!important;
    margin:0 2px 6px!important;
    padding:0!important;
  }
  .tw-weekly-headline .tw-weekly-tag{
    display:none!important;
  }
  .tw-weekly-headline h2{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    color:#163b32!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* The top bar must communicate both remaining time and reset cadence. */
  .tw-weekly-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:30px!important;
    height:30px!important;
    padding:4px 8px!important;
    background:rgba(0,115,96,.92)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .tw-deadline{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .tw-deadline .clock{
    flex:0 0 auto!important;
    width:13px!important;
    height:13px!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .tw-deadline .clock .tw-ui-img{
    width:12px!important;
    height:12px!important;
    filter:brightness(0) invert(1)!important;
  }
  .tw-mobile-count{
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;
  }

  .tw-reset-note{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.13)!important;
    color:#eafff8!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  /* Reposition the total below the now-visible information bar. */
  .tw-grand-total-wrap{
    top:39px!important;
  }

  /* Keep the compact board while restoring context above it. */
  .tw-weekly-shell{
    padding-top:6px!important;
  }
}

@media (max-width:480px){
  .tw-weekly-headline{
    min-height:26px!important;
    margin-bottom:5px!important;
  }
  .tw-weekly-headline h2{
    font-size:14px!important;
  }
  .tw-weekly-topbar{
    min-height:29px!important;
    height:29px!important;
    padding-inline:7px!important;
  }
  .tw-deadline,
  .tw-mobile-count{
    font-size:8.5px!important;
  }
  .tw-reset-note{
    min-height:19px!important;
    padding-inline:6px!important;
    font-size:7.5px!important;
  }
  .tw-grand-total-wrap{
    top:38px!important;
  }
}


/* ===============================
   v71 WEEKLY PRIZE — MOBILE REDESIGN AUTHORITY
   Rebuild the mobile leaderboard as a normal-flow information card.
   No overlapping absolute layers. Desktop >=1100px is untouched.
   =============================== */
@media (max-width:1099px){
  .tw-weekly-prize{
    display:block!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border:1px solid #d7e9e3!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(11,62,50,.07)!important;
    overflow:hidden!important;
  }

  /* 1. Module identity */
  .tw-weekly-headline{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:28px!important;
    margin:0 0 8px!important;
    padding:0 1px!important;
  }
  .tw-weekly-headline .tw-weekly-tag{display:none!important;}
  .tw-weekly-headline h2{
    display:block!important;
    margin:0!important;
    color:#173e35!important;
    font-size:16px!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }

  /* 2. Main green card. Everything is normal flow. */
  .tw-weekly-shell{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:8px!important;
    gap:8px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:14px!important;
    background:
      radial-gradient(circle at 88% 9%,rgba(66,229,194,.22),transparent 28%),
      linear-gradient(155deg,#086d5e 0%,#078a75 52%,#0aa385 100%)!important;
    box-shadow:none!important;
  }
  .tw-weekly-shell::before,
  .tw-weekly-shell::after{display:none!important;}

  /* Countdown and cadence */
  .tw-weekly-topbar{
    position:static!important;
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    min-height:32px!important;
    height:auto!important;
    margin:0!important;
    padding:6px 8px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:10px!important;
    background:rgba(0,55,46,.24)!important;
    box-sizing:border-box!important;
  }
  .tw-deadline{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    color:#eafff9!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .tw-deadline .clock{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    display:grid!important;
    place-items:center!important;
  }
  .tw-deadline .clock .tw-ui-img{
    width:12px!important;
    height:12px!important;
    filter:brightness(0) invert(1)!important;
  }
  .tw-desktop-count{
    display:inline!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
  }
  .tw-mobile-count{display:none!important;}
  .tw-reset-note{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    color:#dcfff7!important;
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  /* Live total — large enough to read, isolated from everything else */
  .tw-grand-total-wrap{
    position:static!important;
    order:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }
  .tw-grand-label{
    margin:0!important;
    padding:3px 9px!important;
    border-radius:999px!important;
    background:#f43a88!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  .tw-grand-total-desktop{display:none!important;}
  .tw-grand-total-mobile{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px 7px!important;
    gap:1px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:10px!important;
    background:#7a1717!important;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)!important;
    animation:none!important;
    transform:none!important;
    filter:none!important;
    overflow:hidden!important;
  }
  .tw-mobile-main{display:inline-flex!important;align-items:center!important;gap:1px!important;min-width:0!important;}
  .tw-mob-digit,.tw-mob-roll{
    width:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
    height:24px!important;
    line-height:24px!important;
    border-radius:4px!important;
    font-size:15px!important;
  }
  .tw-mob-roll i{height:24px!important;line-height:24px!important;}
  .tw-mob-sep{width:4px!important;flex:0 0 4px!important;font-size:12px!important;}
  .tw-light{display:none!important;}

  /* Top 3 — a clean 3-column podium, no absolute positioning */
  .tw-stage{
    position:static!important;
    order:3!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:end!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .tw-stage::before,.tw-stage::after,
  .tw-podium,.tw-crown{display:none!important;}
  .tw-spot{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .tw-spot-left{grid-column:1!important;grid-row:1!important;}
  .tw-spot-center{grid-column:2!important;grid-row:1!important;}
  .tw-spot-right{grid-column:3!important;grid-row:1!important;}
  .tw-winner-card,
  .tw-winner-card.mini,
  .tw-winner-card.champion{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:3px!important;
  }
  .tw-rank-badge{
    position:absolute!important;
    z-index:4!important;
    top:4px!important;
    left:4px!important;
    width:auto!important;
    min-width:34px!important;
    height:18px!important;
    padding:0 5px!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    border-radius:999px!important;
    font-size:6px!important;
    line-height:1!important;
  }
  .tw-rank-badge .tw-rank-trophy,
  .tw-rank-badge .tw-rank-trophy .tw-ui-img{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
  }
  .tw-winner-card .tw-cover,
  .tw-winner-card.mini .tw-cover,
  .tw-winner-card.champion .tw-cover{
    position:relative!important;
    width:100%!important;
    height:82px!important;
    min-height:82px!important;
    max-width:none!important;
    margin:0!important;
    padding:7px 5px 6px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .tw-winner-card.champion .tw-cover{
    height:92px!important;
    min-height:92px!important;
    box-shadow:0 6px 14px rgba(35,7,81,.18)!important;
  }
  .tw-enter-overlay{display:none!important;}
  .tw-game-emoji{
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    margin:3px auto 4px!important;
    font-size:24px!important;
  }
  .tw-game-emoji .tw-game-art-img{
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
  }
  .tw-cover-name{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 2px!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:850!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-cover-provider{
    display:block!important;
    width:100%!important;
    margin:2px 0 0!important;
    color:rgba(255,255,255,.72)!important;
    font-size:6.5px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-win-amount{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 2px!important;
    color:#fff4b0!important;
    font-size:7.2px!important;
    line-height:1.05!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-winner-card.champion .tw-win-amount{font-size:7.5px!important;}
  .tw-win-player{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 2px!important;
    color:#bce9df!important;
    font-size:6.5px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Recent winners — horizontal chips; all entries remain accessible */
  .tw-marquee-wrap{
    position:static!important;
    order:4!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:7px!important;
    gap:6px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:11px!important;
    background:rgba(0,59,50,.25)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .tw-marquee-wrap::before{display:none!important;}
  .tw-marquee-title{
    display:block!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    color:#dffcf4!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  .tw-marquee-track{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    gap:6px!important;
    margin:0!important;
    padding:0 0 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tw-marquee-track::-webkit-scrollbar{display:none!important;}
  .tw-marquee-track::after{display:none!important;}
  .tw-marquee-item,
  .tw-marquee-item:nth-child(n+4){
    display:flex!important;
    flex:0 0 104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:42px!important;
    margin:0!important;
    padding:5px 6px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:1px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.07)!important;
    box-shadow:none!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .tw-marquee-item.active{
    border-color:rgba(255,226,113,.56)!important;
    background:rgba(255,226,113,.10)!important;
  }
  .tw-marquee-item span,
  .tw-marquee-item b,
  .tw-marquee-item small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-marquee-item span{color:#fff!important;font-size:7px!important;line-height:1!important;}
  .tw-marquee-item b{color:#ffe68b!important;font-size:7.5px!important;line-height:1.05!important;}
  .tw-marquee-item small{color:#bce9df!important;font-size:6.5px!important;line-height:1!important;}

  /* CTA gets its own safe lane */
  .tw-enter-btn{
    position:static!important;
    order:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#ffe39a 0%,#f6bf4f 100%)!important;
    color:#5f4511!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    text-decoration:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.46)!important;
  }
}

@media (max-width:480px){
  .tw-weekly-prize{padding:8px!important;}
  .tw-weekly-headline h2{font-size:15px!important;}
  .tw-weekly-shell{padding:7px!important;gap:7px!important;}
  .tw-weekly-topbar{min-height:30px!important;padding:5px 7px!important;}
  .tw-deadline,.tw-desktop-count{font-size:8.5px!important;}
  .tw-reset-note{font-size:7px!important;padding-inline:6px!important;}
  .tw-mob-digit,.tw-mob-roll{width:13px!important;min-width:13px!important;flex-basis:13px!important;height:23px!important;line-height:23px!important;font-size:14px!important;}
  .tw-mob-roll i{height:23px!important;line-height:23px!important;}
  .tw-stage{gap:5px!important;}
  .tw-winner-card .tw-cover,.tw-winner-card.mini .tw-cover{height:78px!important;min-height:78px!important;}
  .tw-winner-card.champion .tw-cover{height:88px!important;min-height:88px!important;}
  .tw-marquee-item,.tw-marquee-item:nth-child(n+4){flex-basis:98px!important;min-width:98px!important;max-width:98px!important;}
}


/* ===============================
   v72 remove duplicate mobile support launcher
   Mobile already has persistent Bottom Nav -> 客服.
   =============================== */
@media (max-width:1099px){
  .support-launcher{
    display:none!important;
  }
}


/* ===============================
   v74 mobile promo relocation
   The existing 3 promo banners are MOVED, not recreated.
   Their artwork/size stays from the approved v72 mobile design.
   =============================== */
@media(max-width:1099px){
  .tw-home-right.tw-home-right-mobile-bottom{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    width:100%!important;
    margin:10px 0 6px!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
  }
  .tw-home-right.tw-home-right-mobile-bottom::-webkit-scrollbar{
    display:none!important;
  }
  .tw-home-right.tw-home-right-mobile-bottom>a{
    flex:0 0 82%!important;
    width:82%!important;
    max-width:82%!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
  .tw-home-right.tw-home-right-mobile-bottom>a img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:12px!important;
  }

  /* Protect the fixed bottom function bar; moved promos must never cover it. */
  .tw-mobile-nav{
    z-index:1400!important;
  }
}

@media(max-width:480px){
  .tw-home-right.tw-home-right-mobile-bottom{
    margin-top:8px!important;
  }
  .tw-home-right.tw-home-right-mobile-bottom>a{
    flex-basis:88%!important;
    width:88%!important;
    max-width:88%!important;
  }
}


/* ===============================
   v75 mobile provider strip compaction
   Goal: reduce vertical whitespace on the homepage mobile provider rail,
   remove duplicated two-line labels, and let players scan games sooner.
   Desktop remains untouched.
   =============================== */
@media (max-width:1099px){
  .tw-home-catalog{
    margin-top:8px!important;
    gap:10px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile{
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    margin:0!important;
    padding:0 2px 2px!important;
    min-height:0!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile>.tw-inline-rail-track{
    gap:6px!important;
    padding:0 0 2px!important;
    min-width:max-content!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn{
    flex:0 0 auto!important;
    min-width:auto!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    border:1px solid #dfeae5!important;
    background:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn b,
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn span{
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#58756d!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:not(:first-child) span{
    display:none!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child{
    min-width:62px!important;
    padding:0 10px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:0!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child .tw-ui-img.sm{
    width:14px!important;
    height:14px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active,
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:hover{
    border-color:#8dd8c0!important;
    background:linear-gradient(180deg,#e8faf3 0%,#ffffff 100%)!important;
    box-shadow:0 6px 14px rgba(8,133,109,.08)!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active b,
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active span{
    color:#07856d!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile + .tw-game-shelf,
  .tw-home-catalog>.tw-provider-strip-mobile + .tw-mobile-only-home-shelf{
    margin-top:-2px!important;
  }
}
@media (max-width:480px){
  .tw-home-catalog{
    gap:8px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile>.tw-inline-rail-track{
    gap:5px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
  }
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn b,
  .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn span{
    font-size:10px!important;
  }
}


/* ===============================
   v76 mobile provider strip tightening
   Goal: remove top/bottom blank space more aggressively and force single-line labels.
   Homepage mobile only. Desktop untouched.
   =============================== */
@media (max-width:1099px){
  body main .tw-home-catalog{
    margin-top:4px!important;
    gap:4px!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile{
    display:flex!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    margin:-4px 0 -4px!important;
    padding:0!important;
    min-height:0!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile::-webkit-scrollbar{display:none!important}
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    flex:0 0 auto!important;
    min-width:50px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    gap:0!important;
    border-radius:999px!important;
    border:1px solid #dfeae5!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#58756d!important;
    letter-spacing:0!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn span{
    display:none!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child{
    min-width:60px!important;
    gap:6px!important;
    padding:0 10px!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child b{
    font-size:0!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child span{
    display:inline!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#58756d!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child .tw-ui-img.sm{
    width:14px!important;
    height:14px!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active,
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:hover{
    border-color:#8dd8c0!important;
    background:linear-gradient(180deg,#e8faf3 0%,#ffffff 100%)!important;
    box-shadow:0 5px 12px rgba(8,133,109,.08)!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active b,
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn.active span{
    color:#07856d!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile + .tw-game-shelf,
  body main .tw-home-catalog>.tw-provider-strip-mobile + .tw-mobile-only-home-shelf{
    margin-top:-6px!important;
  }
}
@media (max-width:480px){
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn{
    min-width:48px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 9px!important;
  }
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn b,
  body main .tw-home-catalog>.tw-provider-strip-mobile .tw-provider-btn:first-child span{
    font-size:9.5px!important;
  }
}


/* ===============================
   v77 mobile provider spacing balance
   Keep the compact rail, but restore a small visual breathing gap
   before the first game shelf. Desktop remains untouched.
   =============================== */
@media (max-width:1099px){
  body main .tw-home-catalog{
    gap:7px!important;
  }

  body main .tw-home-catalog>.tw-provider-strip-mobile{
    margin:-2px 0 3px!important;
  }

  body main .tw-home-catalog>.tw-provider-strip-mobile + .tw-game-shelf,
  body main .tw-home-catalog>.tw-provider-strip-mobile + .tw-mobile-only-home-shelf{
    margin-top:0!important;
  }
}

@media (max-width:480px){
  body main .tw-home-catalog{
    gap:6px!important;
  }

  body main .tw-home-catalog>.tw-provider-strip-mobile{
    margin:-1px 0 3px!important;
  }
}

/* ===== v79 filtered card size lock ===== */
@media(max-width:1099px){
.tw-game-shelf-row>.tw-rail-track>.tw-compact-game{
  flex-basis:var(--tw-card-width,72px)!important;width:var(--tw-card-width,72px)!important;min-width:var(--tw-card-width,72px)!important;max-width:var(--tw-card-width,72px)!important
}}


/* ===== v80 mobile provider filter stability ===== */
@media(max-width:1099px){
  .tw-game-shelf[data-provider-empty="true"] .tw-game-shelf-row{min-height:112px!important}
  .tw-game-shelf[data-provider-empty="true"] .tw-game-shelf-row::after{min-height:112px!important;font-size:9px!important}
}


/* ===============================
   v86 mobile category / header / support refinement
   =============================== */

/* 1) All mobile game category pages: 3 cards per row, never fall back to 2. */
@media(max-width:720px){
  .tw-category-page .cat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .tw-category-page .cat-card{
    min-width:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .tw-category-page .cat-cover{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .tw-category-page .cat-info{
    min-height:31px!important;
    height:31px!important;
    padding:4px 5px!important;
  }
  .tw-category-page .cat-name{
    font-size:7.5px!important;
    line-height:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tw-category-page .cat-meta{
    margin-top:2px!important;
    font-size:6px!important;
    line-height:7px!important;
  }
}
@media(max-width:480px){
  .tw-category-page .cat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
}

/* 2) Mobile header: keep wallet + recharge clear and compact.
      Desktop wording/layout stays untouched. */
@media(max-width:1099px){
  .tw-global-header[data-topwin-global-header]>.tw-global-actions{
    gap:5px!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-wallet{
    flex:0 1 auto!important;
    min-width:70px!important;
    max-width:92px!important;
    height:36px!important;
    padding:0 8px!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-deposit{
    flex:0 0 auto!important;
    min-width:48px!important;
    height:36px!important;
    padding:0 10px!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-account-center{
    display:none!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-deposit .tw-deposit-desktop{
    display:none!important;
  }
  .tw-global-header[data-topwin-global-header] .tw-gh-deposit .tw-deposit-mobile{
    display:inline!important;
  }
}

/* 3) Support screen: reserve the fixed bottom-nav height plus an 8px
      breathing gap so the support controls never look glued to the nav. */
@media(max-width:650px){
  #support.support-shell{
    box-sizing:border-box!important;
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
    background:#f5f7f6!important;
  }
  #support .support-foot{
    margin-bottom:0!important;
    border-bottom-left-radius:10px!important;
    border-bottom-right-radius:10px!important;
  }
}


/* ===============================
   v87 mobile scrolling self-audit fixes
   =============================== */
@media(max-width:1099px){
  /* Legacy page CSS contains many old sticky header rules. Shared fixed shell wins. */
  .tw-global-header[data-topwin-global-header]{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:900!important;
    transform:none!important;
  }

  /* Avoid horizontal rubber-band / accidental sideways page movement. */
  html,body{
    overflow-x:clip!important;
    overscroll-behavior-x:none!important;
  }

  /* Internal kinetic rails own horizontal gestures; the document owns vertical scrolling. */
  .tw-inline-rail,
  .tw-game-shelf-row,
  .tw-provider-strip,
  .cat-filter-row{
    overscroll-behavior-x:contain!important;
  }

  /* Fixed/mobile overlays should not leak scroll into the page behind them. */
  .acct-panel .acct-sheet-body,
  .tw-side-nav.drawer{
    overscroll-behavior-y:contain!important;
  }
}

/* Support is a self-contained surface between header and Bottom Nav.
   No fixed child is allowed to escape and glue itself to the viewport edge. */
@media(max-width:650px){
  #support.support-shell{
    position:fixed!important;
    top:var(--tw-mobile-fixed-header,56px)!important;
    right:0!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + env(safe-area-inset-bottom))!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:880!important;
  }

  #support .support-head-panel{
    flex:0 0 auto!important;
  }

  #support .support-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    padding-bottom:112px!important;
  }

  #support .support-foot{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    margin:0!important;
    border:1px solid #e1e9e6!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 -3px 14px rgba(18,48,39,.07)!important;
  }
}


/* v87 reliable support overlay close */
#support.tw-support-force-closed{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* ===============================
   v88 mobile auth/support/close cleanup
   =============================== */
@media(max-width:650px){

  /* 1) Login/Register must not visually stick to the fixed Header.
        Keep it between Header and Bottom Nav and give it a deliberate top gap. */
  #auth.auth-overlay{
    position:fixed!important;
    top:var(--tw-mobile-fixed-header,56px)!important;
    right:0!important;
    bottom:var(--tw-mobile-fixed-bottom,70px)!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 8px 12px!important;
    overflow-y:auto!important;
    background:#f2f5f3!important;
    overscroll-behavior-y:contain!important;
  }

  #auth .auth-shell{
    width:100%!important;
    min-height:100%!important;
    margin:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(23,61,50,.08)!important;
  }

  #auth .auth-visual{
    min-height:150px!important;
    padding:24px 18px 22px!important;
    border-radius:14px 14px 0 0!important;
  }

  #auth .auth-visual small{
    display:block!important;
    margin:0 0 8px!important;
    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    opacity:.84!important;
  }

  #auth .auth-visual h2{
    margin:0 0 9px!important;
    max-width:92%!important;
    font-size:24px!important;
    line-height:1.16!important;
    letter-spacing:-.02em!important;
  }

  #auth .auth-visual p{
    margin:0!important;
    max-width:92%!important;
    font-size:10.5px!important;
    line-height:1.6!important;
    color:#e9fff8!important;
  }

  #auth .auth-panel{
    padding:16px 14px 24px!important;
  }

  #auth .auth-tabs{
    margin:0 0 22px!important;
  }

  /* 2) Mobile support must be a complete column:
        header -> scrollable conversation -> visible composer/footer. */
  #support.support-shell{
    top:var(--tw-mobile-fixed-header,56px)!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + 8px + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    display:none;
    flex-direction:column!important;
    overflow:hidden!important;
    z-index:840!important; /* below Bottom Nav (850), so Bottom Nav always remains visible */
  }

  #support:target{
    display:flex!important;
  }

  #support .support-head-panel{
    flex:0 0 auto!important;
  }

  #support .support-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:14px 12px 18px!important;
    overscroll-behavior-y:contain!important;
  }

  #support .support-foot{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:8px!important;
    padding:9px 10px!important;
    border:1px solid #e1e9e6!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 -3px 14px rgba(18,48,39,.07)!important;
  }

  #support .support-compose{
    display:flex!important;
    min-height:40px!important;
  }

  #support .support-compose input{
    display:block!important;
    min-width:0!important;
  }

  #support .support-tools{
    margin-bottom:7px!important;
  }

  /* 3) Remove modal/panel X controls on phone UI.
        Persistent navigation remains available through Bottom Nav / page navigation. */
  #auth .auth-close,
  #support .support-close,
  .acct-panel .acct-sheet-head>a[aria-label^="关闭"]{
    display:none!important;
  }

  /* Removing X should also remove the empty right-side slot from support header. */
  #support .support-topline{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
}


/* ===============================
   v89 mobile support composer visibility
   The conversation scrolls behind a permanently visible message composer.
   =============================== */
@media(max-width:650px){
  #support.support-shell{
    position:fixed!important;
    top:var(--tw-mobile-fixed-header,56px)!important;
    right:0!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + 8px + env(safe-area-inset-bottom))!important;
    left:0!important;
    display:none;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  #support:target{
    display:flex!important;
  }

  #support .support-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:14px 12px 132px!important;
    overscroll-behavior-y:contain!important;
  }

  #support .support-foot{
    display:block!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    min-height:106px!important;
    margin:0!important;
    padding:9px 10px 10px!important;
    box-sizing:border-box!important;
    border:1px solid #dfe8e5!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 -5px 18px rgba(20,45,37,.09)!important;
    z-index:4!important;
  }

  #support .support-tools{
    display:flex!important;
    gap:6px!important;
    margin:0 0 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  #support .support-tools::-webkit-scrollbar{
    display:none!important;
  }
  #support .support-tools button{
    flex:0 0 auto!important;
  }

  #support .support-compose{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:44px!important;
  }

  #support .support-compose input{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    padding:0 14px!important;
    border:1px solid #d9e5e1!important;
    border-radius:22px!important;
    background:#f8fbfa!important;
    color:#29443c!important;
    font-size:13px!important;
    outline:none!important;
  }

  #support .support-compose input:focus{
    border-color:#72cbb5!important;
    box-shadow:0 0 0 3px rgba(7,149,121,.08)!important;
    background:#fff!important;
  }

  #support .support-send{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* ===============================
   v91 final mobile support + drawer/bottom-nav authority
   =============================== */
@media(max-width:650px){

  /* SUPPORT: complete viewport column above Bottom Nav. */
  #support.support-shell{
    position:fixed!important;
    top:var(--tw-mobile-fixed-header,56px)!important;
    right:0!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + 8px + env(safe-area-inset-bottom))!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    display:none!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#f5f7f6!important;
    z-index:840!important;
  }

  #support:target{
    display:flex!important;
  }

  #support .support-head-panel{
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
  }

  #support .support-body{
    position:relative!important;
    flex:1 1 0!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 12px 18px!important;
    overscroll-behavior-y:contain!important;
    background:#f5f7f6!important;
  }

  /* Do not absolutely position the composer. Give it guaranteed layout height. */
  #support .support-foot{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    flex:0 0 112px!important;
    width:auto!important;
    min-height:112px!important;
    max-height:112px!important;
    margin:0 8px 8px!important;
    padding:9px 10px 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid #dfe8e5!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 -5px 18px rgba(20,45,37,.09)!important;
    z-index:5!important;
  }

  #support .support-tools{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:32px!important;
    margin:0 0 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  #support .support-tools::-webkit-scrollbar{display:none!important}

  #support .support-compose{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    overflow:visible!important;
  }

  #support .support-compose input{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:1 1 auto!important;
    width:1px!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d9e5e1!important;
    border-radius:22px!important;
    background:#f8fbfa!important;
    color:#29443c!important;
    font-size:13px!important;
    line-height:44px!important;
    outline:none!important;
  }

  #support .support-send{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
  }
}

@media(max-width:1099px){

  /* DRAWER: it may cover page/header content, but NEVER Bottom Nav. */
  html body .tw-side-nav.drawer{
    top:0!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:none!important;
    z-index:1002!important;
  }

  /* Backdrop stops at the same Bottom Nav boundary. */
  html body .tw-drawer-backdrop{
    top:0!important;
    right:0!important;
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + env(safe-area-inset-bottom))!important;
    left:0!important;
    width:auto!important;
    height:auto!important;
    z-index:1001!important;
  }

  /* Bottom Nav is persistent system chrome: always visible AND clickable. */
  html body .tw-mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1100!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}


/* ===============================
   v93 support full-coverage fix
   Support background must reach the Bottom Nav boundary.
   Any breathing space belongs INSIDE support, never as a transparent gap.
   =============================== */
@media(max-width:650px){
  #support.support-shell{
    bottom:calc(var(--tw-mobile-fixed-bottom,70px) + env(safe-area-inset-bottom))!important;
    background:#f5f7f6!important;
  }

  #support .support-foot{
    margin:0 8px 8px!important;
  }
}


/* ===============================
   v94 support send visibility polish
   Make the send CTA unmistakably visible on mobile.
   =============================== */
@media(max-width:650px){
  #support .support-send{
    background:linear-gradient(180deg,#12a889 0%,#07856d 100%)!important;
    border:2px solid #ffffff!important;
    box-shadow:0 8px 18px rgba(7,133,109,.22),0 0 0 1px rgba(7,133,109,.16)!important;
  }

  #support .support-send .tw-ui-img{
    width:18px!important;
    height:18px!important;
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
  }

  #support .support-send:active{
    transform:scale(.97)!important;
  }
}


/* ===============================
   v95 unified mobile swipe authority
   Transform rails own horizontal movement; browser owns vertical movement.
   =============================== */
@media(max-width:1099px){
  .tw-home-mobile-cats,
  .tw-provider-strip-mobile,
  .tw-game-shelf-row{
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:auto!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-y pinch-zoom!important;
  }

  .tw-home-mobile-cats>.tw-inline-rail-track,
  .tw-provider-strip-mobile>.tw-inline-rail-track,
  .tw-game-shelf-row>.tw-rail-track{
    transition:none!important;
    scroll-snap-type:none!important;
    will-change:transform!important;
    transform:translate3d(0,0,0);
  }

  .tw-home-mobile-cats>.tw-inline-rail-track>*,
  .tw-provider-strip-mobile>.tw-inline-rail-track>*,
  .tw-game-shelf-row>.tw-rail-track>*{
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }

  .tw-home-mobile-cats.is-dragging,
  .tw-provider-strip-mobile.is-dragging,
  .tw-game-shelf-row.is-dragging{
    user-select:none!important;
    -webkit-user-select:none!important;
  }

  .tw-home-mobile-cats.is-dragging>.tw-inline-rail-track,
  .tw-provider-strip-mobile.is-dragging>.tw-inline-rail-track,
  .tw-game-shelf-row.is-dragging>.tw-rail-track,
  .tw-home-mobile-cats.is-kinetic-moving>.tw-inline-rail-track,
  .tw-provider-strip-mobile.is-kinetic-moving>.tw-inline-rail-track,
  .tw-game-shelf-row.is-kinetic-moving>.tw-rail-track{
    pointer-events:none!important;
  }

  .tw-category-page .cat-grid{
    touch-action:pan-y pinch-zoom!important;
    overscroll-behavior-x:contain!important;
    transition:transform .11s ease-out!important;
  }
}


/* ===============================
   v97 drawer owns the full mobile foreground
   When Side Menu opens, Bottom Nav is intentionally hidden.
   =============================== */
@media(max-width:1099px){

  /* Drawer/backdrop can now occupy the whole viewport height. */
  html body .tw-side-nav.drawer{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }

  html body .tw-drawer-backdrop{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    height:100dvh!important;
  }

  /* User request: persistent Bottom Nav disappears while Side Menu is open. */
  #drawer-toggle:checked ~ .tw-mobile-nav,
  html.tw-drawer-open .tw-mobile-nav,
  body.tw-drawer-open .tw-mobile-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(100%)!important;
  }

  .tw-mobile-nav{
    transition:
      opacity .16s ease,
      transform .18s ease,
      visibility .18s ease!important;
  }
}


/* ===============================
   v103 support lock + opaque coverage
   Prevent underlying page from scrolling/bleeding through while support is open.
   =============================== */
@media(max-width:1099px){
  html.tw-support-mobile-open,
  body.tw-support-mobile-open{
    height:100%!important;
    overflow:hidden!important;
  }
  body.tw-support-mobile-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }
}

@media(max-width:650px){
  #support.support-shell{
    isolation:isolate!important;
    box-shadow:0 0 0 999px rgba(245,247,246,.98)!important;
    border-radius:0!important;
  }
  #support.support-shell::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,#f5f7f6 0%,#f5f7f6 100%);
    z-index:0;
    pointer-events:none;
  }
  #support .support-head-panel,
  #support .support-body,
  #support .support-foot{
    position:relative!important;
    z-index:1!important;
  }
  #support .support-body{
    padding-bottom:18px!important;
    background:#f5f7f6!important;
  }
  #support .support-foot{
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -8px 18px rgba(20,45,37,.08)!important;
    background:#ffffff!important;
  }
}


/* ===============================
   v104 mobile return-action right alignment
   Header-level return actions belong on the right side.
   =============================== */
@media(max-width:650px){

  /* Support header */
  #support .support-topline{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    width:100%!important;
  }

  #support .support-agent{
    grid-column:1!important;
    grid-row:1!important;
  }

  #support .support-title{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }

  #support .support-return-account{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    min-width:96px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.96)!important;
    color:#087861!important;
    box-shadow:0 5px 14px rgba(0,67,53,.14)!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  #support .support-return-account .tw-ui-img{
    width:10px!important;
    height:10px!important;
  }

  #support .support-return-account span{
    display:inline!important;
    font-size:9.5px!important;
    font-weight:800!important;
  }

  #support .support-status{
    margin-top:10px!important;
  }
}