/* Wallet and page-critical rules moved before first render. */

    html body #root .player-shell:has(.wallet-page[data-wallet-option2="sage-vip"]) .main-area>.topbar,
    html body #root .player-shell:has(.wallet-page[data-wallet-option2="sage-vip"])>.mobile-nav,
    html body #root .player-shell:has(.wallet-page[data-wallet-option2="sage-vip"]) .player-home-float{
      display:none!important;
    }

    html body #root .player-shell:has(.wallet-page[data-wallet-option2="sage-vip"]) .page-content{
      box-sizing:border-box!important;
      padding:22px 0 24px!important;
      background:
        radial-gradient(circle at 18% 8%,rgba(255,255,251,.44),transparent 34%),
        repeating-linear-gradient(118deg,rgba(65,83,61,.018) 0,rgba(65,83,61,.018) 1px,transparent 1px,transparent 6px),
        #e3e3d4!important;
    }

    html:has(.wallet-page[data-wallet-option2="sage-vip"]) body{
      background:
        radial-gradient(circle at 18% 8%,rgba(255,255,251,.56),transparent 34%),
        repeating-linear-gradient(118deg,rgba(65,83,61,.018) 0,rgba(65,83,61,.018) 1px,transparent 1px,transparent 6px),
        #e3e3d4!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"]{
      --wallet-sage-ink:#123f34;
      --wallet-sage-deep:#173f34;
      --wallet-sage-mid:#6f8062;
      --wallet-sage-soft:#e7ebdd;
      --wallet-ivory:#fbf8ef;
      --wallet-gold:#b89a55;
      box-sizing:border-box!important;
      position:relative!important;
      left:50%!important;
      transform:translateX(-50%)!important;
      width:min(382px,calc(100vw - 48px))!important;
      width:min(382px,calc(100dvw - 48px))!important;
      max-width:382px!important;
      margin:0!important;
      padding:0 0 calc(96px + env(safe-area-inset-bottom))!important;
      overflow-x:clip!important;
      color:var(--wallet-sage-ink)!important;
      font-family:"Noto Sans Thai","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] :is(.wallet-vip-heading,.wallet-cards,.wallet-vip-ledger){
      box-sizing:border-box!important;
      width:100%!important;
      min-width:0!important;
      max-width:100%!important;
      margin-left:0!important;
      margin-right:0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-heading{
      position:relative!important;
      min-height:162px!important;
      padding:0!important;
      border:0!important;
      background:transparent!important;
      box-shadow:none!important;
      overflow:visible!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar{
      position:relative!important;
      display:grid!important;
      grid-template-columns:44px minmax(0,1fr) 44px!important;
      align-items:center!important;
      height:62px!important;
      padding:0!important;
      border:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar::after{
      content:""!important;
      position:absolute!important;
      left:50%!important;
      bottom:2px!important;
      width:154px!important;
      height:8px!important;
      transform:translateX(-50%)!important;
      background:
        linear-gradient(90deg,transparent 0 47%,#b99c59 47% 53%,transparent 53%) center/12px 8px no-repeat,
        linear-gradient(90deg,transparent 0,#c9b176 18%,#c9b176 44%,transparent 44% 56%,#c9b176 56%,#c9b176 82%,transparent 100%) center/100% 1px no-repeat!important;
      opacity:.9!important;
      pointer-events:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar>div{
      grid-column:2!important;
      display:flex!important;
      width:100%!important;
      min-width:0!important;
      align-items:center!important;
      justify-content:center!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar>span:last-child{grid-column:3!important;}

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar h1{
      width:100%!important;
      margin:0 0 6px!important;
      color:var(--wallet-sage-ink)!important;
      font-size:30px!important;
      font-weight:800!important;
      line-height:1!important;
      letter-spacing:.3px!important;
      text-align:center!important;
      text-shadow:0 1px 0 rgba(255,255,255,.85)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-back{
      position:absolute!important;
      top:11px!important;
      right:auto!important;
      bottom:auto!important;
      left:0!important;
      display:grid!important;
      place-items:center!important;
      width:40px!important;
      height:40px!important;
      min-width:40px!important;
      margin:0!important;
      padding:0!important;
      border:1px solid rgba(91,112,76,.58)!important;
      border-radius:50%!important;
      color:var(--wallet-sage-ink)!important;
      background:linear-gradient(145deg,rgba(255,255,251,.94),rgba(221,228,211,.94))!important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.68),0 5px 12px rgba(49,66,41,.16)!important;
      transform:translateX(0)!important;
      justify-self:start!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-back span{
      display:grid!important;
      place-items:center!important;
      width:100%!important;
      height:100%!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-back b{display:none!important;}

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-eyebrow{
      display:flex!important;
      align-items:center!important;
      gap:7px!important;
      width:100%!important;
      min-height:24px!important;
      margin:13px 0 11px!important;
      padding:0!important;
      color:var(--wallet-sage-ink)!important;
      font-size:16px!important;
      font-weight:800!important;
      line-height:1.2!important;
      letter-spacing:.1px!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-eyebrow svg{
      width:15px!important;
      height:15px!important;
      color:#8f742f!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-controls{
      display:grid!important;
      grid-template-columns:124px minmax(0,1fr)!important;
      align-items:center!important;
      gap:42px!important;
      width:100%!important;
      min-width:0!important;
      margin:0!important;
      padding:0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-currency{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:10px!important;
      width:124px!important;
      height:44px!important;
      min-width:0!important;
      margin:0!important;
      padding:0 12px!important;
      border:1px solid rgba(106,125,90,.55)!important;
      border-radius:12px!important;
      color:var(--wallet-sage-ink)!important;
      background:linear-gradient(145deg,rgba(255,255,251,.98),rgba(239,240,226,.98))!important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 4px 10px rgba(49,66,41,.1)!important;
      font-size:18px!important;
      font-weight:800!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-option2-flag{
      flex:0 0 auto!important;
      width:25px!important;
      height:25px!important;
      border:1px solid rgba(24,54,47,.18)!important;
      border-radius:50%!important;
      background:linear-gradient(to bottom,#d92134 0 20%,#fff 20% 34%,#263f90 34% 66%,#fff 66% 80%,#d92134 80% 100%)!important;
      box-shadow:0 1px 3px rgba(20,44,38,.15)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-actions{
      display:grid!important;
      grid-template-columns:1fr 1.08fr!important;
      gap:12px!important;
      width:100%!important;
      min-width:0!important;
      margin:0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-actions button{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:7px!important;
      height:44px!important;
      min-width:0!important;
      margin:0!important;
      padding:0 8px!important;
      border-radius:12px!important;
      font-size:15px!important;
      font-weight:800!important;
      white-space:nowrap!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-actions .subtle-button{
      border:1px solid rgba(95,118,80,.55)!important;
      color:var(--wallet-sage-ink)!important;
      background:linear-gradient(145deg,rgba(255,255,251,.98),rgba(236,239,225,.98))!important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 4px 10px rgba(49,66,41,.1)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-actions .primary{
      border:1px solid #9d823e!important;
      color:#fff!important;
      background:linear-gradient(145deg,#6d7d59,#304f3b 72%,#244532)!important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 6px 12px rgba(35,62,45,.22)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-cards{
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:18px!important;
      width:100%!important;
      min-width:0!important;
      margin:12px 0 0!important;
      overflow:visible!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card{
      box-sizing:border-box!important;
      position:relative!important;
      width:100%!important;
      min-width:0!important;
      max-width:100%!important;
      margin:0!important;
      border:1px solid rgba(111,128,98,.78)!important;
      border-radius:18px!important;
      color:var(--wallet-sage-ink)!important;
      overflow:hidden!important;
      isolation:isolate!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card::after{
      content:""!important;
      position:absolute!important;
      inset:5px!important;
      z-index:-1!important;
      border:1px solid rgba(255,255,255,.72)!important;
      border-radius:14px!important;
      pointer-events:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash{
      min-height:372px!important;
      padding:18px 18px 20px!important;
      background:
        linear-gradient(106deg,rgba(219,224,207,.98) 0%,rgba(219,224,207,.96) 49.5%,rgba(214,216,199,.78) 49.7%,rgba(214,213,194,.75) 100%),
        url('/assets/profile-wallet-classical-architecture-v3.png') right center/58% 100% no-repeat!important;
      box-shadow:inset 0 0 0 4px rgba(255,255,255,.42),0 8px 18px rgba(49,66,41,.14)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash::before{
      content:""!important;
      position:absolute!important;
      inset:0!important;
      z-index:0!important;
      background:
        radial-gradient(circle at 86% 94%,rgba(218,232,222,.35),transparent 46%),
        radial-gradient(circle at 18% 9%,rgba(255,255,255,.28),transparent 36%),
        repeating-linear-gradient(118deg,rgba(55,82,61,.025) 0,rgba(55,82,61,.025) 1px,transparent 1px,transparent 5px)!important;
      opacity:.42!important;
      pointer-events:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card-title{
      position:relative!important;
      z-index:2!important;
      display:flex!important;
      align-items:center!important;
      gap:12px!important;
      min-width:0!important;
      margin:0 0 25px!important;
      color:var(--wallet-sage-ink)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card-title .card-icon{
      display:grid!important;
      place-items:center!important;
      flex:0 0 44px!important;
      width:44px!important;
      height:44px!important;
      border:1px solid rgba(73,98,66,.42)!important;
      border-radius:50%!important;
      color:#244b39!important;
      background:linear-gradient(145deg,rgba(250,251,242,.96),rgba(210,221,201,.9))!important;
      box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card-title strong{
      min-width:0!important;
      color:var(--wallet-sage-ink)!important;
      font-size:22px!important;
      font-weight:800!important;
      line-height:1.15!important;
      white-space:nowrap!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>small{
      display:block!important;
      position:relative!important;
      z-index:2!important;
      margin:0 0 9px!important;
      color:#647064!important;
      font-size:15px!important;
      font-weight:700!important;
      line-height:1.2!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card h2{
      position:relative!important;
      z-index:2!important;
      max-width:78%!important;
      margin:0!important;
      color:var(--wallet-sage-ink)!important;
      font-size:var(--wallet-option2-amount-font,clamp(38px,11.2vw,50px))!important;
      font-weight:800!important;
      line-height:1.04!important;
      letter-spacing:-1.2px!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:clip!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-crown{
      position:absolute!important;
      z-index:1!important;
      top:30px!important;
      right:20px!important;
      width:112px!important;
      height:112px!important;
      max-width:none!important;
      object-fit:contain!important;
      opacity:.72!important;
      filter:saturate(.72) contrast(.92)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-meta{
      position:relative!important;
      z-index:2!important;
      margin:11px 0 0!important;
      padding:15px 0 0!important;
      border-top:1px solid rgba(96,116,84,.34)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details{
      display:grid!important;
      grid-template-columns:1fr 1.2fr 1fr!important;
      width:100%!important;
      min-width:0!important;
      gap:0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details>span{
      box-sizing:border-box!important;
      display:grid!important;
      align-content:start!important;
      gap:4px!important;
      min-width:0!important;
      padding:0 10px!important;
      border-right:1px solid rgba(96,116,84,.32)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details>span:first-child{padding-left:0!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details>span:last-child{padding-right:0!important;border-right:0!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details small{color:#5c685e!important;font-size:14px!important;font-weight:700!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details b{
      display:block!important;
      max-width:100%!important;
      color:var(--wallet-sage-ink)!important;
      font-size:16px!important;
      font-weight:800!important;
      line-height:1.2!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-meta>p{
      margin:12px 0 0!important;
      color:#6d633f!important;
      font-size:12px!important;
      font-weight:700!important;
      line-height:1.25!important;
      white-space:normal!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>.balance-stats{
      position:relative!important;
      inset:auto!important;
      z-index:2!important;
      display:grid!important;
      grid-template-columns:1fr 1fr!important;
      gap:12px!important;
      margin:24px 0 0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>.balance-stats>span{
      grid-template-columns:44px minmax(0,1fr)!important;
      grid-template-rows:auto auto!important;
      column-gap:10px!important;
      padding:8px 10px!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>.balance-stats>span::before{
      content:"⇧"!important;
      grid-column:1!important;
      grid-row:1 / 3!important;
      align-self:center!important;
      display:grid!important;
      place-items:center!important;
      width:38px!important;
      height:38px!important;
      border:1px solid rgba(88,112,76,.44)!important;
      border-radius:50%!important;
      color:#315b45!important;
      background:linear-gradient(145deg,rgba(249,251,240,.96),rgba(213,223,201,.92))!important;
      box-shadow:inset 0 0 0 3px rgba(255,255,255,.5)!important;
      font-size:22px!important;
      font-weight:700!important;
      line-height:1!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>.balance-stats>span:nth-child(2)::before{content:"◷"!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-cash>.balance-stats>span>strong{grid-column:2!important;}

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .balance-stats>span{
      box-sizing:border-box!important;
      display:grid!important;
      align-content:center!important;
      gap:4px!important;
      min-width:0!important;
      min-height:68px!important;
      padding:10px 13px!important;
      border:1px solid rgba(111,128,98,.46)!important;
      border-radius:12px!important;
      color:#536259!important;
      background:linear-gradient(145deg,rgba(255,255,251,.8),rgba(239,240,226,.78))!important;
      background:linear-gradient(145deg,rgba(241,242,232,.94),rgba(227,230,216,.9))!important;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)!important;
      font-size:13px!important;
      font-weight:700!important;
      line-height:1.2!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .balance-stats strong{
      display:block!important;
      max-width:100%!important;
      color:var(--wallet-sage-ink)!important;
      font-size:18px!important;
      font-weight:800!important;
      line-height:1.15!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus{
      height:225px!important;
      min-height:225px!important;
      max-height:225px!important;
      padding:18px 18px 14px!important;
      border-color:rgba(185,154,85,.68)!important;
      background:
        radial-gradient(circle at 14% 8%,rgba(255,255,255,.52),transparent 36%),
        repeating-linear-gradient(118deg,rgba(155,130,72,.018) 0,rgba(155,130,72,.018) 1px,transparent 1px,transparent 5px),
        linear-gradient(145deg,#f7f5eb,#f4f1e7 68%,#ebe9df)!important;
      box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),0 8px 18px rgba(89,70,34,.12)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus .wallet-vip-card-title{margin-bottom:8px!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus .wallet-vip-card-title .card-icon{flex-basis:40px!important;width:40px!important;height:40px!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus h2{font-size:34px!important;max-width:64%!important;line-height:1!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-gift{
      position:absolute!important;
      top:20px!important;
      right:18px!important;
      width:128px!important;
      height:128px!important;
      max-width:none!important;
      object-fit:contain!important;
      opacity:.82!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus>.balance-stats{
      position:relative!important;
      inset:auto!important;
      display:grid!important;
      grid-template-columns:1fr 1fr!important;
      gap:12px!important;
      margin:10px 0 0!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus>.balance-stats>span{
      height:52px!important;
      min-height:52px!important;
      max-height:52px!important;
      grid-template-rows:auto auto!important;
      align-content:center!important;
      row-gap:1px!important;
      padding:4px 12px!important;
      font-size:13px!important;
      line-height:1!important;
      background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(245,242,232,.94))!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-bonus>.balance-stats>span>strong{
      font-size:16px!important;
      line-height:1!important;
      transform:translateY(-1px)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .auto-convert-note{
      box-sizing:border-box!important;
      display:flex!important;
      align-items:center!important;
      gap:9px!important;
      width:auto!important;
      min-height:34px!important;
      margin:10px 0 0!important;
      padding:6px 12px!important;
      border:1px solid rgba(111,128,98,.38)!important;
      border-radius:10px!important;
      color:#49604e!important;
      background:rgba(239,241,226,.78)!important;
      overflow:hidden!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .auto-convert-note>span{min-width:0!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .auto-convert-note strong{color:inherit!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;}
    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .auto-convert-note small{display:none!important;}

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-ledger{
      margin:10px 0 0!important;
      border:1px solid rgba(111,128,98,.5)!important;
      border-radius:16px!important;
      background:linear-gradient(145deg,rgba(255,254,249,.97),rgba(244,241,230,.96))!important;
      box-shadow:inset 0 0 0 3px rgba(255,255,255,.55),0 6px 15px rgba(49,66,41,.09)!important;
      overflow:hidden!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-ledger .panel-heading{
      box-sizing:border-box!important;
      display:flex!important;
      align-items:center!important;
      justify-content:space-between!important;
      min-height:64px!important;
      padding:0 18px!important;
      border-bottom:1px solid rgba(111,128,98,.28)!important;
      background:transparent!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-ledger .panel-heading h2{
      color:var(--wallet-sage-ink)!important;
      font-size:19px!important;
      font-weight:800!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-ledger .panel-heading button{
      color:#9a731e!important;
      font-size:15px!important;
      font-weight:800!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-ledger-row{
      box-sizing:border-box!important;
      min-width:0!important;
      min-height:62px!important;
      padding:9px 16px!important;
      border-bottom:1px solid rgba(111,128,98,.2)!important;
      background:transparent!important;
    }

    /* Full-device canvas: only the shell/header expands. Approved middle cards stay 382px. */
    html body #root .player-shell:has(.wallet-page[data-wallet-option2="sage-vip"]) .page-content{
      width:100%!important;
      max-width:none!important;
      padding-left:0!important;
      padding-right:0!important;
      overflow-x:clip!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"]{
      left:auto!important;
      transform:none!important;
      width:100%!important;
      max-width:none!important;
      overflow-x:clip!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-heading{
      box-sizing:border-box!important;
      width:100%!important;
      max-width:none!important;
      min-height:162px!important;
      padding:0 16px!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar{
      box-sizing:border-box!important;
      width:calc(100% + 32px)!important;
      height:68px!important;
      margin:0 0 10px -16px!important;
      padding:0 16px!important;
      grid-template-columns:44px minmax(0,1fr) 44px!important;
      border-bottom:1px solid rgba(184,154,85,.34)!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar>div{
      position:static!important;
      inset:auto!important;
      height:auto!important;
      transform:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar h1{
      position:static!important;
      inset:auto!important;
      transform:none!important;
      margin:0!important;
      line-height:1.2!important;
      z-index:1!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-topbar::after{
      display:none!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-back{
      top:14px!important;
      left:16px!important;
      right:auto!important;
      height:40px!important;
      min-height:40px!important;
      max-height:40px!important;
    }

    html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] :is(.wallet-cards,.wallet-vip-ledger){
      width:min(382px,calc(100% - 48px))!important;
      max-width:382px!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }

    @media(max-width:400px){
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-currency b{font-size:17px!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details b{font-size:15px!important;}
    }

    @media(max-width:380px){
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"]{
        width:100%!important;
      }
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] :is(.wallet-cards,.wallet-vip-ledger){width:calc(100% - 32px)!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-controls{grid-template-columns:116px minmax(0,1fr)!important;gap:24px!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-currency{width:116px!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card h2{font-size:35px!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-card-title strong{font-size:19px!important;}
      html body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] .wallet-vip-asset-details b{font-size:13px!important;}
    }
  

      html body #root .player-shell .wallet-page{
        box-sizing:border-box!important;
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow-x:clip!important;
      }
      html body #root .player-shell .wallet-page :is(.wallet-vip-heading,.wallet-cards,.wallet-vip-ledger){
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        overflow-x:clip!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-topbar{
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        align-items:center!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-topbar>div{
        min-width:0!important;
        width:100%!important;
        text-align:center!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-topbar h1{
        width:100%!important;
        margin:0!important;
        text-align:center!important;
      }
      html body #root .player-shell .wallet-page .wallet-cards{
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-card{
        box-sizing:border-box!important;
        position:relative!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
        border:1px solid #c9aa62!important;
        background-color:#fbf5e8!important;
        background-image:
          radial-gradient(circle at 17% 9%,rgba(255,255,255,.94) 0,rgba(255,255,255,.34) 24%,transparent 45%),
          radial-gradient(circle at 78% 30%,rgba(255,248,222,.72) 0,rgba(255,248,222,.2) 26%,transparent 48%),
          repeating-linear-gradient(118deg,rgba(187,153,75,.025) 0,rgba(187,153,75,.025) 1px,transparent 1px,transparent 5px),
          linear-gradient(145deg,rgba(255,253,247,.99),rgba(249,241,220,.98) 56%,rgba(242,224,188,.96))!important;
        box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),inset 0 0 0 5px rgba(202,169,94,.38),inset 0 14px 32px rgba(255,255,255,.32),0 7px 18px rgba(107,82,31,.11)!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-bonus{
        background-color:#faf1df!important;
        background-image:
          radial-gradient(circle at 14% 10%,rgba(255,255,255,.92) 0,rgba(255,255,255,.3) 25%,transparent 46%),
          radial-gradient(circle at 82% 38%,rgba(255,240,202,.68) 0,rgba(255,240,202,.18) 28%,transparent 50%),
          repeating-linear-gradient(118deg,rgba(187,153,75,.028) 0,rgba(187,153,75,.028) 1px,transparent 1px,transparent 5px),
          linear-gradient(145deg,rgba(255,251,242,.99),rgba(248,234,205,.98) 58%,rgba(239,215,171,.96))!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-ornament{
        max-width:48%!important;
        object-fit:contain!important;
        opacity:.72!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-asset-details span{
        min-width:0!important;
        max-width:100%!important;
      }
      html body #root .player-shell .wallet-page .wallet-vip-asset-details b,
      html body #root .player-shell .wallet-page .balance-stats strong{
        display:block!important;
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
      }
      @media(max-width:430px){
        html body #root .player-shell .wallet-page{
          position:relative!important;
          left:50%!important;
          transform:translateX(-50%)!important;
          width:calc(100vw - 24px)!important;
          width:calc(100dvw - 24px)!important;
          max-width:calc(100dvw - 24px)!important;
          margin-left:0!important;
          margin-right:0!important;
        }
        html body #root .player-shell .wallet-page :is(.wallet-vip-asset-meta,.wallet-vip-asset-details,.balance-stats,.balance-stats>span){
          min-width:0!important;
          max-width:100%!important;
        }
        html body #root .player-shell .wallet-page .wallet-vip-asset-details b{
          font-size:clamp(11px,3.35vw,15px)!important;
        }
        html body #root .player-shell .wallet-page .balance-stats strong{
          font-size:clamp(12px,4vw,18px)!important;
        }
      }