/* SBOTOTO R6.9.0.23 V20 — full mobile reference platform.
   Mobile-only <=767px. Desktop is intentionally untouched. */
.v20-only{display:none}
@media (max-width:767px){
  :root{
    --v20-red:#4b0005;
    --v20-red-top:#600006;
    --v20-red-deep:#2c0003;
    --v20-yellow:#ffd900;
    --v20-yellow2:#ffbd00;
    --v20-black:#101010;
    --v20-gray:#666;
    --v20-border:#ffd500;
    --v20-green:#13d83e;
    --v20-text:#fff;
  }
  html{overflow-x:hidden!important;background:#180002!important}
  body{overflow-x:hidden!important;min-width:0!important;margin:0!important;background-color:#190002!important;background-attachment:scroll!important;font-family:Arial,Helvetica,sans-serif!important}
  body *{box-sizing:border-box}
  .v20-only{display:block!important}

  /* ===== REGISTER ===== */
  .page-register{padding:0!important;color:#fff!important}
  .page-register .skip-link,.page-register .ticker-wrap,.page-register .reg2-nav,.page-register .mobile-menu,.page-register .reg2-live-rail,.page-register .reg2-bottom-brand,.page-register .reg2-footer,.page-register .login-form,.page-register .mobile-toggle{display:none!important}
  .page-register .topbar{position:relative!important;top:auto!important;height:88px!important;min-height:88px!important;margin:0!important;border:0!important;border-bottom:1px solid #8d2e18!important;background:linear-gradient(180deg,#4e0005,#280003)!important;box-shadow:none!important}
  .page-register .topbar-inner{width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .page-register .brand{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}.page-register .brand-logo-native{display:block!important;width:210px!important;max-width:61vw!important;height:auto!important;max-height:62px!important;object-fit:contain!important}.page-register .brand-tagline{display:none!important}
  .v20-register-chat{display:flex!important;align-items:center!important;justify-content:center!important;width:126px!important;max-width:31vw!important;height:48px!important;border:2px solid #fff!important;border-radius:27px!important;background:linear-gradient(180deg,#ffde29,#e4a900)!important;color:#2c1700!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important}
  .page-register .reg2-main{padding:0!important;margin:0!important}.page-register .reg2-portal-shell,.page-register .reg2-portal-frame{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}
  .page-register .reg2-panel{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(26,0,2,.67)!important;backdrop-filter:none!important}
  .page-register .reg2-panel-head{padding:20px 27px 11px!important;border:0!important;border-bottom:1px solid #a06d30!important;background:transparent!important}.page-register .reg2-panel-head h1{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.1!important;text-transform:none!important}.page-register .reg2-panel-head p{display:none!important}
  .page-register .reg2-form{padding:9px 27px 25px!important;background:transparent!important}
  .page-register .reg2-section-title{margin:5px 0 9px!important;padding:11px 0 7px!important;border:0!important;border-bottom:1px solid #c49a47!important;border-radius:0!important;background:transparent!important}.page-register .reg2-section-title strong{color:#fff!important;font-size:18px!important}.page-register .reg2-section-title span{display:none!important}
  .page-register .reg2-fields{display:block!important}.page-register .reg2-row{display:grid!important;grid-template-columns:34% minmax(0,1fr)!important;align-items:center!important;gap:7px!important;margin:0 0 12px!important;padding:0!important}.page-register .reg2-row>label{margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.15!important;font-weight:500!important}.page-register .required{color:#ff4444!important}
  .page-register .reg2-control{min-width:0!important}.page-register .reg2-input,.page-register .reg2-select{width:100%!important;min-height:52px!important;height:52px!important;margin:0!important;padding:0 15px!important;border:1px solid #d0d0d0!important;border-radius:4px!important;background:#fff!important;color:#5a5557!important;font-size:14px!important;box-shadow:none!important}.page-register .reg2-input::placeholder{color:#8f8b8d!important}.page-register .reg2-feedback{display:none!important}.page-register .reg2-control[data-state="valid"] .reg2-state,.page-register .reg2-control[data-state="invalid"] .reg2-state,.page-register .reg2-control[data-state="checking"] .reg2-state{display:grid!important}
  .page-register .reg2-password{position:relative!important}.page-register .reg2-toggle{display:none!important}
  .page-register .reg2-phone{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important}.page-register .reg2-prefix{display:flex!important;align-items:center!important;justify-content:center!important;height:52px!important;background:#ffb000!important;color:#222!important;font-size:14px!important}.page-register .reg2-phone .reg2-input{border-radius:0 4px 4px 0!important}
  .page-register .reg2-captcha-control{grid-column:auto!important}.page-register .reg2-captcha-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:8px!important}.page-register .reg2-captcha-image{grid-column:1!important;width:100%!important;height:62px!important;object-fit:contain!important;background:#fff!important}.page-register .reg2-captcha-refresh{grid-column:2!important;width:48px!important;height:48px!important;align-self:center!important;border:0!important;border-radius:5px!important;background:#f3a800!important;color:#fff!important;font-size:24px!important}.page-register .reg2-captcha-input{grid-column:1/-1!important}.page-register .reg2-captcha-input .reg2-input{height:52px!important}
  .page-register .reg2-agreements{margin:7px 0 13px!important;padding:0!important;border:0!important;background:transparent!important}.page-register .reg2-agreements label{display:flex!important;align-items:flex-start!important;gap:5px!important;margin:2px 0!important;color:#fff!important;font-size:13px!important;line-height:1.25!important}.page-register .reg2-agreements input{width:20px!important;height:20px!important;margin:0!important;accent-color:#1594ff!important}.page-register .reg2-agree-error{font-size:10px!important}
  .page-register .reg2-submit-wrap{margin:0!important;padding:0!important}.page-register .reg2-submit{width:100%!important;height:55px!important;min-height:55px!important;margin:0!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#f21515,#b60000)!important;color:#140000!important;font-size:24px!important;font-weight:900!important;text-transform:none!important;box-shadow:inset 0 0 7px rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.35)!important}

  /* ===== RULES ===== */
  .page-rules{padding:0!important;color:#fff!important;background-position:center top!important}
  .page-rules .skip-link,.page-rules .ticker-wrap,.page-rules .mobile-menu,.page-rules .member-topbar,.page-rules .mobile-toggle,.page-rules .member-side,.page-rules .success-panel,.page-rules .account-notice,.page-rules .member-actions,.page-rules .footer,.page-rules .mobile-dock,.page-rules .asean-circle-menu{display:none!important}
  .page-rules .topbar{position:relative!important;height:86px!important;min-height:86px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #7d2c13!important;background:linear-gradient(180deg,#4c0005,#2a0003)!important}.page-rules .topbar-inner{width:100%!important;height:86px!important;min-height:86px!important;margin:0!important;padding:0 38px!important;display:flex!important;align-items:center!important}.page-rules .brand-logo-native{width:198px!important;max-width:61vw!important;height:auto!important}.page-rules .brand-tagline{display:none!important}
  .page-rules .rules-main{margin:0!important;padding:0!important;background:transparent!important}.page-rules .member-layout{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.page-rules .member-content{width:100%!important;margin:0!important;padding:0 32px 280px!important;background:transparent!important}.page-rules .rules-card{margin:0!important;padding:18px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.page-rules .rules-header{padding:0!important;text-align:center!important}.page-rules .rules-header small,.page-rules .rules-header p{display:none!important}.page-rules .rules-header h2{margin:0 0 25px!important;color:#ffe32a!important;font-size:28px!important;line-height:1!important;letter-spacing:1px!important;text-transform:uppercase!important}.page-rules .rules-list{margin:0!important;padding:0 8px 0 10px!important;color:#fff!important;font-size:14px!important;line-height:1.17!important;font-weight:700!important}.page-rules .rules-list li{margin:0 0 13px!important;padding:0!important;border:0!important;background:transparent!important}.page-rules .rules-agreement{margin:0!important;padding:2px 0!important;border:0!important;background:transparent!important}.page-rules .rules-actions>small{display:none!important}.page-rules .rules-agreement>label{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:8px 22px 0!important;color:#fff!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;cursor:pointer!important}.page-rules .rules-agreement>label span{display:block!important;min-width:0!important}.page-rules #rulesAgree{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;accent-color:#18c83f!important;cursor:pointer!important}.page-rules .rules-error{display:block!important;margin:7px 22px 0!important;color:#ff8b95!important;font-size:11px!important;font-weight:700!important}.page-rules .rules-error[hidden]{display:none!important}.page-rules .rules-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:92px!important;margin:14px 60px 0!important}.page-rules .rules-accept,.v20-rules-decline{min-height:44px!important;padding:0 14px!important;border:2px solid #66e67c!important;border-radius:4px!important;background:linear-gradient(180deg,#1dd946,#009b22)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-align:center!important}.v20-rules-decline{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}

  /* ===== SHARED AUTHENTICATED SHELL ===== */
  body.v20-auth-surface{padding:0!important;color:#fff!important;background-position:center top!important}
  .v20-auth-head{position:sticky!important;top:0!important;z-index:820!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 118px!important;align-items:center!important;gap:8px!important;width:100%!important;height:86px!important;padding:0 25px!important;border-bottom:1px solid #7a2d14!important;background:linear-gradient(180deg,#4e0005,#2c0003)!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}
  .v20-menu-open{width:42px!important;height:42px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:34px!important;line-height:1!important;text-align:center!important}.v20-auth-logo{display:flex!important;align-items:center!important;min-width:0!important}.v20-auth-logo img{display:block!important;width:205px!important;max-width:100%!important;height:auto!important;max-height:55px!important;object-fit:contain!important}.v20-deposit-head{display:flex!important;align-items:center!important;justify-content:center!important;height:43px!important;border:1px solid #ffed3a!important;border-radius:4px!important;background:linear-gradient(180deg,#ffe52f,#e3b400)!important;color:#2b1c00!important;text-decoration:none!important;font-size:15px!important;font-weight:800!important}
  .v20-account-band{display:grid!important;grid-template-columns:minmax(0,1fr) 115px!important;align-items:end!important;gap:8px!important;min-height:118px!important;padding:10px 26px 13px!important;border-bottom:4px solid #ffe000!important;background:linear-gradient(90deg,rgba(77,0,7,.96),rgba(48,0,5,.82)),url('../assets/pro-art/dragon-cloud-red-gold.webp') right center/170px auto no-repeat!important}.v20-account-copy{align-self:center!important}.v20-account-copy strong{display:block!important;margin:0 0 22px!important;color:#fff!important;font-size:20px!important;line-height:1!important}.v20-account-copy span{display:block!important;color:#fff!important;font-size:16px!important}.v20-refresh{align-self:end!important;justify-self:end!important;min-width:110px!important;height:38px!important;border:0!important;border-radius:5px!important;background:#05c234!important;color:#fff!important;font-size:16px!important;font-weight:800!important;box-shadow:0 1px 4px rgba(0,0,0,.35)!important}
  .v20-auth-drawer-mask{display:none!important;position:fixed!important;inset:0!important;z-index:880!important;background:rgba(0,0,0,.67)!important}.v20-auth-drawer-mask.open{display:block!important}.v20-auth-drawer{position:fixed!important;z-index:900!important;left:0!important;top:0!important;bottom:0!important;width:min(59vw,340px)!important;transform:translateX(-102%)!important;transition:transform .18s ease!important;overflow-y:auto!important;background:#050505!important;box-shadow:6px 0 18px rgba(0,0,0,.55)!important}.v20-auth-drawer.open{transform:translateX(0)!important}.v20-drawer-head{position:sticky!important;top:0!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;align-items:center!important;gap:6px!important;padding:10px 18px!important;background:#222!important}.v20-drawer-chat{display:flex!important;align-items:center!important;justify-content:center!important;height:47px!important;border:2px solid #fff!important;border-radius:27px!important;background:linear-gradient(180deg,#ffe02c,#e3aa00)!important;color:#261800!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important}.v20-drawer-close{height:45px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:36px!important;line-height:1!important}.v20-drawer-specials{display:grid!important;gap:12px!important;padding:18px 22px!important;background:linear-gradient(180deg,#ffd70a,#ffc61b)!important}.v20-drawer-specials a{display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;border:0!important;border-radius:27px!important;background:#090909!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;letter-spacing:1px!important;box-shadow:0 3px 7px rgba(0,0,0,.35)!important}.v20-drawer-list{display:block!important;margin:0!important;padding:0!important;list-style:none!important}.v20-drawer-list a,.v20-drawer-list button{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;min-height:68px!important;padding:0 20px!important;border:0!important;border-bottom:1px solid #4a3700!important;background:linear-gradient(90deg,#ffe020,#ffca13)!important;color:#222!important;text-decoration:none!important;text-align:left!important;font-size:18px!important;font-weight:500!important}.v20-drawer-icon{font-size:24px!important;text-align:center!important}.v20-drawer-badge{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:4px!important;background:#c80000!important;color:#fff!important;font-size:11px!important;font-weight:800!important}

  /* Hide old authenticated headers/sidebars/docks. */
  .page-member .ui-topbar,.page-member .sidebar,.page-member .mobile-dock,.page-member .asean-circle-menu,
  .page-transaction .top,.page-transaction .side,.page-transaction .mobile-dock,.page-transaction .asean-circle-menu,
  .page-number-history .topbar,.page-number-history .member-side,.page-number-history .mobile-dock,.page-number-history .asean-circle-menu,
  .page-game .app-header,.page-game .mobile-dock,.page-game .asean-circle-menu,
  .page-sportsbook .topbar,.page-sportsbook .sports-header,.page-sportsbook .mobile-dock,.page-sportsbook .asean-circle-menu{display:none!important}

  /* ===== MEMBER LOBBY ===== */
  .page-member .ui-shell{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}.page-member .main{width:100%!important;margin:0!important;padding:0!important}.page-member .main-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0 14px 26px!important}
  .page-member .game-hub{display:none!important}
  .v20-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:12px 14px 5px!important}.v20-category-grid button{min-width:0!important;height:80px!important;padding:7px 3px!important;border:1px solid #ffef53!important;border-radius:11px!important;background:linear-gradient(180deg,#ffe529,#ffbe10)!important;color:#211700!important;font-size:10px!important;font-weight:500!important;box-shadow:inset 0 1px rgba(255,255,255,.6)!important}.v20-category-grid button b{display:block!important;margin-bottom:8px!important;font-size:24px!important;line-height:1!important}.v20-category-grid button.is-active{background:linear-gradient(180deg,#fff040,#ffcb11)!important;box-shadow:0 0 0 2px rgba(255,231,0,.23)!important}.v20-category-grid .v20-cat-new{position:relative!important}.v20-category-grid .v20-cat-new::before{content:'NEW';position:absolute!important;left:0!important;top:0!important;padding:2px 6px!important;background:#f24b4b!important;color:#fff!important;font-size:7px!important;font-weight:900!important;transform:translateY(-8px)!important}
  .v20-lobby-search{display:block!important;width:calc(100% - 28px)!important;height:43px!important;margin:8px 14px 14px!important;padding:0 24px!important;border:1px solid #d7ae11!important;border-radius:23px!important;background:#2e2e2e!important;color:#fff!important;font-size:16px!important;text-align:center!important;outline:0!important}.v20-lobby-search::placeholder{color:#9f9f9f!important}
  .v20-official-box{display:grid!important;grid-template-columns:minmax(0,1fr) 42%!important;gap:12px!important;margin:0 14px 18px!important;padding:14px!important;border:2px solid #d2aa14!important;border-radius:12px!important;background:#101010!important;color:#fff!important}.v20-official-copy{min-width:0!important;text-align:center!important}.v20-official-copy strong{display:block!important;margin:3px 0 18px!important;font-size:14px!important;line-height:1.45!important}.v20-official-link{display:block!important;width:100%!important;margin:0 0 13px!important;padding:12px 6px!important;border-radius:4px!important;background:linear-gradient(180deg,#ffe128,#e4ad04)!important;color:#261a00!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v20-official-copy label{display:block!important;margin:0 0 7px!important;color:#fff!important;font-size:12px!important;text-align:left!important}.v20-official-copy select{width:100%!important;height:39px!important;border:0!important;border-radius:4px!important;background:#fff!important;color:#333!important;font-size:12px!important}.v20-copy-link{display:block!important;margin:8px 0 0!important;padding:8px 13px!important;border:0!important;border-radius:4px!important;background:#ffd51d!important;color:#261a00!important;font-size:11px!important;font-weight:800!important}.v20-official-copy small{display:block!important;margin-top:12px!important;color:#fff!important;font-size:8px!important;text-align:left!important}.v20-official-qr{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border:2px solid #d3aa16!important;border-radius:12px!important;background:#070707!important;padding:9px!important}.v20-official-qr img{display:block!important;width:100%!important;max-width:180px!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#fff!important}.v20-official-qr strong{margin-top:7px!important;font-size:12px!important;font-weight:500!important}
  .page-member .section{display:block!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.page-member .section[hidden]{display:none!important}.page-member .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:57px!important;margin:0 0 9px!important;padding:0 18px!important;border:1px solid #ffe53f!important;border-radius:17px!important;background:linear-gradient(180deg,#ffe228,#ffbd0b)!important;color:#241600!important}.page-member .section-head h2{margin:0!important;color:#241600!important;font-size:18px!important;line-height:1!important;text-transform:uppercase!important}.page-member .market-title-row{display:block!important}.page-member .market-total-badge,.page-member .category-tabs{display:none!important}.page-member .market-tools{display:none!important}
  .page-member .market-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}.page-member .market-card{position:relative!important;display:block!important;min-width:0!important;min-height:224px!important;padding:0!important;border:2px solid #ffdd00!important;border-radius:10px!important;background:rgba(27,8,9,.85)!important;background-image:var(--mc-bg-image)!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}.page-member .market-card::before{content:''!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:rgba(22,0,2,.46)!important;box-shadow:none!important;z-index:0!important}.page-member .market-card>*{position:relative!important;z-index:1!important}.page-member .market-identity{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;height:53px!important;padding:5px 8px!important;background:linear-gradient(180deg,#ffe128,#ffc812)!important}.page-member .market-logo{width:30px!important;height:30px!important;object-fit:contain!important;filter:none!important}.page-member .market-title-wrap h3{margin:0!important;color:#171100!important;font-size:12px!important;line-height:1.05!important;text-align:center!important}.page-member .market-card .status,.page-member .market-result-label{display:none!important}.page-member .market-card .number{display:flex!important;align-items:center!important;justify-content:center!important;height:104px!important;margin:0!important;padding:8px!important;color:#f5aa45!important;font-size:31px!important;line-height:1!important;letter-spacing:0!important;text-shadow:0 1px 2px #000!important}.page-member .market-card footer{display:flex!important;align-items:center!important;justify-content:center!important;height:64px!important;margin:0!important;padding:0 8px 10px!important;border:0!important}.page-member .market-card footer>span{color:#7bf49a!important;font-size:13px!important}.page-member .market-card footer button{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;width:calc(100% - 16px)!important;height:36px!important;padding:0!important;border:0!important;border-radius:4px!important;background:linear-gradient(180deg,#ef2525,#a40000)!important;color:#fff!important;font-size:11px!important;font-weight:800!important}.page-member .market-card footer button .market-arrow{display:none!important}.page-member .market-load-wrap{display:none!important}.page-member .market-card:nth-child(n+13) footer button{display:none!important}.page-member .market-card:nth-child(n+13) footer>span{display:block!important;margin-top:18px!important}
  .page-member .provider-grid,.page-member .slot-grid,.page-member .sport-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.page-member .provider-card,.page-member .slot-card{min-width:0!important;margin:0!important;padding:0!important;border:2px solid #e6d200!important;border-radius:9px!important;background:#160506!important;overflow:hidden!important;box-shadow:none!important}.page-member .provider-logo,.page-member .slot-visual{height:128px!important;margin:0!important;background:#090909!important}.page-member .provider-logo img,.page-member .slot-visual img{width:100%!important;height:100%!important;object-fit:cover!important}.page-member .provider-card>strong,.page-member .slot-card footer{display:none!important}.page-member .provider-card button,.page-member .provider-action,.page-member .slot-card>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;margin:0!important;border:0!important;border-radius:0!important;background:#79bd38!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important}.page-member .sport-grid .provider-card .provider-logo{height:148px!important}.page-member .sport-grid .provider-action{background:#111!important}
  .v20-bank-status{margin:5px 0 0!important;padding:5px 0 13px!important}.v20-bank-status h2{margin:0 0 12px!important;color:#fff!important;font-size:22px!important;text-align:center!important}.v20-bank-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.v20-bank-item{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:40px!important;padding:9px 4px 3px!important;border-radius:6px!important;background:#fff!important}.v20-bank-item img{display:block!important;max-width:88%!important;max-height:23px!important}.v20-bank-item i{position:absolute!important;left:5px!important;top:3px!important;color:#10a92a!important;font-size:6px!important;font-style:normal!important;font-weight:900!important}.v20-bank-item.trouble i{color:#756e00!important}.v20-bank-legend{display:flex!important;justify-content:space-around!important;gap:8px!important;margin-top:13px!important;padding:11px 8px!important;border-radius:8px!important;background:#151515!important;color:#fff!important;font-size:12px!important;font-weight:700!important}.v20-bank-legend span{display:flex!important;align-items:center!important;gap:6px!important}.v20-bank-legend b{width:14px!important;height:14px!important;border-radius:50%!important;background:#129128!important}.v20-bank-legend span:nth-child(2) b{background:#7f7700!important}.v20-bank-legend span:nth-child(3) b{background:#940c13!important}.v20-auth-footer{padding:26px 10px 22px!important;background:#080808!important;color:#aaa!important;font-size:10px!important;text-align:center!important}

  /* ===== TRANSACTIONS / CASHIER / ACCOUNT PAGES ===== */
  .page-transaction .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.page-transaction .layout{display:block!important;width:100%!important;margin:0!important;padding:0!important}.page-transaction .layout>section,.page-transaction .wrap>section{width:100%!important;margin:0!important;border-radius:0!important}.v20-page-title{display:flex!important;align-items:center!important;justify-content:center!important;min-height:63px!important;margin:0!important;padding:8px!important;background:#2d0003!important;color:#fff!important;font-size:24px!important;font-weight:800!important;border-top:1px solid #7a2e13!important}.v20-cashier-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;min-height:94px!important;background:#350003!important}.v20-cashier-tabs button{min-width:0!important;border:0!important;border-radius:0!important;background:#370003!important;color:#fff!important;font-size:12px!important}.v20-cashier-tabs button b{display:block!important;margin:0 auto 7px!important;font-size:31px!important;line-height:1!important}.v20-cashier-tabs button.active{background:linear-gradient(180deg,#ffe027,#ffc112)!important;color:#241600!important;border-radius:7px 7px 0 0!important}
  .page-deposit .layout>section.card{margin:15px 31px 136px!important;width:calc(100% - 62px)!important;padding:28px!important;border:0!important;border-radius:13px!important;background:#fff!important;color:#3e4146!important;box-shadow:none!important}.page-deposit .layout>section.card>h1{margin:0 0 8px!important;color:#4b4f55!important;font-size:20px!important;text-align:center!important}.page-deposit #depositNotice{margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important;color:#72777d!important;font-size:11px!important;text-align:center!important}.page-deposit .methods{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 14px!important}.page-deposit .method{min-height:64px!important;padding:7px!important;border:0!important;border-radius:4px!important;background:#e4e6ea!important;color:#333!important;font-size:10px!important}.page-deposit .method small{display:none!important}.page-deposit .method.active{background:#ffd521!important;color:#211700!important}.page-deposit .payment-detail{margin:0 0 14px!important;padding:12px!important;border:1px solid #ddd!important;border-radius:5px!important;background:#fff!important;color:#444!important}.page-deposit .payment-detail img{max-width:180px!important;margin:10px auto 0!important}.page-deposit .quick{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:10px 0 16px!important}.page-deposit .quick button{height:48px!important;border:0!important;border-radius:4px!important;background:#e4e6ea!important;color:#222!important;font-size:15px!important}.page-deposit form .field{margin:0 0 12px!important}.page-deposit form label{display:block!important;margin:0 0 6px!important;color:#555!important;font-size:12px!important}.page-deposit form input,.page-deposit form textarea{width:100%!important;min-height:50px!important;border:1px solid #ddd!important;border-radius:5px!important;background:#fff!important;color:#333!important;font-size:14px!important}.page-deposit #username,.page-deposit #referenceNumber,.page-deposit #proof,.page-deposit .proof-view,.page-deposit form .field:has(#note){display:none!important}.page-deposit .submit{width:100%!important;height:51px!important;border:0!important;border-radius:5px!important;background:#56606e!important;color:#fff!important;font-size:15px!important;font-weight:500!important}.page-deposit #message{color:#333!important}
  .page-withdraw .layout>section.card,.page-transaction:not(.page-deposit):not(.page-withdraw) .wrap>section.card,.page-transaction:not(.page-deposit):not(.page-withdraw) .layout>section.card{margin:14px 12px 120px!important;width:calc(100% - 24px)!important;padding:16px!important;border:1px solid #d5af1b!important;border-radius:8px!important;background:rgba(75,75,75,.94)!important;color:#fff!important}.page-withdraw .layout>section.card h1,.page-transaction .wrap>section.card h1{font-size:20px!important}.page-withdraw .notice,.page-transaction .notice{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.page-withdraw input,.page-withdraw textarea,.page-transaction:not(.page-deposit) input,.page-transaction:not(.page-deposit) textarea,.page-transaction:not(.page-deposit) select{min-height:46px!important;background:#fff!important;color:#333!important;border:0!important;border-radius:4px!important}.page-withdraw .quick{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.page-withdraw .quick button{min-height:43px!important}.page-withdraw .submit,.page-transaction .btn{min-height:52px!important;border:0!important;border-radius:3px!important;background:#14df43!important;color:#fff!important;font-weight:900!important}.page-transaction .table{min-width:760px!important}.page-transaction .table-wrap,.page-transaction .card>div[style*='overflow']{overflow-x:auto!important}

  /* ===== NUMBER HISTORY ===== */
  .page-number-history .main,.page-number-history main{width:100%!important;margin:0!important;padding:12px!important}.page-number-history .history-layout,.page-number-history .member-layout{display:block!important;width:100%!important}.page-number-history .history-card,.page-number-history .card{border-radius:7px!important}.page-number-history table{min-width:700px!important}

  /* ===== TOTO BETTING ===== */
  .page-game .workspace,.page-game .reference-workspace{display:block!important;width:100%!important;margin:0!important;padding:8px!important}.page-game .reference-game-panel{position:static!important;width:100%!important;margin:0 0 8px!important}.page-game .reference-game-panel nav,.page-game .reference-game-panel .game-list{display:flex!important;overflow-x:auto!important;gap:5px!important}.page-game .reference-entry-stage{width:100%!important}.page-game .reference-bet-card,.page-game .panel-card{border-radius:8px!important}.page-game .table-wrap{overflow-x:auto!important}.page-game table{min-width:690px!important}

  /* ===== SPORTSBOOK ===== */
  .page-sportsbook{padding-bottom:0!important}.page-sportsbook .sports-layout,.page-sportsbook .workspace{display:block!important;width:100%!important;margin:0!important}.page-sportsbook .sports-panel{position:fixed!important;z-index:860!important;left:0!important;top:86px!important;bottom:0!important;width:min(78vw,320px)!important;transform:translateX(-103%)!important}.page-sportsbook .sports-panel.open{transform:translateX(0)!important}.page-sportsbook .sports-main{width:100%!important;margin:0!important;padding:8px!important}.page-sportsbook .main-toolbar{display:block!important;padding:8px!important}.page-sportsbook .toolbar-title h1{font-size:17px!important}.page-sportsbook .toolbar-actions{display:grid!important;grid-template-columns:96px 1fr!important;gap:5px!important}.page-sportsbook .tier1-sport-strip,.page-sportsbook .market-tabs,.page-sportsbook .period-tabs,.page-sportsbook .league-chip-row,.page-sportsbook .date-navigation{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:4px!important}.page-sportsbook .bet-slip{position:fixed!important;z-index:850!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:72vh!important;border-radius:14px 14px 0 0!important}.page-sportsbook .mobile-slip-dock{bottom:0!important}

  /* compact responsive tuning */
  @media (max-width:420px){
    .v20-auth-head{grid-template-columns:38px minmax(0,1fr) 92px!important;height:76px!important;padding:0 15px!important}.v20-auth-logo img{width:170px!important}.v20-deposit-head{height:39px!important;font-size:13px!important}.v20-account-band{min-height:105px!important;padding:9px 19px 10px!important}.v20-account-copy strong{font-size:18px!important;margin-bottom:18px!important}.v20-account-copy span{font-size:14px!important}.v20-refresh{min-width:94px!important;height:35px!important;font-size:14px!important}.v20-auth-drawer{width:59vw!important}.v20-drawer-list a,.v20-drawer-list button{min-height:61px!important;padding:0 14px!important;font-size:16px!important}.v20-category-grid{padding-left:10px!important;padding-right:10px!important}.v20-category-grid button{height:70px!important;font-size:8.8px!important}.v20-category-grid button b{font-size:21px!important}.v20-official-box{margin-left:10px!important;margin-right:10px!important;padding:10px!important}.page-member .main-inner{padding-left:10px!important;padding-right:10px!important}.page-member .market-grid{gap:8px!important}.page-member .market-card{min-height:204px!important}.page-member .market-identity{height:49px!important}.page-member .market-title-wrap h3{font-size:10.5px!important}.page-member .market-card .number{height:94px!important;font-size:28px!important}.page-member .provider-logo,.page-member .slot-visual{height:112px!important}.page-register .reg2-form{padding-left:18px!important;padding-right:18px!important}.page-register .reg2-row{grid-template-columns:34% minmax(0,1fr)!important}.page-rules .member-content{padding-left:24px!important;padding-right:24px!important}.page-rules .rules-actions{gap:70px!important;margin-left:40px!important;margin-right:40px!important}
  }
}
@media (max-width:767px){
  .page-register .ref-member-strips{display:none!important}
  .page-register .reg2-form>.reg2-section-title:first-of-type{display:none!important}
  .page-register .reg2-panel-head{padding-top:17px!important;padding-bottom:9px!important}
}
@media (max-width:767px){
  .v20-auth-surface .ref-member-strips,.page-rules .ref-member-strips{display:none!important}
  .page-register .reg2-panel::before,.page-register .reg2-panel::after,.page-register .reg2-panel-head::before,.page-register .reg2-panel-head::after,.page-register .reg2-form::before,.page-register .reg2-form::after{display:none!important;content:none!important}
  .page-register .reg2-password{display:block!important;width:100%!important}
  .page-register .reg2-password .reg2-input{width:100%!important}
  .page-rules .rules-card::before,.page-rules .rules-card::after,.page-rules .rules-header::before,.page-rules .rules-header::after{display:none!important;content:none!important}
}

@media (max-width:767px){
  /* V20 authoritative mobile display fixes: v20-only must not force flex on drawers/grids. */
  .v20-auth-drawer{display:block!important;flex:none!important}
  .v20-auth-drawer.open{transform:translateX(0)!important}
  .v20-drawer-head{width:100%!important;height:auto!important;min-height:67px!important}
  .v20-drawer-specials,.v20-drawer-list{width:100%!important;height:auto!important}
  .v20-auth-drawer-mask{display:none!important}.v20-auth-drawer-mask.open{display:block!important}
  .page-member .section-head::before,.page-member .section-head::after,
  .page-member .market-card::before,.page-member .market-card::after,
  .page-member .provider-card::before,.page-member .provider-card::after,
  .page-member .slot-card::before,.page-member .slot-card::after{display:none!important;content:none!important}
  .page-member .market-card{overflow:hidden!important}

  /* Cashier modes follow the supplied mobile reference while retaining the existing deposit engine. */
  .page-deposit .layout{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .page-deposit .layout>section.card{position:relative!important}
  .v20-deposit-intro{text-align:center!important;color:#484c52!important}
  .v20-deposit-intro h2{margin:0 0 5px!important;font-size:20px!important;font-weight:500!important}
  .v20-deposit-intro p{margin:0 0 19px!important;color:#70757c!important;font-size:12px!important}
  .v20-deposit-intro h3{margin:0 0 14px!important;color:#111!important;font-size:15px!important;letter-spacing:.4px!important}
  .v20-qris-mark{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 auto 24px!important;color:#050505!important;font-size:34px!important;font-weight:900!important;letter-spacing:-3px!important}
  .v20-qris-mark small{display:block!important;max-width:142px!important;color:#111!important;font-size:11px!important;line-height:1.12!important;letter-spacing:0!important;text-align:left!important;font-weight:800!important}
  .v20-quick{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:10px 0 16px!important}
  .v20-quick button{height:44px!important;border:0!important;border-radius:4px!important;background:#e5e7eb!important;color:#222!important;font-size:14px!important}
  .page-deposit.v20-deposit-qris-mode .methods,.page-deposit.v20-deposit-qris-mode>.methods,
  .page-deposit.v20-deposit-qris-mode .layout>section.card>h1,
  .page-deposit.v20-deposit-qris-mode #depositNotice,
  .page-deposit.v20-deposit-qris-mode .quick{display:none!important}
  .page-deposit.v20-deposit-qris-mode .payment-detail{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important}
  .page-deposit.v20-deposit-qris-mode .payment-detail>div{display:none!important}
  .page-deposit.v20-deposit-qris-mode .payment-detail img{display:block!important;width:170px!important;max-width:55vw!important;height:auto!important;margin:0 auto 18px!important}
  .page-deposit.v20-deposit-qris-mode #amount{font-size:14px!important;padding-left:15px!important}
  .page-deposit.v20-deposit-qris-mode .submit{background:#555f6e!important;text-transform:uppercase!important}
  .page-deposit.v20-deposit-qris-mode .submit::after{content:''}

  .page-deposit.v20-deposit-ewallet-mode .layout>section.card,
  .page-deposit.v20-deposit-bank-mode .layout>section.card{margin:0 0 120px!important;width:100%!important;padding:12px 8px 16px!important;border-radius:0!important;background:rgba(100,100,100,.97)!important;color:#fff!important}
  .page-deposit.v20-deposit-ewallet-mode .v20-deposit-intro,
  .page-deposit.v20-deposit-bank-mode .v20-deposit-intro,
  .page-deposit.v20-deposit-ewallet-mode .v20-qris-mark,
  .page-deposit.v20-deposit-bank-mode .v20-qris-mark,
  .page-deposit.v20-deposit-ewallet-mode .v20-quick,
  .page-deposit.v20-deposit-bank-mode .v20-quick,
  .page-deposit.v20-deposit-ewallet-mode .quick,
  .page-deposit.v20-deposit-bank-mode .quick,
  .page-deposit.v20-deposit-ewallet-mode .methods,
  .page-deposit.v20-deposit-bank-mode .methods,
  .page-deposit.v20-deposit-ewallet-mode .layout>section.card>h1,
  .page-deposit.v20-deposit-bank-mode .layout>section.card>h1,
  .page-deposit.v20-deposit-ewallet-mode #depositNotice,
  .page-deposit.v20-deposit-bank-mode #depositNotice{display:none!important}
  .page-deposit.v20-deposit-ewallet-mode .payment-detail,
  .page-deposit.v20-deposit-bank-mode .payment-detail{display:block!important;margin:0 0 12px!important;padding:8px 0 12px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.55)!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:13px!important}
  .page-deposit.v20-deposit-ewallet-mode .payment-detail img,
  .page-deposit.v20-deposit-bank-mode .payment-detail img{max-width:165px!important;margin:8px auto!important;background:#fff!important;border-radius:3px!important}
  .page-deposit.v20-deposit-ewallet-mode form label,
  .page-deposit.v20-deposit-bank-mode form label{color:#fff!important;font-size:14px!important}
  .page-deposit.v20-deposit-ewallet-mode .submit,
  .page-deposit.v20-deposit-bank-mode .submit{height:54px!important;background:#16df43!important;font-weight:900!important;text-transform:none!important}
  .v20-mode-note{display:none!important;margin:12px -8px -16px!important;padding:14px 22px 18px!important;border-top:1px solid rgba(255,255,255,.35)!important;background:rgba(105,105,105,.97)!important;color:#fff!important;font-size:13px!important;line-height:1.35!important}
  .v20-deposit-ewallet-mode .v20-mode-note{display:block!important}
  .v20-mode-note h3{margin:0 0 8px!important;text-align:center!important;font-size:16px!important}.v20-mode-note ol{margin:0!important;padding-left:22px!important}

  .page-register .reg2-row:has(label[for="referral"]),.page-register .reg2-row.referral-row{min-height:34px!important}
}

@media (max-width:767px){
  .page-register .topbar::before,.page-register .topbar::after,.page-register .topbar-inner::before,.page-register .topbar-inner::after,
  .page-rules .topbar::before,.page-rules .topbar::after,.page-rules .topbar-inner::before,.page-rules .topbar-inner::after,
  .page-deposit .layout>section.card::before,.page-deposit .layout>section.card::after,
  .page-deposit .payment-detail::before,.page-deposit .payment-detail::after{display:none!important;content:none!important;background:none!important}
  .page-member .section-head{background:#ffd21b!important;background-image:linear-gradient(180deg,#ffe228,#ffbd0b)!important;box-shadow:none!important}
  .page-member .market-card::before{display:block!important;content:''!important;position:absolute!important;inset:53px 0 0!important;background:rgba(16,0,2,.33)!important;z-index:0!important}
  .page-member .market-card::after{display:none!important;content:none!important}

  .page-deposit form .field:has(#username),
  .page-deposit form .field:has(#referenceNumber),
  .page-deposit form .field:has(#proof),
  .page-deposit form .field:has(#note){display:none!important}
  .page-deposit form .field:has(#amount){display:block!important}
  .v20-member-bank-info{display:none!important;margin:0 0 12px!important;padding:8px 0 10px!important;border-bottom:1px solid rgba(255,255,255,.55)!important;color:#fff!important;font-size:14px!important;line-height:1.45!important}
  .v20-member-bank-info div{display:grid!important;grid-template-columns:42% 1fr!important;gap:7px!important}.v20-member-bank-info b{font-weight:500!important}
  .v20-ewallet-member{display:none!important;margin:0 0 14px!important;color:#fff!important;font-size:14px!important}.v20-ewallet-member b{font-weight:500!important}
  .v20-deposit-bank-mode .v20-member-bank-info{display:block!important}
  .v20-deposit-ewallet-mode .v20-ewallet-member{display:block!important}
  .v20-deposit-ewallet-mode .payment-detail img{display:none!important}
  .v20-deposit-ewallet-mode .payment-detail{padding-bottom:6px!important}
  .v20-deposit-ewallet-mode .payment-detail .copy-row{display:none!important}
  .v20-deposit-ewallet-mode form .field:has(#amount){display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;align-items:center!important;gap:7px!important}
  .v20-deposit-ewallet-mode form .field:has(#amount) label{margin:0!important}.v20-deposit-ewallet-mode #amount{min-height:42px!important}
  .v20-deposit-bank-mode form .field:has(#amount){display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;align-items:center!important;gap:7px!important}.v20-deposit-bank-mode form .field:has(#amount) label{margin:0!important}.v20-deposit-bank-mode #amount{min-height:42px!important}
}


/* R6.9.0.23 V20 HF5 — mobile visual hierarchy and overflow hardening */
@media (max-width:767px){
  /* Native platform typography avoids external-font latency and layout shift. */
  body{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }

  /* Lobby rhythm: restrained enterprise surface, consistent section geometry. */
  .page-member .main-inner{padding:0 10px 28px!important}
  .page-member .section{
    margin:0 0 16px!important;
    padding:8px!important;
    border:1px solid rgba(255,214,37,.24)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(43,4,8,.78),rgba(18,2,4,.74))!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }
  .page-member .section-head{
    min-height:44px!important;
    margin:0 0 10px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,235,111,.88)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#ffe85a 0%,#ffd51e 52%,#e9a900 100%)!important;
    color:#241700!important;
    box-shadow:inset 0 1px rgba(255,255,255,.7),0 2px 7px rgba(0,0,0,.24)!important;
  }
  .page-member .section-head>div{min-width:0!important;width:100%!important}
  .page-member .section-head h2{
    max-width:100%!important;
    margin:0!important;
    color:#261800!important;
    font-size:14.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Official-link panel gets hierarchy without adding visual noise. */
  .v20-official-box{
    gap:10px!important;
    margin:0 10px 16px!important;
    padding:11px!important;
    border:1px solid rgba(255,220,54,.82)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(18,18,18,.98),rgba(5,5,5,.98))!important;
    box-shadow:0 7px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important;
  }
  .v20-official-copy strong{margin:2px 0 13px!important;font-size:12.5px!important;line-height:1.35!important;font-weight:750!important}
  .v20-official-link{margin:0 0 10px!important;padding:10px 7px!important;font-size:11.5px!important;border-radius:5px!important}
  .v20-official-copy label{font-size:10.5px!important}.v20-official-copy select{height:37px!important;font-size:11px!important}
  .v20-copy-link{padding:8px 11px!important;font-size:10.5px!important;border-radius:5px!important}
  .v20-official-copy small{margin-top:9px!important;font-size:7.5px!important;line-height:1.3!important}
  .v20-official-qr{border-width:1px!important;border-radius:10px!important;padding:8px!important}.v20-official-qr strong{font-size:10px!important;letter-spacing:.15px!important}

  /* TOTO cards: long names never leave their header; every CTA uses the same geometry. */
  .page-member .market-grid{gap:8px!important;align-items:stretch!important}
  .page-member .market-card{
    min-height:218px!important;
    border:1px solid rgba(255,220,0,.92)!important;
    border-radius:11px!important;
    background-color:#1c0608!important;
    box-shadow:0 5px 14px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  }
  .page-member .market-identity{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:5px!important;
    height:48px!important;
    padding:5px 7px!important;
    background:linear-gradient(180deg,#ffe95c 0%,#ffd423 58%,#eeb312 100%)!important;
    border-bottom:1px solid rgba(58,33,0,.25)!important;
  }
  .page-member .market-logo{width:27px!important;height:27px!important;min-width:27px!important}
  .page-member .market-title-wrap{min-width:0!important;width:100%!important;overflow:hidden!important}
  .page-member .market-title-wrap h3{
    display:-webkit-box!important;
    max-width:100%!important;
    margin:0!important;
    color:#201600!important;
    font-size:clamp(8.6px,2.45vw,10.1px)!important;
    line-height:1.13!important;
    font-weight:800!important;
    letter-spacing:-.08px!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .page-member .market-card .number{
    height:92px!important;
    padding:8px 5px!important;
    color:#f2a743!important;
    font-size:27px!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
    text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
  }
  .page-member .market-card footer{
    height:78px!important;
    padding:5px 7px 45px!important;
    justify-content:flex-start!important;
  }
  .page-member .market-card footer>span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#76e995!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:600!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .page-member .market-card footer button,
  .page-member .market-card:nth-child(n+13) footer button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    width:calc(100% - 14px)!important;
    height:34px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:6px!important;
    background:linear-gradient(180deg,#f5262d 0%,#d70810 52%,#a50007 100%)!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),0 2px 6px rgba(0,0,0,.28)!important;
  }
  .page-member .market-card:nth-child(n+13) footer>span{display:block!important;margin:0!important}

  /* Provider and slot cards share one grid and one CTA baseline. */
  .page-member .provider-grid,.page-member .slot-grid,.page-member .sport-grid{gap:9px!important;align-items:stretch!important}
  .page-member .provider-card,.page-member .slot-card{
    position:relative!important;
    display:grid!important;
    grid-template-rows:112px 42px!important;
    min-width:0!important;
    min-height:154px!important;
    border:1px solid rgba(255,220,35,.82)!important;
    border-radius:10px!important;
    background:#100405!important;
    box-shadow:0 5px 14px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.02)!important;
    overflow:hidden!important;
  }
  .page-member .provider-logo,.page-member .slot-visual{
    position:relative!important;
    height:112px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#150608,#090909)!important;
  }
  .page-member .provider-logo::after,.page-member .slot-visual::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 46%,rgba(0,0,0,.22))!important;
  }
  .page-member .provider-logo img,.page-member .slot-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .page-member .provider-card button,.page-member .provider-action,.page-member .slot-card>button{
    height:42px!important;
    min-height:42px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    background:linear-gradient(180deg,#83c945 0%,#66b62d 55%,#4d951e 100%)!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.18px!important;
    text-shadow:0 1px rgba(0,0,0,.22)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
  }
  .page-member .sport-grid .provider-card{grid-template-rows:122px 42px!important;min-height:164px!important}
  .page-member .sport-grid .provider-card .provider-logo{height:122px!important}
  .page-member .sport-grid .provider-action{background:linear-gradient(180deg,#282828,#111)!important;border-top-color:rgba(255,210,32,.48)!important}

  /* Tap and focus states are visible without oversized typography. */
  .page-member .market-card footer button:active,
  .page-member .provider-card button:active,
  .page-member .provider-action:active,
  .page-member .slot-card>button:active{transform:translateY(1px)!important;filter:brightness(.94)!important}
  .page-member button:focus-visible,.page-member a:focus-visible{outline:2px solid #fff3a0!important;outline-offset:2px!important}
}

@media (max-width:380px){
  .page-member .section{padding:7px!important}
  .page-member .section-head{min-height:42px!important;padding:0 10px!important}.page-member .section-head h2{font-size:13.5px!important}
  .page-member .market-grid,.page-member .provider-grid,.page-member .slot-grid,.page-member .sport-grid{gap:7px!important}
  .page-member .market-identity{grid-template-columns:26px minmax(0,1fr)!important;padding-left:6px!important;padding-right:6px!important}.page-member .market-logo{width:25px!important;height:25px!important;min-width:25px!important}.page-member .market-title-wrap h3{font-size:clamp(8.2px,2.4vw,9.3px)!important}
  .page-member .provider-card,.page-member .slot-card{grid-template-rows:106px 40px!important;min-height:146px!important}.page-member .provider-logo,.page-member .slot-visual{height:106px!important}.page-member .provider-card button,.page-member .provider-action,.page-member .slot-card>button{height:40px!important;min-height:40px!important;font-size:11px!important}
  .page-member .sport-grid .provider-card{grid-template-rows:116px 40px!important;min-height:156px!important}.page-member .sport-grid .provider-card .provider-logo{height:116px!important}
}

/* R6.9.0.23 V20 HF6 — premium mobile section bars, contained market identity, richer existing WEBP art */
@media (max-width:767px){
  /* Section titles: exact vertical centering + restrained metallic treatment. */
  .page-member .section-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 14px!important;
    overflow:hidden!important;
    border:1px solid rgba(224,181,70,.78)!important;
    border-radius:11px!important;
    background:
      linear-gradient(180deg,rgba(59,12,17,.97) 0%,rgba(30,7,10,.98) 53%,rgba(12,4,6,.99) 100%),
      url('../assets/pro-art/pattern-brocade-dark.webp') center/cover no-repeat!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(189,133,27,.24),0 4px 12px rgba(0,0,0,.24)!important;
  }
  .page-member .section-head::before{
    display:block!important;
    content:''!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:3px!important;
    height:3px!important;
    background:url('../assets/ui-r690/header-ornament.webp') center/100% 100% no-repeat!important;
    opacity:.44!important;
    pointer-events:none!important;
  }
  .page-member .section-head::after{
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(108deg,transparent 0 35%,rgba(255,239,180,.045) 44%,rgba(255,255,255,.095) 50%,rgba(255,239,180,.035) 56%,transparent 66%)!important;
    pointer-events:none!important;
  }
  .page-member .section-head>div{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
  }
  .page-member .section-head h2{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#f2cf79!important;
    background:linear-gradient(180deg,#fff7d2 0%,#f6d77f 33%,#b77918 54%,#ffe9a3 76%,#d19a35 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    font-size:13.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.75px!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 8px rgba(238,190,69,.10)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
  }

  /* Existing shipped WEBP artwork becomes ambient section art, never a new external dependency. */
  .page-member .section[data-category="pools"]{
    background-image:linear-gradient(180deg,rgba(45,5,9,.90),rgba(14,3,5,.94)),url('../assets/category-backgrounds/toto.webp')!important;
    background-size:cover!important;background-position:center top!important;
  }
  .page-member .section[data-category="casino"]{
    background-image:linear-gradient(180deg,rgba(28,7,11,.88),rgba(10,4,6,.94)),url('../assets/category-backgrounds/live.webp')!important;
    background-size:cover!important;background-position:center!important;
  }
  .page-member .section[data-category="slot"]{
    background-image:linear-gradient(180deg,rgba(28,7,11,.88),rgba(10,4,6,.94)),url('../assets/category-backgrounds/slot.webp')!important;
    background-size:cover!important;background-position:center!important;
  }
  .page-member .section[data-category="sports"]{
    background-image:linear-gradient(180deg,rgba(14,10,13,.88),rgba(7,5,7,.95)),url('../assets/category-backgrounds/sports.webp')!important;
    background-size:cover!important;background-position:center!important;
  }

  /* TOTO: logo must stay inside the 44px identity rail and artwork remains visible. */
  .page-member .market-card{
    min-height:214px!important;
    background-color:#160507!important;
    background-image:
      linear-gradient(180deg,rgba(18,4,6,.04) 0%,rgba(15,3,5,.12) 40%,rgba(11,2,4,.50) 74%,rgba(8,2,3,.72) 100%),
      var(--mc-bg-image)!important;
    background-size:100% 100%,cover!important;
    background-position:center,center!important;
    background-repeat:no-repeat!important;
  }
  .page-member .market-card::before{
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:44px 0 0!important;
    z-index:0!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(12,2,4,.08),rgba(10,2,4,.38) 62%,rgba(7,1,3,.58))!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .page-member .market-card::after{
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:url('../assets/ui-r690/card-frame-gold.webp') center/100% 100% no-repeat!important;
    opacity:.10!important;
    pointer-events:none!important;
  }
  .page-member .market-card>*{position:relative!important;z-index:2!important}
  .page-member .market-identity{
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    height:44px!important;
    min-height:44px!important;
    padding:5px 7px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#f8d85f 0%,#eab938 54%,#c78a1c 100%)!important;
    border-bottom:1px solid rgba(69,39,3,.48)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.55)!important;
  }
  .page-member .market-logo{
    box-sizing:border-box!important;
    flex:none!important;
    align-self:center!important;
    justify-self:center!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    margin:0!important;
    padding:2px!important;
    border:1px solid rgba(70,38,4,.28)!important;
    border-radius:6px!important;
    background:rgba(46,20,5,.09)!important;
    box-shadow:none!important;
    filter:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  .page-member .market-card:hover .market-logo,.page-member .market-card:focus-visible .market-logo{transform:none!important}
  .page-member .market-title-wrap h3{
    font-size:clamp(8.4px,2.35vw,9.7px)!important;
    line-height:1.08!important;
    font-weight:850!important;
    letter-spacing:-.12px!important;
  }
  .page-member .market-card .number{height:94px!important;color:#f5bd61!important;text-shadow:0 2px 4px rgba(0,0,0,.82),0 0 12px rgba(211,145,42,.12)!important}
  .page-member .market-card footer{height:76px!important}

  /* Provider areas: modern depth using real bundled category/provider art, not decorative filler. */
  .page-member .provider-card,.page-member .slot-card{
    border-color:rgba(213,169,64,.62)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.022)!important;
  }
  .page-member .provider-logo::before,.page-member .slot-visual::before{
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(115deg,transparent 0 39%,rgba(255,255,255,.04) 48%,transparent 57%),linear-gradient(180deg,transparent 52%,rgba(0,0,0,.20))!important;
    pointer-events:none!important;
  }
  .page-member .provider-logo img,.page-member .slot-visual img{position:relative!important;z-index:0!important;filter:saturate(.98) contrast(1.025)!important}
}

@media (max-width:380px){
  .page-member .section-head{height:42px!important;min-height:42px!important}.page-member .section-head h2{font-size:12.8px!important;letter-spacing:.62px!important}
  .page-member .market-identity{grid-template-columns:22px minmax(0,1fr)!important;height:42px!important;min-height:42px!important;padding:5px 6px!important}.page-member .market-logo{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;padding:2px!important;border-radius:5px!important}.page-member .market-title-wrap h3{font-size:clamp(8px,2.3vw,9px)!important}
  .page-member .market-card::before{inset:42px 0 0!important}
}


/* R6.9.0.23 V20 HF7 — mobile hierarchy, featured discovery, rhythm and initial-data polish */
@media (max-width:767px){
  /* Overall rhythm: fewer equally-loud borders, clearer separation between content groups. */
  .page-member .main-inner{padding:0 10px 32px!important}
  .page-member .section{
    margin:0 0 20px!important;
    padding:8px!important;
    border-color:rgba(211,169,68,.28)!important;
    border-radius:15px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)!important;
  }
  .page-member .section-head{margin-bottom:11px!important}

  /* Featured discovery rail breaks the repetitive header + 2-column-grid rhythm. */
  .v20-featured-stage{
    display:block!important;
    margin:0 10px 18px!important;
    padding:0!important;
  }
  .v20-featured-heading{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 2px 9px!important;
  }
  .v20-featured-heading>div{min-width:0!important}
  .v20-featured-heading span{
    display:block!important;
    margin-bottom:2px!important;
    color:#d9ae57!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:1.15px!important;
    text-transform:uppercase!important;
  }
  .v20-featured-heading h2{
    margin:0!important;
    color:#f7efe7!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:760!important;
    letter-spacing:-.2px!important;
  }
  .v20-featured-heading small{color:#9b8988!important;font-size:8.5px!important;white-space:nowrap!important}
  .v20-featured-rail{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(224px,72vw)!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 4px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
  }
  .v20-featured-rail::-webkit-scrollbar{display:none!important}
  .v20-featured-card{
    position:relative!important;
    display:flex!important;
    align-items:flex-end!important;
    min-height:132px!important;
    padding:13px!important;
    overflow:hidden!important;
    border:1px solid rgba(218,176,70,.58)!important;
    border-radius:13px!important;
    background-color:#16080b!important;
    background-image:linear-gradient(180deg,rgba(8,4,5,.04),rgba(8,3,5,.26) 45%,rgba(7,2,4,.92) 100%),var(--v20-feature-image)!important;
    background-size:cover!important;
    background-position:center!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 9px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)!important;
    scroll-snap-align:start!important;
    transform:translateZ(0)!important;
    transition:transform .18s ease,filter .18s ease,border-color .18s ease!important;
  }
  .v20-featured-card::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(110deg,transparent 15%,rgba(255,239,187,.05) 48%,transparent 68%)!important;
  }
  .v20-featured-card:active{transform:scale(.986)!important;filter:brightness(.96)!important}
  .v20-featured-card:focus-visible{outline:2px solid #f2d47e!important;outline-offset:2px!important}
  .v20-featured-copy{position:relative!important;z-index:2!important;min-width:0!important}
  .v20-featured-copy b{
    display:inline-flex!important;
    align-items:center!important;
    min-height:20px!important;
    margin:0 0 7px!important;
    padding:0 7px!important;
    border:1px solid rgba(240,207,119,.48)!important;
    border-radius:999px!important;
    background:rgba(16,6,8,.66)!important;
    color:#f3d784!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.7px!important;
  }
  .v20-featured-copy strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.15px!important;text-shadow:0 2px 7px rgba(0,0,0,.72)!important}
  .v20-featured-copy small{display:block!important;margin-top:4px!important;color:#dacdca!important;font-size:9px!important;line-height:1.25!important}

  /* One hero card per entertainment section creates hierarchy without adding new content. */
  .page-member .section[data-category="casino"] .provider-grid>.provider-card:first-child,
  .page-member .section[data-category="slot"] .slot-grid>.slot-card:first-child,
  .page-member .section[data-category="sports"] .sport-grid>.provider-card:first-child{
    grid-column:1/-1!important;
    grid-template-rows:148px 42px!important;
    min-height:190px!important;
    border-color:rgba(229,190,86,.76)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.03)!important;
  }
  .page-member .section[data-category="casino"] .provider-grid>.provider-card:first-child .provider-logo,
  .page-member .section[data-category="slot"] .slot-grid>.slot-card:first-child .slot-visual,
  .page-member .section[data-category="sports"] .sport-grid>.provider-card:first-child .provider-logo{height:148px!important}
  .page-member .section[data-category="casino"] .provider-grid>.provider-card:first-child::before,
  .page-member .section[data-category="slot"] .slot-grid>.slot-card:first-child::before,
  .page-member .section[data-category="sports"] .sport-grid>.provider-card:first-child::before{
    content:'PILIHAN UTAMA'!important;
    position:absolute!important;
    z-index:5!important;
    top:9px!important;
    left:9px!important;
    padding:5px 8px!important;
    border:1px solid rgba(237,204,114,.50)!important;
    border-radius:999px!important;
    background:rgba(13,6,7,.74)!important;
    color:#f1d57f!important;
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.75px!important;
    box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
    pointer-events:none!important;
  }

  /* CTA interaction uses subtle physical feedback rather than constant glow. */
  .page-member .market-card footer button,
  .page-member .provider-card button,
  .page-member .provider-action,
  .page-member .slot-card>button{
    transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .page-member .market-card footer button:active,
  .page-member .provider-card button:active,
  .page-member .provider-action:active,
  .page-member .slot-card>button:active{transform:scale(.985)!important;filter:brightness(.93)!important}

  /* Initial market hydration: real loading state only until the first endpoint attempt finishes. */
  .page-member #markets.market-hydrating .market-card:not([hidden]) .number,
  .page-member #markets.market-hydrating .market-card:not([hidden]) footer>span{color:transparent!important;text-shadow:none!important}
  .page-member #markets.market-hydrating .market-card:not([hidden]) .number::after{
    content:''!important;
    display:block!important;
    width:58%!important;
    height:14px!important;
    margin:auto!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(231,190,96,.08),rgba(249,224,161,.25),rgba(231,190,96,.08))!important;
    background-size:220% 100%!important;
    animation:v20-market-skeleton 1.05s ease-in-out infinite!important;
  }
  .page-member #markets.market-hydrating .market-card:not([hidden]) footer>span::after{
    content:''!important;
    display:block!important;
    width:66%!important;
    height:8px!important;
    margin:0 auto!important;
    border-radius:999px!important;
    background:rgba(224,203,156,.18)!important;
  }
  @keyframes v20-market-skeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}
}

@media (max-width:380px){
  .v20-featured-rail{grid-auto-columns:minmax(214px,76vw)!important;gap:8px!important}
  .v20-featured-card{min-height:124px!important;padding:11px!important}
  .v20-featured-copy strong{font-size:14px!important}
  .page-member .section[data-category="casino"] .provider-grid>.provider-card:first-child,
  .page-member .section[data-category="slot"] .slot-grid>.slot-card:first-child,
  .page-member .section[data-category="sports"] .sport-grid>.provider-card:first-child{grid-template-rows:140px 40px!important;min-height:180px!important}
  .page-member .section[data-category="casino"] .provider-grid>.provider-card:first-child .provider-logo,
  .page-member .section[data-category="slot"] .slot-grid>.slot-card:first-child .slot-visual,
  .page-member .section[data-category="sports"] .sport-grid>.provider-card:first-child .provider-logo{height:140px!important}
}

@media (prefers-reduced-motion:reduce){
  .v20-featured-card,.page-member .market-card footer button,.page-member .provider-card button,.page-member .provider-action,.page-member .slot-card>button{transition:none!important}
  .page-member #markets.market-hydrating .market-card:not([hidden]) .number::after{animation:none!important}
}