/* Lucky Diamond Royal V83 — presentation-only frontend redesign. */

/* Homepage canvas only: one solid dark purple; the promo artwork keeps its own background. */
html body[data-page="home"]{
  background:#16051f!important;background-image:none!important;background-attachment:scroll!important
}

/* V83.91: choose a saved account or stage an existing username inside Add Score. */
@layer ldr-v83-score-account-choice{
  html body[data-page="home"] #score-route-modal .score-account-mode{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
    width:100%!important;margin:0 0 10px!important;padding:4px!important;
    border:1px solid #6e3c83!important;border-radius:10px!important;background:#190722!important
  }
  html body[data-page="home"] #score-route-modal .score-account-mode>button{
    min-height:40px!important;padding:8px 10px!important;border:1px solid #765089!important;border-radius:8px!important;
    background:#2a1037!important;color:#e8dcef!important;box-shadow:none!important;font-size:12px!important;font-weight:850!important
  }
  html body[data-page="home"] #score-route-modal .score-account-mode>button.active,
  html body[data-page="home"] #score-route-modal .score-account-mode>button[aria-selected="true"]{
    border-color:#5cff9b!important;background:#145b36!important;color:#fff!important
  }
  html body[data-page="home"] #score-existing-account-wrap input{
    width:100%!important;min-height:44px!important;border:1px solid #52ec91!important;border-radius:9px!important;
    background:#24102f!important;color:#fff!important;box-shadow:0 0 0 2px rgba(82,236,145,.12),0 0 11px rgba(82,236,145,.16)!important;
    text-transform:none!important
  }
  html body[data-page="home"] #score-existing-account-wrap input:focus{
    border-color:#75ffab!important;outline:2px solid rgba(82,236,145,.24)!important;outline-offset:1px!important
  }
}

@layer ldr-v84-withdrawal-success{
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-success-card{
    width:min(470px,calc(100vw - 22px))!important;max-height:calc(100dvh - 22px)!important;
    padding:20px 16px 16px!important;overflow-y:auto!important;border:1px solid rgba(93,228,151,.72)!important;
    border-radius:15px!important;background:#21082f!important;box-shadow:none!important
  }
  html body[data-page="home"] #withdrawal-success-title{margin:0 38px 3px!important;color:#68ef9f!important;text-align:center!important;font-size:20px!important}
  html body[data-page="home"] .withdrawal-success-intro{margin:0 0 13px!important;color:#cdbed5!important;text-align:center!important;font-size:12px!important}
  html body[data-page="home"] .withdrawal-success-summary{display:grid!important;gap:0!important;width:100%!important;border:1px solid rgba(88,190,255,.42)!important;border-radius:11px!important;overflow:hidden!important}
  html body[data-page="home"] .withdrawal-success-summary>div{display:grid!important;grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:8px 11px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:transparent!important;box-shadow:none!important}
  html body[data-page="home"] .withdrawal-success-summary>div:last-child{border-bottom:0!important}
  html body[data-page="home"] .withdrawal-success-summary span{color:#a9dfff!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important}
  html body[data-page="home"] .withdrawal-success-summary strong{color:#fff!important;font-size:14px!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-align:right!important}
  html body[data-page="home"] .withdrawal-success-summary .withdrawal-success-amount strong{color:#68ef9f!important;font-size:18px!important}
  html body[data-page="home"] .withdrawal-success-cap-note{display:block!important;margin:10px 2px 0!important;padding:9px 10px!important;border:1px solid rgba(255,210,75,.48)!important;border-radius:9px!important;background:rgba(112,76,10,.25)!important;color:#ffe28a!important;font-size:11px!important;line-height:1.4!important;text-align:center!important}
  html body[data-page="home"] .withdrawal-success-cap-note[hidden]{display:none!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-form{display:grid!important;gap:9px!important;margin-top:13px!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-field{display:grid!important;gap:5px!important;color:#a9dfff!important;font-size:12px!important;font-weight:850!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-field :is(select,input){box-sizing:border-box!important;width:100%!important;min-height:42px!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(88,190,255,.55)!important;border-radius:9px!important;background:#13091d!important;color:#fff!important;font:inherit!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-field :is(select,input):focus{border-color:#75ffab!important;outline:2px solid rgba(82,236,145,.22)!important;outline-offset:1px!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-field :is(select,input):disabled{opacity:.72!important;cursor:not-allowed!important}
  html body[data-page="home"] #withdrawal-success-modal .withdrawal-payout-message:not(:empty){margin:0!important;padding:8px 10px!important;border-radius:8px!important;text-align:center!important}
  html body[data-page="home"] #withdrawal-success-modal #withdrawal-payout-submit{width:100%!important;margin:0!important;box-shadow:none!important}
  html body[data-page="home"] #withdrawal-success-modal #withdrawal-success-close[aria-disabled="true"]{opacity:.42!important;cursor:not-allowed!important}
  html body[data-page="home"] #withdrawal-success-done{width:100%!important;margin-top:13px!important;box-shadow:none!important}
  html body[data-page="home"] #withdrawal-success-done[hidden],html body[data-page="home"] #withdrawal-success-modal #withdrawal-payout-submit[hidden]{display:none!important}
}

/* V83.33 flat rectangular Wallet/Chat strip and full confirmation controls. */
@layer ldr-v83-wallet-strip{
  html body[data-page="home"] #app{padding-bottom:152px!important}
  html body[data-page="home"] .customer-utility-strip[hidden]{display:none!important}
  html body[data-page="home"] .customer-utility-strip{
    position:fixed!important;left:50%!important;bottom:0!important;
    z-index:490!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(62px,16vw,78px) minmax(0,1fr)!important;gap:6px!important;
    width:min(600px,100%)!important;margin:0!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
    border-top:1px solid rgba(255,220,104,.2)!important;background:#180722!important
  }
  html body[data-page="home"] .customer-utility-card{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
    min-width:0!important;min-height:54px!important;margin:0!important;padding:8px 14px!important;
    border-width:1px!important;border-style:solid!important;border-radius:10px!important;
    box-shadow:none!important;transform:none!important;text-align:left!important;cursor:pointer!important
  }
  html body[data-page="home"] .customer-utility-card>span:first-child{font-size:22px!important;line-height:1!important}
  html body[data-page="home"] .customer-utility-card>span:last-child{display:grid!important;gap:1px!important;min-width:0!important}
  html body[data-page="home"] .customer-utility-card small{color:inherit!important;font-size:10px!important;font-weight:800!important;line-height:1!important;opacity:.82!important}
  html body[data-page="home"] .customer-utility-card strong{color:inherit!important;font-size:16px!important;font-weight:950!important;line-height:1.15!important}
  html body[data-page="home"] .customer-wallet-card{border-color:#f1c448!important;background:#6f5008!important;color:#ffe889!important}
  html body[data-page="home"] .customer-wallet-card{grid-column:1!important}
  html body[data-page="home"] .customer-chat-card{grid-column:3!important;border-color:#55bcff!important;background:#135a8a!important;color:#eaf8ff!important}
  html body[data-page="home"] .customer-utility-card:hover,
  html body[data-page="home"] .customer-utility-card:focus-visible{filter:brightness(1.12)!important;outline:2px solid rgba(255,255,255,.7)!important;outline-offset:2px!important}
  html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions{grid-template-columns:1fr!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-panel{width:min(520px,calc(100% - 20px))!important;max-height:min(760px,calc(100dvh - 24px))!important;overflow-y:auto!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-total{
    display:grid!important;justify-items:center!important;gap:5px!important;margin:4px 0 16px!important;padding:18px 14px!important;
    border:1px solid #d7aa36!important;border-radius:10px!important;background:#493507!important;box-shadow:none!important
  }
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-total small{color:#ffe18a!important;font-size:12px!important;font-weight:850!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-total strong{color:#ffdc62!important;font-size:38px!important;font-weight:950!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-total span{color:#f4dfaa!important;font-size:11px!important;font-weight:750!important}
  html body[data-page="home"] #customer-wallet-modal h3{margin:0 0 7px!important;color:#f9e6ff!important;font-size:14px!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history{display:grid!important;gap:7px!important;max-height:360px!important;overflow-y:auto!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 12px!important;
    border:1px solid #67407c!important;border-radius:8px!important;background:#200b2d!important;box-shadow:none!important
  }
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row>div{display:grid!important;gap:2px!important;min-width:0!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row strong{color:#fff!important;font-size:13px!important;overflow-wrap:anywhere!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row small{color:#c8b4d2!important;font-size:10px!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row em{color:#65f5a4!important;font-style:normal!important;font-weight:850!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-credit-status="used"] em{color:#bdaec4!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row[data-credit-status="in-use"] em{color:#ffd659!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-history-row>span{color:#66f4a5!important;font-size:17px!important;font-weight:950!important;white-space:nowrap!important}
  html body[data-page="home"] #customer-wallet-modal .customer-wallet-empty{margin:4px 0!important;padding:14px!important;border:1px solid #56376a!important;border-radius:8px!important;color:#cbbad4!important;text-align:center!important}
  @media(max-width:560px){
    html body[data-page="home"] #app{padding-bottom:148px!important}
    html body[data-page="home"] .customer-utility-strip{bottom:0!important;gap:5px!important;width:100%!important;padding:7px 8px max(7px,env(safe-area-inset-bottom))!important}
    html body[data-page="home"] .customer-utility-card{min-height:50px!important;padding:7px 10px!important;border-radius:9px!important}
    html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions{grid-template-columns:1fr!important}
    html body[data-page="home"] #customer-wallet-modal .customer-wallet-total strong{font-size:34px!important}
  }
}


/* Add Score live status: smooth green percentage ring with real phase colors. */
html body[data-page="home"] #recharge-status-modal .recharge-progress-circle{
  --recharge-progress:28.8deg;
  position:relative!important;isolation:isolate!important;display:grid!important;place-items:center!important;
  width:94px!important;height:94px!important;margin:8px auto 4px!important;border:0!important;border-radius:50%!important;
  background:conic-gradient(#35ed8b 0deg var(--recharge-progress),rgba(74,255,157,.14) var(--recharge-progress) 360deg)!important;
  box-shadow:0 0 12px rgba(53,237,139,.38),0 0 26px rgba(53,237,139,.18)!important
}
html body[data-page="home"] #recharge-status-modal .recharge-progress-circle::before{
  content:""!important;position:absolute!important;inset:9px!important;z-index:0!important;border-radius:50%!important;
  background:#21082f!important;border:1px solid rgba(80,255,163,.22)!important;box-shadow:inset 0 0 14px rgba(0,0,0,.32)!important
}
html body[data-page="home"] #recharge-status-modal .recharge-progress-circle strong{
  position:relative!important;z-index:1!important;color:#65f5a4!important;font-size:20px!important;font-weight:900!important;
  line-height:1!important;font-variant-numeric:tabular-nums!important;text-shadow:0 0 9px rgba(53,237,139,.62)!important
}
html body[data-page="home"] #recharge-status-modal .recharge-status-elapsed{
  margin:1px 0 5px!important;color:#d9cce0!important;text-align:center!important;font-size:11px!important
}
html body[data-page="home"] #recharge-status-modal .recharge-status-elapsed strong{
  color:#65f5a4!important;font-size:13px!important;text-shadow:0 0 7px rgba(53,237,139,.35)!important
}
html body[data-page="home"] #recharge-status-modal .request-status-estimate{margin:4px 0 8px!important}
html body[data-page="home"] #recharge-status-modal .request-status-step.active{
  border-color:rgba(255,214,89,.78)!important;box-shadow:0 0 10px rgba(255,214,89,.16)!important
}
html body[data-page="home"] #recharge-status-modal .request-status-step.active :is(span,strong){color:#ffd659!important}
html body[data-page="home"] #recharge-status-modal .request-status-step.done :is(span,strong){color:#65f5a4!important}
html body[data-page="home"] #recharge-status-modal .score-form-message.processing{
  color:#ffd659!important;border-color:rgba(255,214,89,.42)!important;background:rgba(92,67,8,.24)!important
}
html body[data-page="home"] #recharge-status-modal .score-form-message.success{
  color:#65f5a4!important;border-color:rgba(53,237,139,.48)!important;background:rgba(15,83,48,.28)!important;
  text-shadow:0 0 7px rgba(53,237,139,.24)!important
}
html body[data-page="home"] #recharge-status-modal .recharge-status-cancel{
  display:block!important;width:100%!important;min-height:42px!important;margin:9px 0 0!important;padding:8px 14px!important;
  border:1px solid #e16c81!important;border-radius:8px!important;background:#76263a!important;color:#fff!important;
  box-shadow:none!important;transform:none!important;font-weight:900!important;cursor:pointer!important
}
html body[data-page="home"] #recharge-status-modal .recharge-status-cancel[hidden]{display:none!important}
html body[data-page="home"] #recharge-status-modal .recharge-status-cancel:disabled{opacity:.58!important;cursor:wait!important}
html body[data-page="home"] #app#app{
  background:#16051f!important;background-image:none!important;
  border:0!important;border-color:transparent!important;outline:0!important;box-shadow:none!important
}
html body[data-page="home"]::before,
html body[data-page="home"] #app#app::before{
  content:none!important;display:none!important;background:none!important;animation:none!important
}

/* Keep Search Apps compact without changing its width, color, or behavior. */
html body[data-page="home"] #app#app .home-search-slot{
  height:46px!important;min-height:46px!important
}
html body[data-page="home"] #app#app .home-search-slot .v51-search{
  height:46px!important;min-height:46px!important
}
html body[data-page="home"] #app#app .home-search-slot .v51-search #game-search-input{
  height:46px!important;min-height:46px!important;padding-top:0!important;padding-bottom:0!important;font-size:15px!important
}

/* Homepage order: promotion, eligibility, Your Games, then All Available Apps. */
html body[data-page="home"] #app#app>#home-eligibility-button{
  display:block!important;width:calc(100% - 16px)!important;max-width:1760px!important;
  min-height:42px!important;margin:6px auto 10px!important
}
html body[data-page="home"] #app#app #games-section{
  padding-top:8px!important
}
html body[data-page="home"] #app#app #games-section .games-sec-head{
  margin-top:0!important;margin-bottom:8px!important
}
html body[data-page="home"] #app#app #games-section .home-search-slot{
  width:100%!important;max-width:none!important;margin:0 0 14px!important
}

/* Profile palette: retain the dark royal shell and replace the blue-heavy treatment. */
html body[data-page="home"] #customer-auth-modal .customer-auth-card{
  border-color:#d6a72d!important;
  background:linear-gradient(155deg,#2b1038 0%,#190a25 52%,#100617 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.65),0 0 24px rgba(193,119,255,.18)!important;
}
html body[data-page="home"] #customer-auth-modal #customer-auth-title,
html body[data-page="home"] #customer-auth-modal #customer-profile-name{color:#ffe37b!important;-webkit-text-fill-color:#ffe37b!important}
html body[data-page="home"] #customer-auth-modal #customer-profile-email{color:#d7c9df!important}
html body[data-page="home"] #customer-auth-modal .my-profile-id-box{
  border-color:#e4ba45!important;
  background:linear-gradient(135deg,rgba(129,83,0,.34),rgba(51,27,18,.72))!important;
  box-shadow:none!important;
}
html body[data-page="home"] #customer-auth-modal .my-profile-id-box>span{color:#ffd96a!important}
html body[data-page="home"] #customer-auth-modal #customer-copy-profile-id{
  border-color:#f2d06c!important;background:#9d6a09!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .profile-phone-choice{
  border-color:#42c98a!important;
  background:linear-gradient(135deg,rgba(16,111,71,.36),rgba(21,45,37,.76))!important;
  box-shadow:none!important;
}
html body[data-page="home"] #customer-auth-modal #customer-phone-choice-title{color:#9af2c1!important}
html body[data-page="home"] #customer-auth-modal #customer-edit-phone,
html body[data-page="home"] #customer-auth-modal #customer-save-phone{
  border-color:#54d79a!important;background:#176744!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal #customer-cancel-phone{
  border-color:#8b7898!important;background:#2c2132!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .profile-referral-box{
  border-color:#f19b45!important;
  background:linear-gradient(135deg,rgba(139,60,13,.34),rgba(48,25,21,.78))!important;
  box-shadow:none!important;
}
html body[data-page="home"] #customer-auth-modal .profile-referral-box.is-linked{
  border-color:#42c98a!important;background:rgba(15,89,57,.34)!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal #customer-save-referrer{
  border-color:#ffc06f!important;background:#8a470f!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .customer-linked-methods{
  border-color:#b278e2!important;background:rgba(82,35,113,.32)!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .customer-linked-methods span{
  border:1px solid rgba(108,232,163,.4)!important;background:rgba(22,112,69,.35)!important;color:#a8f4ca!important
}
html body[data-page="home"] #customer-auth-modal .profile-app-install{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important
}
html body[data-page="home"] #customer-auth-modal #customer-install-app,
html body[data-page="home"] #customer-auth-modal #customer-install-app-guest{
  border-color:#d8a6ff!important;background:#6f2b91!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal details{
  border-color:#bd6c9d!important;background:rgba(105,38,77,.3)!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal details summary{color:#f0afd5!important}
html body[data-page="home"] #customer-auth-modal #customer-refresh-profile{
  border-color:#b98be1!important;background:#613684!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal #customer-logout{
  border-color:#e27787!important;background:#7d2738!important;color:#fff!important;box-shadow:none!important
}

/* Apps popup: keep the original action grid and colors; share only the Play Now button styling. */
html body[data-page="home"] #game-hub-modal#game-hub-modal #game-hub-content .final-game-actions button.game-hub-action,
html body[data-page="home"] #game-hub-modal#game-hub-modal #game-hub-content .final-game-actions button.game-hub-action:is(:hover,:focus-visible,:active){
  min-height:48px!important;padding:10px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-width:1px!important;border-style:solid!important;background-image:none!important;
  box-shadow:none!important;text-shadow:none!important;transform:none!important;filter:none!important;transition:none!important;
  clip-path:inset(0 round 9px)!important;
  border-radius:9px!important;font-size:12px!important;font-weight:900!important;line-height:1.1!important;
  letter-spacing:.2px!important;text-align:center!important;text-transform:uppercase!important;white-space:nowrap!important
}

/* Saved Logins popup: keep every action flat, including Copy, Reveal, Reset and Refresh. */
html body[data-page="home"] #game-logins-modal#game-logins-modal button,
html body[data-page="home"] #game-logins-modal#game-logins-modal button:is(:hover,:focus-visible,:active){
  border-bottom-width:1px!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;
  transform:none!important;filter:none!important;transition:none!important;clip-path:inset(0 round 9px)!important
}

/* Popup navigation: every existing Back control stays flat at the card's top-left. */
html body[data-page="home"] :is(.add-score-card,.create-account-request-card,.create-game-account-card,.reference-modal-card,.game-logins-card){
  position:relative!important
}
html body[data-page="home"] :is(.modal-back-button,#account-help-back,#account-help-results-back,#guide-section-back){
  position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;z-index:20!important;
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:8px!important;background:transparent!important;
  background-image:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;filter:none!important;
  overflow:hidden!important;text-indent:-9999px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:0!important;line-height:1!important;transition:none!important
}
html body[data-page="home"] :is(.modal-back-button,#account-help-back,#account-help-results-back,#guide-section-back)::before{
  content:"←"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  text-indent:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px!important;line-height:1!important
}
html body[data-page="home"] :is(.modal-back-button,#account-help-back,#account-help-results-back,#guide-section-back):is(:hover,:focus-visible,:active){
  top:8px!important;left:8px!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;text-shadow:none!important;transform:none!important;filter:none!important
}

/* Final confirmation: one clean table per person, simple totals, no nested cards. */
html body[data-page="home"] #recharge-confirm-modal .request-confirm-card{width:min(680px,calc(100vw - 18px))!important}
html body[data-page="home"] #recharge-confirm-modal .score-step-label,
html body[data-page="home"] #recharge-confirm-modal .score-progress{display:none!important}
html body[data-page="home"] #recharge-confirm-modal #recharge-confirm-title{margin-bottom:18px!important}
html body[data-page="home"] #recharge-confirm-modal#recharge-confirm-modal #recharge-confirm-summary{
  display:grid!important;gap:18px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
html body[data-page="home"] #recharge-confirm-modal#recharge-confirm-modal .score-confirm-profile{
  display:grid!important;gap:8px!important;margin:0!important;padding:0 0 15px!important;
  border:0!important;border-bottom:1px solid rgba(213,183,225,.26)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-title{
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:baseline!important;gap:7px!important;
  padding:0 2px!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-title>span{
  color:#ffe37b!important;font-size:15px!important;font-weight:900!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-title>small{
  color:#bdaec7!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-title>strong{
  min-width:0!important;color:#fff!important;font-size:13px!important;overflow-wrap:anywhere!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table{display:grid!important;width:100%!important}
html body[data-page="home"] #recharge-confirm-modal :is(.score-confirm-table-head,.score-confirm-table-row){
  display:grid!important;align-items:center!important;gap:12px!important
}
html body[data-page="home"] #recharge-confirm-modal :is(.score-confirm-table-head,.score-confirm-table-row).three-column{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(74px,.55fr)!important
}
html body[data-page="home"] #recharge-confirm-modal :is(.score-confirm-table-head,.score-confirm-table-row).two-column{
  grid-template-columns:minmax(0,1fr) minmax(74px,.35fr)!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-head{
  min-height:34px!important;padding:7px 9px!important;border-bottom:1px solid rgba(255,226,123,.5)!important;
  color:#d6c4dd!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.07em!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-head span:last-child{text-align:right!important}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-row{
  min-height:42px!important;padding:8px 9px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-row:last-child{border-bottom:0!important}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-profile-cell{
  min-width:0!important;color:#d8c8e0!important;font-size:12px!important;overflow-wrap:anywhere!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-app-cell{color:#fff!important;font-weight:800!important;overflow-wrap:anywhere!important}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-row>strong{
  color:#70e6a6!important;-webkit-text-fill-color:#70e6a6!important;text-align:right!important;font-size:14px!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total,
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals>div{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;padding:5px 9px!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total span,
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals span{color:#d7c9de!important;font-weight:800!important}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total strong,
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals strong{
  min-width:92px!important;color:#70e6a6!important;-webkit-text-fill-color:#70e6a6!important;text-align:right!important;font-size:16px!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;gap:12px!important;padding-top:8px!important;
  border-top:1px solid rgba(255,226,123,.42)!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals>div:first-child{
  grid-column:2!important;grid-row:1!important;justify-content:flex-end!important
}
html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals>div:last-child{
  grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;
  padding-top:5px!important;border-top:0!important
}
html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr!important;
  align-items:stretch!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:18px!important
}
html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions>#recharge-confirm-edit{
  grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;
  min-height:38px!important;height:38px!important;padding-block:6px!important;
  border:1px solid #d7d0dc!important;background:#eeeaf1!important;color:#24192a!important;-webkit-text-fill-color:#24192a!important
}
html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions>#recharge-confirm-submit{
  grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;
  min-height:48px!important;height:48px!important;padding-block:10px!important;font-size:14px!important
}

/* Password entry: native behavior, an eye inside the field, and Copy on the right. */
html body[data-page="home"] .credential-input-row{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important
}
html body[data-page="home"] .credential-input-row>input{
  grid-column:1!important;grid-row:1!important;width:100%!important;padding-right:45px!important
}
html body[data-page="home"] .credential-input-row>.credential-toggle-button{
  position:relative!important;z-index:2!important;grid-column:1!important;grid-row:1!important;justify-self:end!important;
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin-right:3px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:#dfc8eb!important;font-size:0!important;line-height:1!important
}
html body[data-page="home"] .credential-input-row>.credential-copy-button{
  grid-column:2!important;grid-row:1!important;min-width:64px!important
}
html body[data-page="home"] :is(#created-password,#reset-result-password).credential-result-row{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important
}
html body[data-page="home"] :is(#created-password,#reset-result-password)>.credential-result-value{
  grid-column:1!important;grid-row:1!important;padding-right:44px!important
}
html body[data-page="home"] :is(#created-password,#reset-result-password)>.credential-result-tools{display:contents!important}
html body[data-page="home"] :is(#created-password,#reset-result-password) .credential-toggle-button{
  position:relative!important;z-index:2!important;grid-column:1!important;grid-row:1!important;justify-self:end!important;
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin-right:3px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:#dfc8eb!important;font-size:0!important
}
html body[data-page="home"] :is(#created-password,#reset-result-password) .credential-copy-button{grid-column:2!important;grid-row:1!important;min-width:64px!important}
html body[data-page="home"] .game-login-value:has([data-login-reveal]),
html body[data-page="home"] .game-login-value:has([data-help-login-reveal]){
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important
}
html body[data-page="home"] .game-login-value:has([data-login-reveal])>code,
html body[data-page="home"] .game-login-value:has([data-help-login-reveal])>code{
  grid-column:1!important;grid-row:1!important;padding-right:40px!important
}
html body[data-page="home"] :is([data-login-reveal],[data-help-login-reveal]){
  position:relative!important;z-index:2!important;grid-column:1!important;grid-row:1!important;justify-self:end!important;
  width:36px!important;min-width:36px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important
}
/* A yellow eye is reserved strictly for password reveal controls. */
html body[data-page="home"] :is(
  .credential-toggle-button[aria-controls$="password"],.credential-toggle-button[data-ldr-password-toggle="1"],[data-login-reveal],[data-help-login-reveal]
)::before{
  content:""!important;display:block!important;width:17px!important;height:11px!important;
  border:2px solid #ffd84d!important;border-radius:50%!important;
  background:radial-gradient(circle at center,#ffd84d 0 2px,transparent 2.5px)!important;
  box-shadow:none!important;transform:none!important
}
html body[data-page="home"] .credential-toggle-button:is([aria-controls$="password"],[data-ldr-password-toggle="1"])[aria-pressed="true"]::after{
  content:""!important;position:absolute!important;left:9px!important;top:18px!important;width:20px!important;height:2px!important;
  border:0!important;border-radius:2px!important;background:#ffd84d!important;box-shadow:none!important;transform:rotate(-45deg)!important
}
/* Password eyes sit inside their field like a normal reveal icon, never as a separate solid button. */
html body[data-page="home"] #app#app#app#app#app#app#app :is(
  .credential-toggle-button[aria-controls$="password"],.credential-toggle-button[data-ldr-password-toggle="1"],[data-login-reveal],[data-help-login-reveal]
),
html body[data-page="home"] #app#app#app#app#app#app#app :is(
  .credential-toggle-button[aria-controls$="password"],.credential-toggle-button[data-ldr-password-toggle="1"],[data-login-reveal],[data-help-login-reveal]
):is(:hover,:focus-visible,:active){
  display:grid!important;place-items:center!important;align-self:center!important;-webkit-appearance:none!important;appearance:none!important;
  padding:0!important;border:0!important;border-width:0!important;background:transparent!important;background-color:transparent!important;
  background-image:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;filter:none!important;
  clip-path:none!important;transition:none!important
}
html body[data-page="home"] .game-login-value:has([data-login-reveal])>[data-login-copy],
html body[data-page="home"] .game-login-value:has([data-help-login-reveal])>[data-help-login-copy]{grid-column:2!important;grid-row:1!important}
html body[data-page="home"] #app#app :is(
  .credential-tool-button,[data-login-reveal],[data-help-login-reveal],[data-login-copy],[data-help-login-copy]
),
html body[data-page="home"] #app#app :is(
  .credential-tool-button,[data-login-reveal],[data-help-login-reveal],[data-login-copy],[data-help-login-copy]
):is(:hover,:focus-visible,:active){
  border-bottom-width:1px!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;
  transform:none!important;filter:none!important;transition:none!important;clip-path:inset(0 round 9px)!important
}
html body[data-page="home"] :is(#create-account-password,#reset-password-new-password)::placeholder{
  color:transparent!important;-webkit-text-fill-color:transparent!important;opacity:0!important
}
html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .account-rule-note{
  display:block!important;margin:8px 0 0!important;padding:9px 11px!important;border:0!important;border-left:3px solid #d6a72d!important;
  border-radius:0!important;background:rgba(214,167,45,.07)!important;color:#e9dfed!important;font-size:12px!important;line-height:1.4!important
}
html body[data-page="home"] :is(#create-account-rule-note,#reset-password-rule-note)>*{display:none!important}
html body[data-page="home"] :is(#create-account-rule-note,#reset-password-rule-note)::before{content:"Password: 6–13 characters."!important}
html body[data-page="home"] #create-account-form:has(#create-account-password[placeholder*="underscore"]) #create-account-rule-note::before,
html body[data-page="home"] #reset-password-form:has(#reset-password-new-password[placeholder*="underscore"]) #reset-password-rule-note::before{
  content:"Password: 6–13 characters • Include underscore (_)."!important
}
html body[data-page="home"] #create-account-form:has(#create-account-password[placeholder*="uppercase"]) #create-account-rule-note::before,
html body[data-page="home"] #reset-password-form:has(#reset-password-new-password[placeholder*="uppercase"]) #reset-password-rule-note::before{
  content:"Password: 6–13 characters • 1 uppercase • 1 lowercase • 1 number • 1 special symbol."!important
}
html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .create-account-description{display:none!important}

/* Consistent soft corners across the customer frontend. */
html body[data-page="home"] #app#app :is(
  input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="range"]),select,textarea,code
){border-radius:9px!important}
html body[data-page="home"] div#promotion-eligibility-modal div.reference-modal-card form#promotion-eligibility-form :is(
  select,input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),textarea
){border-radius:9px!important;overflow:hidden!important}
html body[data-page="home"] #app#app :is(button,.phone-action,.embedded-game-external,.qr-see-more-button){border-radius:9px!important}
html body[data-page="home"] #app#app :is(
  .add-score-card,.reference-modal-card,.contact-message-card,.create-account-request-card,.create-game-account-card,
  .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog,.ai-agent-card,.embedded-game-shell,
  .v51-hero,.dashboard-row,.royal-promo,.game-card,.game-image-frame
){border-radius:12px!important}
html body[data-page="home"] #app#app :is(
  fieldset,.my-profile-id-box,.profile-phone-choice,.profile-referral-box,.customer-linked-methods,.profile-app-install,
  .score-flat-section,.score-route-section,.score-selected-game,.score-route-context,.score-app-allocation-row,
  .score-split-party,.score-choice-list label>span,.score-payment-option,.withdrawal-live-panel,
  .withdrawal-rule-grid>div,.account-login-card,.game-login-card,.created-credential,.credential-result-value,
  .account-rule-note,.request-progress-track,.recharge-allocation-status,.game-login-value code
){border-radius:10px!important}

/* Add Score: Different Apps keeps its auto-selected username in the workflow,
   while customers only see the App followed by its Amount. */
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-split-options .score-app-table-head{
  display:none!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-allocation-row{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;
  gap:7px!important;align-items:end!important;padding:8px!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label{
  display:grid!important;grid-column:1!important;gap:4px!important;min-width:0!important;margin:0!important;
  color:#dfc8eb!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-game){grid-row:1!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-username){display:none!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-amount){grid-row:2!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row :is(select,input){font-size:12px!important;line-height:1.15!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-amount{
  border:1px solid rgba(104,214,139,.72)!important;background:rgba(50,145,82,.2)!important;
  color:#eafff0!important;-webkit-text-fill-color:#eafff0!important;box-shadow:none!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-amount::placeholder{color:#b9dec5!important;-webkit-text-fill-color:#b9dec5!important;opacity:1!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-remove-app{
  grid-column:2!important;grid-row:1 / span 2!important;align-self:end!important;margin:0!important
}
html body[data-page="home"] #score-app-split-options #score-add-app{justify-self:start!important;width:auto!important;min-width:132px!important}
html body[data-page="home"] #score-route-continue .score-route-submit-label{display:none!important}
html body[data-page="home"] #score-route-form:has(#score-app-split-options:not([hidden])) #score-route-continue .score-route-continue-label{display:none!important}
html body[data-page="home"] #score-route-form:has(#score-app-split-options:not([hidden])) #score-route-continue .score-route-submit-label{display:inline!important}

/* Split: only the friend's box is editable; User 1 is generated from the selected app. */
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-parties{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-party::before{
  content:none!important;display:none!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-user-two{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(90px,.65fr)!important;gap:7px!important;
  padding:9px!important;border-radius:10px!important;background:rgba(13,22,37,.34)!important
}
html body[data-page="home"] #score-split-options .score-split-user-two>h4,
html body[data-page="home"] #score-split-options .score-profile-entry-title,
html body[data-page="home"] #score-split-options .score-split-entry-head{grid-column:1/-1!important}
html body[data-page="home"] #score-split-options .score-profile-entry-title{
  margin:0!important;color:#f0d9f7!important;font-size:12px!important;font-weight:800!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options #score-split-profile-rows,
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options #score-split-profile-rows>.single-recipient-row{
  display:contents!important
}
html body[data-page="home"] #score-split-profile-rows .score-recipient-choices{grid-column:1/-1!important;order:3!important}
html body[data-page="home"] #score-split-profile-rows :is(.score-recipient-saved-wrap,.score-recipient-new-wrap){grid-column:1/-1!important;order:4!important}
html body[data-page="home"] #score-split-profile-rows .score-profile-status{grid-column:1/-1!important;order:5!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-profile-rows .score-profile-name{display:none!important}
html body[data-page="home"] #score-split-options .score-split-entry-head{
  order:6!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(90px,.65fr)!important;
  gap:7px!important;color:#dfc8eb!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-friend-app{
  grid-column:1!important;order:7!important;margin:0!important;font-size:0!important;line-height:0!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options #score-split-recipient-app{
  pointer-events:auto!important;font-size:12px!important;cursor:pointer!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options #score-split-profile-rows :is(label:has(.score-profile-amount),.score-profile-amount){
  grid-column:2!important;order:7!important;margin:0!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-user-one{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:9px!important;
  width:100%!important;max-width:none!important;justify-self:stretch!important;
  border-radius:10px!important;background:rgba(10,38,22,.3)!important
}
html body[data-page="home"] #score-split-options .score-split-user-one-auto-fields{display:none!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options #score-own-allocation{
  width:100%!important;max-width:none!important;margin:0!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-split-options .score-split-user-one::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:-6px!important;
  width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent,#c45cff 18%,#ffd76a 50%,#c45cff 82%,transparent)!important;
  box-shadow:0 0 6px rgba(196,92,255,.9),0 0 12px rgba(255,215,106,.45)!important
}

@layer ldr-v83-flat{
  /* Flat customer frontend: remove raised layers while retaining the existing palette and artwork. */
  html body[data-page="home"] *,
  html body[data-page="home"] *::before,
  html body[data-page="home"] *::after{
    box-shadow:none!important;text-shadow:none!important
  }
  html body[data-page="home"] :is(
    button,.game-card,.game-image-frame,.dash-opt,.home-primary-action,.phone-action,
    .reference-primary-button,.request-edit-button,.score-submit,.game-hub-action,.credential-tool-button
  ){transform:none!important;filter:none!important;border-bottom-width:1px!important}
  /* The requested divider remains luminous but has no raised depth. */
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-user-one::before{
    box-shadow:0 0 5px rgba(196,92,255,.72)!important
  }
}


@layer ldr-v83-split-layout{
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-parties{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-user-two{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,.58fr)!important;
    gap:7px!important;width:100%!important;max-width:none!important;padding:9px!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-user-two>h4{
    grid-column:1/-1!important;grid-row:1!important;order:1!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-profile-entry-title{
    grid-column:1/-1!important;grid-row:2!important;order:2!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows,
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows>.single-recipient-row{
    display:contents!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .score-recipient-choices,
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .ldr-v82-person-switch{
    display:none!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .score-recipient-new-wrap:not([hidden]){
    display:grid!important;grid-column:1/-1!important;grid-row:3!important;order:3!important;width:100%!important;max-width:none!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .score-profile-id{
    display:block!important;width:100%!important;max-width:none!important;height:34px!important;min-height:34px!important;
    padding:5px 8px!important;border-radius:9px!important;font-size:12px!important;line-height:1.15!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .score-profile-name{
    display:none!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows .score-profile-status{
    grid-column:1/-1!important;order:3!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-entry-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,.58fr)!important;
    grid-column:1/-1!important;grid-row:4!important;order:4!important;gap:7px!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-friend-app{
    display:block!important;grid-column:1!important;grid-row:5!important;order:5!important;align-self:stretch!important;margin:0!important;font-size:0!important;line-height:0!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-recipient-app{
    display:block!important;width:100%!important;max-width:none!important;height:34px!important;min-height:34px!important;pointer-events:auto!important;cursor:pointer!important;font-size:12px!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-split-profile-rows :is(label:has(.score-profile-amount),.score-profile-amount){
    display:block!important;grid-column:2!important;grid-row:5!important;order:5!important;align-self:stretch!important;
    width:100%!important;max-width:none!important;height:34px!important;min-height:34px!important;margin:0!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options .score-split-user-one{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;justify-self:stretch!important
  }
  html body[data-page="home"] #score-route-modal #score-split-options #score-own-allocation{
    width:100%!important;max-width:none!important;margin:0!important
  }
}

@layer ldr-v83-payment-layout{
  html body[data-page="home"] #add-score-payment-modal .score-flat-section:has(#score-amount){
    margin-top:16px!important
  }
  html body[data-page="home"] #add-score-payment-modal #score-amount{
    border:1px solid #35d878!important;background:rgba(9,58,30,.72)!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important
  }
  html body[data-page="home"] #add-score-payment-modal #score-amount:is(:hover,:focus,:focus-visible){
    border-color:#62f49a!important;background:rgba(11,72,37,.82)!important;outline:0!important
  }
}

@layer ldr-v83-eligibility-colors{
  html body[data-page="home"] #promotion-eligibility-modal #promotion-type{
    border:1px solid #c8e6ff!important;background:#c8e6ff!important;
    color:#10223a!important;-webkit-text-fill-color:#10223a!important
  }
  html body[data-page="home"] #promotion-eligibility-modal #promotion-referral-profile-id{
    border:1px solid #2f9cff!important
  }
  html body[data-page="home"] #promotion-eligibility-modal #promotion-type:is(:hover,:focus,:focus-visible){
    border-color:#eef8ff!important;background:#dff2ff!important
  }
  html body[data-page="home"] #promotion-eligibility-modal #promotion-referral-profile-id:is(:hover,:focus,:focus-visible){
    border-color:#69b9ff!important
  }
  html body[data-page="home"] #promotion-eligibility-modal :is(#promotion-type,#promotion-game,#promotion-referral-profile-id){
    text-align:center!important
  }
  html body[data-page="home"] #promotion-eligibility-modal :is(#promotion-type,#promotion-game){
    text-align-last:center!important
  }
  html body[data-page="home"] #promotion-eligibility-modal #promotion-referral-profile-id::placeholder{
    text-align:center!important
  }
}

@layer ldr-v83-popup-fit{
  /* Keep every customer popup inside its own overlay instead of sizing the card
     from the viewport and then adding the overlay padding a second time. */
  html body[data-page="home"] :is(
    .add-score-modal,.reference-modal,.contact-message-modal,
    .create-account-request-modal,.create-game-account-modal,
    .phone-modal,.payment-lightbox
  ){
    box-sizing:border-box!important;
    left:0!important;right:0!important;width:100%!important;max-width:100%!important;
    margin:0!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    overflow-x:hidden!important
  }
  html body[data-page="home"] :is(
    .add-score-modal,.reference-modal,.contact-message-modal,
    .create-account-request-modal,.create-game-account-modal,
    .phone-modal,.payment-lightbox
  )>:is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.payment-lightbox-dialog
  ){
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
    margin-left:auto!important;margin-right:auto!important;overflow-x:hidden!important
  }
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.payment-lightbox-dialog
  )>:not(.add-score-close):not(.reference-modal-close):not(.contact-message-close):not(.phone-modal-close):not(.payment-lightbox-close){
    min-width:0;max-width:100%!important
  }
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.payment-lightbox-dialog
  ) :is(form,fieldset,input,select,textarea){
    min-width:0;max-width:100%!important
  }

  @media(max-width:600px),(max-height:760px){
    html body[data-page="home"] #customer-auth-modal{
      place-items:start center!important;
      padding-top:max(6px,env(safe-area-inset-top))!important;
      padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
      overflow-y:auto!important;overscroll-behavior:contain!important
    }
    html body[data-page="home"] #customer-auth-modal .customer-auth-card{
      width:100%!important;max-width:100%!important;
      max-height:calc(100vh - 12px)!important;
      max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
      padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;
      overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-auth-close{
      position:sticky!important;top:0!important;right:auto!important;left:auto!important;z-index:30!important;
      display:grid!important;place-items:center!important;float:none!important;
      margin:-2px 0 -26px auto!important;background:#2b1038!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-auth-title{
      margin:0 34px 7px!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-profile-view:not([hidden]){
      gap:5px!important
    }
    html body[data-page="home"] #customer-auth-modal :is(
      .my-profile-id-box,.profile-phone-choice,.profile-referral-box,
      .customer-linked-methods,.profile-app-install,.profile-result-notifications,details
    ){
      margin:0!important;padding:7px!important
    }
    html body[data-page="home"] #customer-auth-modal .profile-app-install{
      gap:3px!important;padding:0!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-install-app{
      min-height:42px!important;margin:0!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-install-app-status:empty{
      display:none!important;min-height:0!important;margin:0!important;padding:0!important
    }
    html body[data-page="home"] #customer-auth-modal .request-confirm-actions{
      gap:6px!important;margin-top:2px!important
    }
    html body[data-page="home"] #customer-auth-modal .request-confirm-actions>button{
      min-height:36px!important;padding-block:6px!important
    }
  }
}

@layer ldr-v83-result-notifications{
  html body[data-page="home"] #customer-auth-modal .profile-result-notifications{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px!important;margin:0!important;padding:8px!important;
    border:1px solid rgba(55,187,255,.48)!important;border-radius:10px!important;
    background:rgba(20,55,74,.42)!important;box-shadow:none!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-result-notifications>div{
    display:grid!important;gap:2px!important;min-width:0!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-result-notifications strong{
    color:#6fe69a!important;font-size:12px!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-result-notifications small{
    color:#d8edf5!important;font-size:10px!important;line-height:1.3!important
  }
  html body[data-page="home"] #customer-auth-modal #customer-enable-result-notifications{
    min-height:36px!important;padding:7px 10px!important;border-radius:8px!important;
    border:1px solid #38a9e8!important;background:#164c6c!important;
    color:#fff!important;box-shadow:none!important;font-size:11px!important;white-space:nowrap!important
  }
  @media(max-width:520px){
    html body[data-page="home"] #customer-auth-modal .profile-result-notifications{
      grid-template-columns:1fr!important
    }
    html body[data-page="home"] #customer-auth-modal #customer-enable-result-notifications{
      width:100%!important
    }
  }
}

@layer ldr-v83-confirmation-table{
  /* Flat confirmation table with close column labels and values. */
  html body[data-page="home"] #recharge-confirm-modal #recharge-confirm-title{
    margin-bottom:10px!important
  }
  html body[data-page="home"] #recharge-confirm-modal #recharge-confirm-summary{
    display:grid!important;gap:10px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;outline:0!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-profile{
    display:grid!important;gap:3px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;outline:0!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-profile+.score-confirm-profile{
    margin-top:4px!important;padding-top:10px!important;border-top:1px solid rgba(213,183,225,.28)!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-table{
    display:grid!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-head{
    min-height:0!important;margin:0!important;padding:1px 4px!important;
    border:0!important;background:transparent!important;
    color:#ddd0e5!important;font-size:13px!important;font-weight:900!important;
    line-height:1.15!important;letter-spacing:.035em!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-row{
    min-height:0!important;margin:0!important;padding:3px 4px 5px!important;
    border:0!important;background:transparent!important;
    font-size:12px!important;line-height:1.2!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-profile-cell{
    color:#55baff!important;-webkit-text-fill-color:#55baff!important;font-size:12px!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-app-cell,
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-table-row>strong{
    font-size:12px!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:18px!important;margin-top:2px!important;padding:6px 4px 1px!important;
    border:0!important;border-top:1px solid rgba(255,226,123,.34)!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total span{
    color:#e7dbea!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-total strong{
    min-width:72px!important;color:#70e6a6!important;-webkit-text-fill-color:#70e6a6!important;
    text-align:right!important;font-size:14px!important
  }
}

@layer ldr-v83-label-value-hierarchy{
  /* One compact label/value hierarchy throughout every customer popup. */
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog
  ) label:is(
    :has(>input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"])),
    :has(>select),:has(>textarea),:has(>.credential-input-row),:has(>.game-login-value)
  ){
    display:grid!important;gap:3px!important;
    font-size:13px!important;font-weight:850!important;line-height:1.15!important
  }
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog
  ) label :is(
    input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),select,textarea
  ){
    font-size:12px!important;font-weight:600!important;line-height:1.2!important
  }
  html body[data-page="home"] :is(
    .score-app-table-head,.score-split-entry-head,.score-confirm-table-head
  ){
    font-size:13px!important;font-weight:900!important;line-height:1.15!important
  }
  html body[data-page="home"] :is(
    .score-app-allocation-row,.score-confirm-table-row
  ) :is(input,select,.score-confirm-profile-cell,.score-confirm-app-cell,strong){
    font-size:12px!important;line-height:1.2!important
  }
  html body[data-page="home"] :is(
    .score-selected-game,.score-route-context,.score-own-allocation,
    .withdrawal-available,.withdrawal-rule-grid>div,.game-logins-overview,
    .my-profile-id-box,.credential-result-value,.game-login-card-title,
    .profile-phone-summary>div
  ){
    row-gap:2px!important
  }
  html body[data-page="home"] :is(
    .score-selected-game,.score-route-context,.score-own-allocation,
    .withdrawal-available,.withdrawal-rule-grid>div,.game-logins-overview,
    .my-profile-id-box
  )>span,
  html body[data-page="home"] .credential-result-value>small,
  html body[data-page="home"] .game-login-card-title>small,
  html body[data-page="home"] .profile-phone-summary>div>strong,
  html body[data-page="home"] .game-login-fields label>span{
    font-size:13px!important;font-weight:900!important;line-height:1.15!important
  }
  html body[data-page="home"] :is(
    .score-selected-game,.score-route-context,.score-own-allocation,
    .withdrawal-available,.withdrawal-rule-grid>div,.game-logins-overview,
    .my-profile-id-box
  )>strong,
  html body[data-page="home"] .credential-result-value>strong,
  html body[data-page="home"] .game-login-card-title>strong,
  html body[data-page="home"] .profile-phone-summary>div>p,
  html body[data-page="home"] .game-login-value>code{
    font-size:12px!important;line-height:1.2!important
  }
  html body[data-page="home"] .game-login-fields label{
    gap:3px!important
  }
}

@layer ldr-v83-compact-popup-spacing{
  /* Compact the vertical rhythm of every popup form to prevent avoidable scrolling. */
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog
  ) form{
    row-gap:7px!important
  }
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog
  ) form>label{
    margin-top:0!important;margin-bottom:0!important
  }
  html body[data-page="home"] :is(
    .add-score-card,.reference-modal-card,.contact-message-card,
    .create-account-request-card,.create-game-account-card,
    .phone-modal-card,.customer-auth-card,.payment-lightbox-dialog
  ) h2{
    margin-top:0!important;margin-bottom:10px!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .create-account-request-card{
    padding:14px!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .reference-account-form{
    gap:7px!important;margin-top:2px!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .credential-input-row{
    margin-top:0!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .account-rule-note{
    min-height:0!important;margin:3px 0 0!important;padding:6px 8px!important;
    font-size:11.5px!important;line-height:1.25!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) :is(#create-account-submit,#reset-password-submit){
    min-height:42px!important;margin-top:3px!important;padding-block:8px!important
  }
  html body[data-page="home"] :is(#create-account-modal,#reset-password-modal) .score-form-message{
    min-height:0!important;margin:2px 0 0!important;line-height:1.25!important
  }
}

@layer ldr-v83-password-eye-only{
  /* Fail closed: a generic credential toggle can never show beside a
     username, app, ID, amount, or other non-password field. */
  html body[data-page="home"] .credential-toggle-button:not([aria-controls$="password"]):not([data-ldr-password-toggle="1"]):not([data-login-reveal]):not([data-help-login-reveal]){
    display:none!important
  }
}

@layer ldr-v83-ios-install{
  html body[data-page="home"] .ios-install-modal{
    z-index:60000!important
  }
  html body[data-page="home"] .ios-install-card{
    width:min(430px,calc(100vw - 24px))!important;max-width:430px!important;
    padding:18px!important;text-align:left!important
  }
  html body[data-page="home"] .ios-install-card h2{
    margin:0 38px 5px 0!important;color:#ffe271!important;-webkit-text-fill-color:#ffe271!important
  }
  html body[data-page="home"] .ios-install-intro{
    margin:0 0 12px!important;color:#e8dceb!important;font-size:13px!important;line-height:1.35!important
  }
  html body[data-page="home"] .ios-install-steps{
    display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;
    counter-reset:ios-install-step
  }
  html body[data-page="home"] .ios-install-steps li{
    position:relative!important;display:grid!important;gap:2px!important;min-height:44px!important;
    padding:7px 8px 7px 48px!important;border:1px solid rgba(86,190,255,.55)!important;
    border-radius:9px!important;background:rgba(24,7,38,.72)!important;
    counter-increment:ios-install-step
  }
  html body[data-page="home"] .ios-install-steps li::before{
    content:counter(ios-install-step)!important;position:absolute!important;left:10px!important;top:50%!important;
    width:27px!important;height:27px!important;transform:translateY(-50%)!important;display:grid!important;
    place-items:center!important;border-radius:50%!important;background:#23a8df!important;color:#07111a!important;
    font-size:13px!important;font-weight:950!important
  }
  html body[data-page="home"] .ios-install-steps strong{
    color:#fff!important;font-size:13px!important;line-height:1.2!important
  }
  html body[data-page="home"] .ios-install-steps span{
    color:#cdbed5!important;font-size:11.5px!important;line-height:1.25!important
  }
  html body[data-page="home"] .ios-install-done{
    width:100%!important;min-height:42px!important;margin-top:12px!important
  }
}

@media(max-width:560px){
  html body[data-page="home"] #recharge-confirm-modal :is(.score-confirm-table-head,.score-confirm-table-row).three-column{
    grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(65px,.45fr)!important;gap:7px!important
  }
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-user-title{grid-template-columns:auto auto minmax(0,1fr)!important}
  html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions{grid-template-columns:1fr!important}
  html body[data-page="home"] #recharge-confirm-modal .request-confirm-actions>*{grid-column:1!important;width:100%!important}
  html body[data-page="home"] #recharge-confirm-modal .score-confirm-totals{gap:8px!important}
}

html body[data-page="home"] :is(#add-score-modal,#score-route-modal,#recharge-confirm-modal) .score-payment-verified-banner{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;min-height:38px!important;margin:0 42px 9px!important;padding:7px 12px!important;
  border:1px solid #32dc7d!important;border-radius:10px!important;background:rgba(16,105,61,.28)!important;
  color:#67f3a5!important;-webkit-text-fill-color:#67f3a5!important;box-shadow:none!important;
  font-size:13px!important;line-height:1.2!important;text-align:center!important
}
html body[data-page="home"] :is(#add-score-modal,#score-route-modal,#recharge-confirm-modal) .score-payment-verified-banner span{
  display:grid!important;place-items:center!important;width:21px!important;height:21px!important;border-radius:50%!important;
  background:#2bd879!important;color:#092817!important;-webkit-text-fill-color:#092817!important;font-weight:950!important
}
@media(max-width:560px){
  html body[data-page="home"] :is(#add-score-modal,#score-route-modal,#recharge-confirm-modal) .score-payment-verified-banner{margin:0 34px 8px!important;font-size:12px!important}
}

@layer ldr-v83-notification-center{
  html body[data-page="home"] #app>.customer-notification-center{
    position:absolute!important;top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;z-index:1600!important
  }
  html body[data-page="home"] .customer-notification-center[hidden],
  html body[data-page="home"] .customer-notification-panel[hidden]{display:none!important}
  html body[data-page="home"] .customer-notification-bell{
    position:relative!important;display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;padding:0!important;border:1px solid #ffd45f!important;
    border-radius:50%!important;background:#271036!important;color:#ffd45f!important;
    box-shadow:none!important;font-size:20px!important;cursor:pointer!important
  }
  html body[data-page="home"] .customer-notification-bell b{
    position:absolute!important;top:-5px!important;right:-4px!important;display:grid!important;place-items:center!important;
    min-width:19px!important;height:19px!important;padding:0 5px!important;border:2px solid #190522!important;
    border-radius:999px!important;background:#2bdd78!important;color:#081b10!important;font:900 10px/1 Arial,sans-serif!important
  }
  html body[data-page="home"] .customer-notification-panel{
    position:absolute!important;top:52px!important;right:0!important;width:min(360px,calc(100vw - 20px))!important;
    max-height:min(570px,calc(100dvh - 76px))!important;padding:11px!important;overflow:hidden!important;
    border:1px solid rgba(255,212,95,.65)!important;border-radius:13px!important;background:#21082f!important;
    box-shadow:0 16px 38px rgba(0,0,0,.46)!important;color:#fff!important
  }
  html body[data-page="home"] .customer-notification-panel>header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    width:100%!important;max-width:none!important;margin:0!important;padding:0 0 9px!important;border-bottom:1px solid rgba(255,255,255,.13)!important
  }
  html body[data-page="home"] .customer-notification-panel>header>div{display:grid!important;gap:1px!important}
  html body[data-page="home"] .customer-notification-panel>header strong{color:#ffd45f!important;font-size:13px!important;letter-spacing:.04em!important}
  html body[data-page="home"] .customer-notification-panel>header small{color:#cdbed5!important;font-size:10px!important}
  html body[data-page="home"] #customer-notification-close{
    display:grid!important;place-items:center!important;width:31px!important;height:31px!important;padding:0!important;
    border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;background:transparent!important;
    color:#fff!important;box-shadow:none!important;font-size:21px!important;cursor:pointer!important
  }
  html body[data-page="home"] .customer-notification-list{
    display:grid!important;gap:7px!important;max-height:min(430px,calc(100dvh - 190px))!important;
    padding:9px 0!important;overflow-y:auto!important;overscroll-behavior:contain!important
  }
  html body[data-page="home"] .customer-notification-list>p{margin:16px 5px!important;color:#cdbed5!important;text-align:center!important;font-size:11px!important}
  html body[data-page="home"] .customer-notification-item{
    display:grid!important;gap:4px!important;width:100%!important;margin:0!important;padding:10px!important;
    border:1px solid rgba(68,227,137,.45)!important;border-radius:9px!important;background:rgba(18,80,48,.3)!important;
    color:#fff!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important
  }
  html body[data-page="home"] .customer-notification-item strong{color:#68ef9f!important;font-size:12px!important}
  html body[data-page="home"] .customer-notification-item>span{color:#f2eaf4!important;font-size:10.5px!important;line-height:1.35!important}
  html body[data-page="home"] .customer-notification-item small{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  html body[data-page="home"] .customer-notification-item small b{color:#68ef9f!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
  html body[data-page="home"] .customer-notification-item.failure{border-color:rgba(255,105,120,.55)!important;background:rgba(113,27,42,.34)!important}
  html body[data-page="home"] .customer-notification-item.failure strong,
  html body[data-page="home"] .customer-notification-item.failure small b{color:#ff9da8!important}
  html body[data-page="home"] .customer-notification-item time{color:#b9a9c2!important;font-size:9px!important}
  html body[data-page="home"] .customer-notification-activity{
    width:100%!important;min-height:37px!important;padding:7px 10px!important;border:1px solid #55baff!important;
    border-radius:8px!important;background:#164c6c!important;color:#fff!important;box-shadow:none!important;
    font-size:11px!important;font-weight:800!important;cursor:pointer!important
  }
}

/* V83.49: the notification center is anchored over the promo header and scrolls away with it. */
html body[data-page="home"] #app#app>#customer-notification-center{
  position:absolute!important;inset:auto!important;top:max(10px,env(safe-area-inset-top))!important;
  right:max(10px,env(safe-area-inset-right))!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important;z-index:16500!important
}
html body[data-page="home"] #app#app>#customer-notification-center>#customer-notification-panel{
  position:absolute!important;top:52px!important;
  right:0!important;left:auto!important;bottom:auto!important;margin:0!important;transform:none!important
}

/* V83.50: swipeable vertical Your Games cards followed by a compact,
   four-across create-only All Available Apps catalog. */
html body[data-page="home"] #app#app #games-section .games-sec-head{
  display:flex!important;align-items:center!important;gap:9px!important
}
html body[data-page="home"] #app#app #v-games{
  display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;
  width:100%!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:0 1px 9px!important;scroll-snap-type:x proximity!important;scroll-padding-inline:1px!important;
  overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;scrollbar-color:#ffe36f #1a0822!important
}
html body[data-page="home"] #app#app #v-games::-webkit-scrollbar{height:5px!important}
html body[data-page="home"] #app#app #v-games::-webkit-scrollbar-track{background:#1a0822!important;border-radius:999px!important}
html body[data-page="home"] #app#app #v-games::-webkit-scrollbar-thumb{background:#ffe36f!important;border-radius:999px!important}
html body[data-page="home"] #app#app #v-games>.game-card{
  flex:0 0 clamp(112px,30vw,148px)!important;width:clamp(112px,30vw,148px)!important;min-width:clamp(112px,30vw,148px)!important;
  min-height:0!important;height:auto!important;align-self:flex-start!important;padding:0!important;overflow:hidden!important;
  contain:none!important;content-visibility:visible!important;contain-intrinsic-size:none!important;
  border-radius:9px!important;scroll-snap-align:start!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-card-main{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:76px auto auto!important;
  align-items:start!important;justify-items:center!important;row-gap:5px!important;width:100%!important;min-height:118px!important;
  margin:0!important;padding:7px!important;text-align:center!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-card-main::after,
html body[data-page="home"] #app#app #v-games>.game-card::after,
html body[data-page="home"] #app#app #v-games>.game-card .game-name::before{content:none!important;display:none!important}
html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
  grid-column:1!important;grid-row:1!important;width:76px!important;height:76px!important;min-width:76px!important;
  aspect-ratio:1!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:8px!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
html body[data-page="home"] #app#app #v-games>.game-card .game-name{
  grid-column:1!important;grid-row:2!important;align-self:start!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  width:100%!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(10px,2.7vw,13px)!important;line-height:1.15!important;text-align:center!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-online-status{
  grid-column:1!important;grid-row:3!important;align-self:start!important;justify-content:center!important;gap:4px!important;
  min-width:0!important;margin:0!important;color:#38ee6e!important;font-size:10px!important;line-height:1.15!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-online-status span{width:6px!important;height:6px!important;flex:0 0 6px!important}
html body[data-page="home"] #v-games>.your-games-empty{
  flex:1 0 100%!important;grid-column:1/-1!important;width:100%!important;margin:0!important;padding:18px 14px!important;
  border:1px dashed rgba(255,215,100,.38)!important;border-radius:11px!important;background:rgba(22,7,30,.72)!important;
  color:#d7c8df!important;text-align:center!important;font-size:12px!important;line-height:1.45!important
}
html body[data-page="home"] #app#app #all-games-section{
  width:100%!important;max-width:none!important;margin:18px 0 0!important;padding:18px 0 6px!important;
  border-top:1px solid rgba(255,216,86,.22)!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-sec-head{margin:0 0 6px!important}
html body[data-page="home"] #app#app #all-games-section .all-games-help{
  margin:0 0 11px!important;color:#d5c5dd!important;text-align:left!important;font-size:12px!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-search{margin:0 0 5px!important}
html body[data-page="home"] #app#app #all-games-section #all-games-search-input{
  display:block!important;width:100%!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;
  border:1px solid #36bfff!important;border-radius:9px!important;background:#12071a!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;box-shadow:none!important;outline:none!important;font-size:13px!important;line-height:1.2!important
}
html body[data-page="home"] #app#app #all-games-section #all-games-search-input::placeholder{color:#a99bb1!important;-webkit-text-fill-color:#a99bb1!important}
html body[data-page="home"] #app#app #all-games-section #all-games-search-input:focus{border-color:#ffe36f!important;box-shadow:0 0 0 2px rgba(255,227,111,.12)!important}
html body[data-page="home"] #app#app #all-games-section .all-games-search-status{
  min-height:15px!important;margin:0 1px 7px!important;color:#bbaec2!important;text-align:left!important;font-size:10px!important;line-height:1.35!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
  width:min(100%,540px)!important;max-width:540px!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card{
  display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important;justify-items:stretch!important;gap:4px!important;
  min-width:0!important;margin:0!important;padding:5px!important;border:1px solid rgba(118,80,137,.72)!important;border-radius:8px!important;
  background:#14091b!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;transform:none!important;filter:none!important;text-align:center!important;cursor:pointer!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card[hidden]{display:none!important}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card:is(:hover,:focus-visible,:active){
  border-color:#ffe36f!important;background:#1f0c29!important;box-shadow:none!important;transform:none!important;filter:none!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-image{
  display:block!important;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;border:1px solid rgba(255,211,84,.72)!important;
  border-radius:7px!important;background:#230c2d!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-image img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-placeholder{
  display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#d7c8df!important;font-weight:900!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card>strong{
  overflow:hidden!important;color:#fff!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:clamp(7.5px,1.8vw,11px)!important;line-height:1.1!important
}
html body[data-page="home"] #app#app #all-games-section .all-game-create-label{
  color:#ffe36f!important;-webkit-text-fill-color:#ffe36f!important;
  font-size:clamp(6.5px,1.5vw,8.5px)!important;font-weight:900!important;line-height:1.1!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-empty{grid-column:1/-1!important;text-align:center!important}
@media(max-width:640px) and (min-width:521px){
  html body[data-page="home"] #app#app #all-games-section .all-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:520px){
  html body[data-page="home"] #app#app #all-games-section{margin-top:14px!important;padding-top:14px!important}
  html body[data-page="home"] #app#app #all-games-section .all-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card{padding:4px!important}
}

/* V83.52: one centered Profile tab, top-left service menu, and restrained glow. */
html body[data-page="home"] #app#app{padding-bottom:86px!important}
html body[data-page="home"] #app#app .homepage-service-actions-hidden{display:none!important}
html body[data-page="home"] #app#app .v51-hero{position:relative!important;overflow:visible!important}
html body[data-page="home"] #app#app .homepage-menu-button{
  position:absolute!important;top:max(10px,env(safe-area-inset-top))!important;left:max(10px,env(safe-area-inset-left))!important;z-index:16520!important;
  display:grid!important;align-content:center!important;justify-items:center!important;gap:4px!important;width:42px!important;height:42px!important;
  margin:0!important;padding:8px!important;border:1px solid rgba(255,222,111,.5)!important;border-radius:10px!important;
  background:#260b33!important;background-image:none!important;box-shadow:0 0 9px rgba(202,92,255,.2)!important;transform:none!important;cursor:pointer!important
}
html body[data-page="home"] #app#app .homepage-menu-button>span{display:block!important;width:22px!important;height:2px!important;border-radius:99px!important;background:#ffe36f!important;box-shadow:0 0 4px rgba(255,227,111,.3)!important}
html body[data-page="home"] #app#app .homepage-menu-panel[hidden]{display:none!important}
html body[data-page="home"] #app#app .homepage-menu-panel{
  position:absolute!important;top:max(59px,calc(env(safe-area-inset-top) + 55px))!important;left:max(10px,env(safe-area-inset-left))!important;z-index:16530!important;
  display:grid!important;gap:6px!important;width:min(210px,calc(100vw - 20px))!important;margin:0!important;padding:8px!important;
  border:1px solid rgba(255,222,111,.44)!important;border-radius:11px!important;background:#1d0828!important;box-shadow:0 5px 18px rgba(0,0,0,.3),0 0 10px rgba(181,71,235,.16)!important
}
html body[data-page="home"] #app#app .homepage-menu-panel>button{
  min-height:42px!important;margin:0!important;padding:8px 12px!important;border:1px solid rgba(178,111,211,.42)!important;border-radius:8px!important;
  background:#2b0d38!important;background-image:none!important;color:#fff!important;box-shadow:0 0 7px rgba(190,85,239,.14)!important;
  font-size:13px!important;font-weight:850!important;text-align:left!important;transform:none!important;cursor:pointer!important
}
html body[data-page="home"] #app#app .homepage-menu-panel>button:is(:hover,:focus-visible){border-color:#ffe36f!important;color:#ffe36f!important;outline:0!important;box-shadow:0 0 9px rgba(255,227,111,.2)!important}

html body[data-page="home"] #app#app .royal-bottom-nav{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;z-index:500!important;
  display:grid!important;grid-template-columns:1fr!important;place-items:center!important;width:82px!important;height:calc(70px + env(safe-area-inset-bottom))!important;
  margin:0!important;padding:4px 0 max(4px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
  border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;pointer-events:none!important
}
html body[data-page="home"] #app#app .royal-bottom-nav .royal-bottom-item[data-bottom-action="account"]{
  pointer-events:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:76px!important;height:64px!important;margin:0!important;padding:2px!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important
}
html body[data-page="home"] #app#app .royal-bottom-nav .royal-bottom-item[data-bottom-action="account"] .nav-icon{
  width:50px!important;height:50px!important;margin:0!important;border:1px solid rgba(255,226,103,.72)!important;border-radius:50%!important;
  background:#7910a6!important;background-image:none!important;color:#ffe36f!important;box-shadow:0 0 10px rgba(195,64,244,.3)!important;transform:none!important
}
html body[data-page="home"] #app#app .royal-bottom-nav .royal-bottom-item[data-bottom-action="account"] b{margin:0!important;color:#fff3bd!important;font-size:9px!important;line-height:1!important;text-shadow:0 0 5px rgba(255,227,111,.2)!important}

html body[data-page="home"] #app#app :is(.customer-utility-card,.game-card,.all-game-catalog-card,.home-eligibility-button){box-shadow:0 0 8px rgba(177,78,221,.15)!important}
html body[data-page="home"] #app#app .customer-wallet-card{box-shadow:0 0 8px rgba(255,201,69,.18)!important}
html body[data-page="home"] #app#app .customer-chat-card{box-shadow:0 0 8px rgba(60,181,255,.2)!important}
html body[data-page="home"] #app#app #v-games>.game-card{box-shadow:0 0 8px rgba(177,78,221,.15)!important}
html body[data-page="home"] #app#app #all-games-section .all-game-catalog-card{box-shadow:0 0 8px rgba(177,78,221,.14)!important}

/* V83.53: Windows 7-inspired casino Profile window with compact field labels. */
html body[data-page="home"] #customer-auth-modal .customer-auth-card{
  width:min(470px,calc(100vw - 18px))!important;max-height:calc(100dvh - 18px)!important;margin:auto!important;padding:0 14px 15px!important;
  overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(132,206,255,.88)!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(112,41,143,.94) 0,rgba(47,13,65,.98) 58px,#1b0826 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.52),inset 0 0 0 3px rgba(75,17,96,.7),0 0 14px rgba(89,185,255,.22),0 18px 48px rgba(0,0,0,.52)!important
}
html body[data-page="home"] #customer-auth-modal .customer-auth-card>#customer-auth-title{
  min-height:48px;margin:0 -14px 10px!important;padding:14px 48px 9px 16px!important;border-bottom:1px solid rgba(255,220,106,.45)!important;
  color:#fff7d2!important;font-size:18px!important;font-weight:850!important;line-height:1.15!important;text-align:left!important;
  text-shadow:0 1px 2px #260331,0 0 6px rgba(255,223,102,.18)!important
}
html body[data-page="home"] #customer-auth-modal #customer-auth-close{
  top:7px!important;right:8px!important;width:40px!important;height:30px!important;border:1px solid rgba(255,209,209,.78)!important;border-radius:0 0 7px 7px!important;
  background:linear-gradient(180deg,#df6572,#8f162b)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 7px rgba(255,72,96,.22)!important
}
html body[data-page="home"] #customer-profile-view{display:grid!important;gap:11px!important}
html body[data-page="home"] #customer-profile-view[hidden]{display:none!important}
html body[data-page="home"] .customer-profile-identity{
  display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;
  margin:0!important;padding:9px!important;border:1px solid rgba(119,183,231,.6)!important;border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(38,7,53,.2))!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 7px rgba(94,191,255,.12)!important
}
html body[data-page="home"] .customer-profile-initials{
  display:grid!important;place-items:center!important;width:60px!important;height:60px!important;border:2px solid #f4d65f!important;border-radius:50%!important;
  background:radial-gradient(circle at 34% 24%,#ba55dc,#75139d 62%,#35044d)!important;color:#fff7c9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 9px rgba(221,93,255,.28)!important;font-size:22px!important;font-weight:950!important;letter-spacing:.5px!important
}
html body[data-page="home"] .customer-profile-identity h3{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.15!important}
html body[data-page="home"] .customer-profile-identity p{margin:2px 0 0!important;color:#c9d8e8!important;font-size:12px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html body[data-page="home"] :is(.my-profile-id-box,.profile-phone-choice,.profile-referral-choice){
  margin:0!important;padding:9px 10px!important;border:1px solid rgba(117,178,222,.48)!important;border-radius:7px!important;
  background:linear-gradient(180deg,rgba(72,26,91,.84),rgba(30,9,41,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 6px rgba(112,190,255,.09)!important
}
html body[data-page="home"] .my-profile-id-box{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:8px!important;row-gap:2px!important
}
html body[data-page="home"] .my-profile-id-box>span{grid-column:1!important;grid-row:1!important;margin:0!important;color:#ffe487!important;font-size:11px!important;font-weight:850!important;line-height:1.1!important}
html body[data-page="home"] .my-profile-id-box>strong{grid-column:1!important;grid-row:2!important;margin:0!important;color:#7dd7ff!important;font-size:16px!important;line-height:1.15!important}
html body[data-page="home"] .my-profile-id-box>button{grid-column:2!important;grid-row:1/span 2!important;min-height:34px!important;margin:0!important;padding:6px 11px!important}
html body[data-page="home"] :is(.profile-phone-summary,.profile-referral-summary){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
html body[data-page="home"] :is(.profile-phone-summary,.profile-referral-summary)>div{display:grid!important;gap:2px!important;min-width:0!important}
html body[data-page="home"] :is(.profile-phone-summary,.profile-referral-summary) strong{margin:0!important;color:#ffe487!important;font-size:11px!important;line-height:1.1!important}
html body[data-page="home"] :is(.profile-phone-summary,.profile-referral-summary) p{margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html body[data-page="home"] :is(.profile-phone-editor,.profile-referral-box){display:grid!important;gap:7px!important;margin:9px 0 0!important;padding:9px!important;border:1px solid rgba(209,147,236,.4)!important;border-radius:7px!important;background:rgba(17,4,24,.62)!important}
html body[data-page="home"] :is(.profile-phone-editor,.profile-referral-box)[hidden]{display:none!important}
html body[data-page="home"] :is(.profile-phone-editor,.profile-referral-box) label{display:grid!important;gap:3px!important;margin:0!important;color:#ffe487!important;font-size:11px!important;font-weight:800!important}
html body[data-page="home"] :is(.profile-phone-editor,.profile-referral-box) input{margin:0!important}
html body[data-page="home"] .profile-primary-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body[data-page="home"] .profile-primary-actions .profile-app-install{display:grid!important;gap:2px!important;min-width:0!important}
html body[data-page="home"] .profile-primary-actions button{width:100%!important;min-height:43px!important;margin:0!important;border-radius:7px!important;box-shadow:0 0 7px rgba(138,197,255,.14)!important}
html body[data-page="home"] .profile-share-button{border-color:#67bfff!important;background:#145d91!important;color:#fff!important}
html body[data-page="home"] .profile-logout-button{width:100%!important;min-height:42px!important;margin:0!important;border-color:#d96c80!important;background:#84233a!important;color:#fff!important;box-shadow:0 0 7px rgba(255,79,111,.14)!important}
html body[data-page="home"] #customer-auth-message{min-height:18px!important;margin:5px 2px 0!important;font-size:11px!important}

html body[data-page="home"] #customer-notification-panel .notification-panel-control{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important;padding:8px!important;
  border:1px solid rgba(100,195,255,.44)!important;border-radius:8px!important;background:#1d0b27!important;box-shadow:0 0 7px rgba(81,185,255,.1)!important
}
html body[data-page="home"] #customer-notification-panel .notification-panel-control>div{display:grid!important;gap:2px!important}
html body[data-page="home"] #customer-notification-panel .notification-panel-control strong{color:#ffe487!important;font-size:11px!important;line-height:1.1!important}
html body[data-page="home"] #customer-notification-panel .notification-panel-control small{color:#d7c8df!important;font-size:9px!important;line-height:1.2!important}
html body[data-page="home"] #customer-notification-panel #customer-enable-result-notifications{min-height:32px!important;margin:0!important;padding:5px 9px!important;font-size:10px!important}

/* V83.55: connected casino dashboard and live-data Profile window. */
html body[data-page="home"] #app#app{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important}
html body[data-page="home"] #app#app #customer-utility-strip[hidden]{display:none!important}
html body[data-page="home"] #app#app #customer-utility-strip.royal-bottom-nav{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;z-index:16500!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:91px calc(23px + env(safe-area-inset-bottom))!important;place-items:stretch!important;
  width:min(100vw,760px)!important;max-width:100vw!important;height:calc(114px + env(safe-area-inset-bottom))!important;margin:0!important;padding:0!important;
  transform:translateX(-50%)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  pointer-events:auto!important;overflow:visible!important
}
html body[data-page="home"] #app#app .casino-dashboard-arch{
  position:relative!important;grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(82px,22vw,106px) minmax(0,1fr)!important;
  align-items:end!important;width:100%!important;height:91px!important;margin:0!important;padding:19px 8px 7px!important;isolation:isolate!important
}
html body[data-page="home"] #app#app .casino-dashboard-arch::before{
  content:""!important;position:absolute!important;z-index:-1!important;inset:17px 0 0!important;
  border:1px solid rgba(175,88,211,.55)!important;border-bottom:0!important;border-radius:52% 52% 0 0 / 34px 34px 0 0!important;
  background:#180722!important;background-image:linear-gradient(180deg,rgba(70,19,91,.82),#180722 72%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 -4px 13px rgba(190,73,239,.16)!important
}
html body[data-page="home"] #app#app .casino-dashboard-arch :is(.customer-utility-card,.casino-profile-tab){
  position:relative!important;min-width:0!important;margin:0!important;border:0!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;transform:none!important;cursor:pointer!important
}
html body[data-page="home"] #app#app .casino-dashboard-arch .customer-utility-card{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;height:62px!important;padding:10px 5px 5px!important;
  border-radius:0!important;text-align:left!important
}
html body[data-page="home"] #app#app .casino-dashboard-arch .customer-utility-card::before{content:none!important}
html body[data-page="home"] #app#app .casino-dashboard-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;font-size:25px!important;line-height:1!important}
html body[data-page="home"] #app#app .customer-wallet-card{grid-column:1!important;color:#ffe36f!important}
html body[data-page="home"] #app#app .customer-wallet-card .casino-dashboard-icon{color:#ffe36f!important;text-shadow:0 0 6px rgba(255,211,74,.28)!important}
html body[data-page="home"] #app#app .customer-wallet-card>span:last-of-type{display:grid!important;gap:1px!important}
html body[data-page="home"] #app#app .customer-wallet-card small{color:#ffe6a0!important;font-size:10px!important;font-weight:800!important;line-height:1!important}
html body[data-page="home"] #app#app .customer-wallet-card strong{color:#fff5c9!important;font-size:20px!important;line-height:1!important}

/* V140 mutual member reserve */
html body[data-page="home"] #score-member-options{display:grid;gap:10px}
html body[data-page="home"] #score-member-options[hidden]{display:none!important}
html body[data-page="home"] .score-member-summary{display:grid;gap:2px;padding:10px 12px;border:1px solid #4fbcff;border-radius:9px;background:#180b2b}
html body[data-page="home"] .score-member-summary span{color:#ad9bbc;font-size:10px;font-weight:800;text-transform:uppercase}
html body[data-page="home"] .score-member-summary strong{color:#fff;font-size:15px}
html body[data-page="home"] .score-member-summary small{color:#62d8ff;font-size:12px;font-weight:850}
html body[data-page="home"] #score-member-options #score-member-amount{border-color:#35dc7e!important;background:#123225!important}
html body[data-page="home"] .profile-member-choice #customer-member-status.success{color:#54ef98!important}
html body[data-page="home"] #app#app .customer-chat-card{grid-column:3!important;color:#fff!important}
html body[data-page="home"] #app#app .customer-chat-card .casino-dashboard-icon{color:#69c6ff!important;text-shadow:0 0 6px rgba(58,177,255,.3)!important}
html body[data-page="home"] #app#app .customer-chat-card strong{color:#e7f7ff!important;font-size:13px!important;line-height:1.1!important}
html body[data-page="home"] #app#app .casino-dashboard-arch :is(.customer-wallet-card,.customer-chat-card):is(:hover,:focus-visible,:active){
  background:rgba(255,255,255,.025)!important;outline:1px solid rgba(255,227,111,.22)!important;outline-offset:-4px!important
}

/* V83.64: compact member sharing and different-app allocation cards. */
html body[data-page="home"] #score-route-modal #score-member-options{
  gap:8px!important;padding:9px!important;border:1px solid rgba(104,191,255,.34)!important;border-radius:10px!important;background:rgba(15,5,24,.58)!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-profile-status.success{display:none!important}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary{
  display:grid!important;gap:5px!important;padding:8px 9px!important;border:1px solid rgba(92,186,255,.54)!important;background:#160a24!important
}
html body[data-page="home"] #score-route-modal #score-member-options :is(.score-member-summary-head,.score-member-summary-values){
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:8px!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-head span{
  color:#ffe385!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-head span:last-child{text-align:right!important}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-values small{
  color:#63d3ff!important;font-size:12px!important;font-weight:850!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-values strong{
  overflow:hidden!important;color:#fff!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-member-options label.score-member-own-account{display:none!important}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-amount-field{
  display:grid!important;gap:4px!important;margin:0!important;color:#dfc8eb!important;font-size:11px!important;font-weight:850!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-divider{
  width:100%!important;height:2px!important;margin:4px 0!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#ffd763 12%,#fff3b0 50%,#ffd763 88%,transparent)!important;box-shadow:0 0 8px rgba(255,215,99,.98),0 0 13px rgba(255,195,57,.48)!important
}
html body[data-page="home"] #score-route-modal #score-member-options #score-own-allocation{
  display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0!important;padding:8px 10px!important;border:1px solid rgba(80,214,133,.58)!important;background:rgba(18,71,39,.27)!important
}
html body[data-page="home"] #score-route-modal #score-member-options #score-own-allocation span{display:flex!important;align-items:center!important;gap:5px!important;color:#fff!important;font-weight:850!important}
html body[data-page="home"] #score-route-modal #score-member-options #score-own-allocation small{color:#73d8ff!important;font-size:11px!important;font-weight:850!important;text-transform:uppercase!important}
html body[data-page="home"] #score-route-modal #score-member-options :is(#score-own-allocation,#score-allocation-total) strong{color:#65f69f!important;font-size:14px!important}
html body[data-page="home"] #score-route-modal #score-member-options #score-allocation-total{
  display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:7px 10px!important;border-color:rgba(255,215,99,.48)!important;background:#160a24!important
}
html body[data-page="home"] #score-route-form:has(#score-member-options:not([hidden])) #score-route-continue .score-route-continue-label{display:none!important}
html body[data-page="home"] #score-route-form:has(#score-member-options:not([hidden])) #score-route-continue .score-route-submit-label{display:inline!important}

html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-allocation-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(88px,.72fr) 30px!important;gap:7px!important;align-items:end!important;padding:8px!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-game){grid-column:1!important;grid-row:1!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-amount){grid-column:2!important;grid-row:1!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>label:has(.score-app-allocation-username){display:none!important}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows .score-app-allocation-row>.score-remove-app{
  grid-column:3!important;grid-row:1!important;align-self:end!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-auto-row{
  display:block!important;padding:0!important;border:0!important;background:transparent!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-auto-row>label,
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-auto-row>.score-remove-app{display:none!important}
html body[data-page="home"] #score-route-modal #score-app-allocation-rows .score-app-preselected-summary{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;padding:8px 10px!important;border:1px solid rgba(84,187,255,.48)!important;border-radius:9px!important;background:#160a24!important
}
html body[data-page="home"] #score-route-modal #score-app-allocation-rows .score-app-preselected-summary span{color:#ffe385!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important}
html body[data-page="home"] #score-route-modal #score-app-allocation-rows .score-app-preselected-summary strong{overflow:hidden!important;color:#fff!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;text-transform:uppercase!important}
html body[data-page="home"] #score-route-modal #score-app-allocation-rows .score-app-preselected-summary b{color:#68f3a0!important;font-size:13px!important}
html body[data-page="home"] #score-app-split-options #score-add-app{justify-self:end!important;min-width:76px!important;margin:0!important;padding:7px 12px!important}
html body[data-page="home"] #score-route-modal #score-app-split-options #score-app-allocation-total{
  display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:8px 10px!important;border-color:rgba(255,215,99,.48)!important;background:#160a24!important
}
html body[data-page="home"] #score-route-modal #score-app-split-options #score-app-allocation-total strong{color:#68f3a0!important;font-size:14px!important}
@media(max-width:430px){
  html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-app-allocation-rows>.score-app-allocation-row:not(.score-app-auto-row){
    grid-template-columns:minmax(0,1fr) minmax(82px,.68fr) 28px!important;gap:5px!important;padding:7px!important
  }
}
html body[data-page="home"] #app#app .casino-profile-tab{
  grid-column:2!important;z-index:3!important;align-self:start!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;height:86px!important;padding:0!important;pointer-events:auto!important
}
html body[data-page="home"] #app#app .casino-profile-tab .nav-icon{
  display:grid!important;place-items:center!important;width:66px!important;height:66px!important;margin:-16px 0 1px!important;
  border:1px solid #ffe36f!important;border-radius:50%!important;background:#7910a6!important;background-image:radial-gradient(circle at 35% 25%,#a72bd0,#7910a6 66%,#43045e)!important;
  color:#ffe36f!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 11px rgba(195,64,244,.3)!important
}
html body[data-page="home"] #app#app .casino-profile-tab .nav-icon svg{width:37px!important;height:37px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.6!important}
html body[data-page="home"] #app#app .casino-profile-tab b{margin:0!important;color:#fff3bd!important;font-size:10px!important;line-height:1!important;text-shadow:0 0 5px rgba(255,227,111,.2)!important}
html body[data-page="home"] #app#app .casino-business-name-bar{
  grid-column:1!important;grid-row:2!important;display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;height:calc(23px + env(safe-area-inset-bottom))!important;
  padding:0 10px env(safe-area-inset-bottom)!important;border-top:1px solid rgba(255,218,93,.38)!important;
  background:#120419!important;color:#ffe6a0!important;box-shadow:0 -2px 7px rgba(107,31,137,.15)!important;
  font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important;line-height:23px!important;text-align:center!important;text-transform:uppercase!important
}
html body[data-page="home"] #app#app .customer-chat-unread-badge{top:4px!important;right:max(5px,10%)!important}

html body[data-page="home"] #customer-auth-modal{
  z-index:20000!important;align-items:center!important;padding:max(9px,env(safe-area-inset-top)) 9px max(9px,env(safe-area-inset-bottom))!important;
  background:rgba(5,1,9,.72)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important
}
html body[data-page="home"] #customer-auth-modal .customer-auth-card{
  width:min(470px,calc(100vw - 18px))!important;max-height:calc(100dvh - 18px)!important;margin:auto!important;padding:0 14px 15px!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid rgba(132,206,255,.88)!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(112,41,143,.94) 0,rgba(47,13,65,.98) 58px,#1b0826 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.52),inset 0 0 0 3px rgba(75,17,96,.7),0 0 14px rgba(89,185,255,.22),0 18px 48px rgba(0,0,0,.52)!important
}
html body[data-page="home"] #customer-auth-modal .customer-auth-card>#customer-auth-title{
  position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar{
  position:sticky!important;top:0!important;z-index:5!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 40px!important;align-items:center!important;gap:7px!important;
  min-height:51px!important;margin:0 -14px 10px!important;padding:7px 8px 7px 13px!important;border-bottom:1px solid rgba(255,220,106,.45)!important;
  background:linear-gradient(180deg,rgba(119,43,151,.99),rgba(56,15,73,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-email-icon{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border:1px solid rgba(255,227,111,.55)!important;border-radius:50%!important;color:#ffe36f!important;font-size:14px!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar>div{display:grid!important;gap:1px!important;min-width:0!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar small{color:#ffe487!important;font-size:9px!important;font-weight:800!important;line-height:1!important;text-transform:uppercase!important}
html body[data-page="home"] #customer-auth-modal #customer-profile-email{overflow:hidden!important;color:#fff!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:1.15!important}
html body[data-page="home"] #customer-auth-modal #customer-auth-close{
  position:static!important;grid-column:3!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,209,209,.78)!important;border-radius:50%!important;
  background:#8f162b!important;background-image:linear-gradient(180deg,#df6572,#8f162b)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 7px rgba(255,72,96,.22)!important;font-size:21px!important
}
html body[data-page="home"] #customer-profile-view{display:grid!important;gap:9px!important}
html body[data-page="home"] .customer-profile-identity{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  margin:0!important;padding:8px 10px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;text-align:center!important
}
html body[data-page="home"] .customer-profile-avatar{position:relative!important;width:72px!important;height:72px!important}
html body[data-page="home"] .customer-profile-avatar :is(img,.customer-profile-initials){position:absolute!important;inset:0!important;width:72px!important;height:72px!important;border:2px solid #f4d65f!important;border-radius:50%!important;object-fit:cover!important}
html body[data-page="home"] .customer-profile-avatar [hidden]{display:none!important}
html body[data-page="home"] .customer-profile-initials{font-size:25px!important}
html body[data-page="home"] .customer-profile-identity h3{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.15!important}
html body[data-page="home"] :is(.my-profile-id-box,.profile-phone-choice,.profile-referral-choice){margin:0!important;padding:8px 9px!important}
html body[data-page="home"] .profile-info-row{display:grid!important;grid-template-columns:31px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
html body[data-page="home"] .profile-info-icon{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;border:1px solid rgba(111,195,255,.55)!important;border-radius:50%!important;color:#7dd7ff!important;font-size:14px!important}
html body[data-page="home"] .profile-info-row>div{display:grid!important;gap:2px!important;min-width:0!important}
html body[data-page="home"] .my-profile-id-box>div>span,html body[data-page="home"] .profile-info-row strong{margin:0!important;color:#ffe487!important;font-size:10px!important;font-weight:850!important;line-height:1.1!important}
html body[data-page="home"] .my-profile-id-box>div>strong,html body[data-page="home"] .profile-info-row p{margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
html body[data-page="home"] .my-profile-id-box>div>strong{color:#7dd7ff!important;font-size:15px!important}
html body[data-page="home"] .my-profile-id-box>.profile-info-icon{grid-column:1!important;grid-row:1!important}
html body[data-page="home"] .my-profile-id-box>div{grid-column:2!important;grid-row:1!important}
html body[data-page="home"] .my-profile-id-box>button{grid-column:3!important;grid-row:1!important;min-height:32px!important;margin:0!important;padding:5px 10px!important}
html body[data-page="home"] .profile-phone-summary{display:grid!important}
html body[data-page="home"] .profile-referral-choice{display:grid!important;gap:7px!important}
html body[data-page="home"] .profile-referral-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
html body[data-page="home"] .profile-referral-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
html body[data-page="home"] .profile-referral-details>div{display:grid!important;gap:2px!important;min-width:0!important;padding:7px!important;border:1px solid rgba(117,178,222,.3)!important;border-radius:7px!important;background:rgba(17,4,24,.48)!important}
html body[data-page="home"] .profile-referral-details small{color:#ffe487!important;font-size:9px!important;font-weight:800!important;line-height:1.1!important}
html body[data-page="home"] .profile-referral-details strong{color:#fff!important;font-size:12px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
html body[data-page="home"] .profile-referral-link-row{grid-column:1/-1!important}
html body[data-page="home"] .profile-referral-link-row span{overflow:hidden!important;color:#7dd7ff!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important}
html body[data-page="home"] .profile-referral-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
html body[data-page="home"] .profile-referral-actions button{width:100%!important;min-height:38px!important;margin:0!important;border-radius:7px!important;box-shadow:0 0 7px rgba(138,197,255,.14)!important}
html body[data-page="home"] .profile-download-app{display:grid!important;gap:2px!important;min-width:0!important}
html body[data-page="home"] .profile-download-app>button{width:100%!important;min-height:39px!important;margin:0!important;border-radius:7px!important}
html body[data-page="home"] .profile-logout-button{width:100%!important;min-height:40px!important;margin:0!important}
html body[data-page="home"] #customer-auth-message{min-height:16px!important;margin:3px 2px 0!important}
html body[data-page="home"] .customer-profile-tabs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:4px!important;border:1px solid rgba(121,188,235,.42)!important;border-radius:8px!important;background:#160720!important}
html body[data-page="home"] .customer-profile-tab-button{min-height:34px!important;margin:0!important;padding:6px 8px!important;border:1px solid rgba(255,221,102,.42)!important;border-radius:7px!important;background:#2c103b!important;color:#e9dcef!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important}
html body[data-page="home"] .customer-profile-tab-button.active{border-color:#ffdc60!important;background:#69441a!important;color:#fff0a4!important;box-shadow:0 0 6px rgba(255,215,82,.2)!important}
html body[data-page="home"] .customer-profile-tab-panel{display:grid!important;gap:8px!important;padding:9px!important;border:1px solid rgba(112,188,240,.42)!important;border-radius:9px!important;background:rgba(17,4,25,.68)!important}
html body[data-page="home"] .customer-profile-tab-panel[hidden],html body[data-page="home"] .profile-referral-metadata[hidden]{display:none!important}
html body[data-page="home"] .profile-email-row{padding:8px 9px!important;border:1px solid rgba(117,178,222,.3)!important;border-radius:8px!important;background:rgba(33,10,45,.7)!important}
html body[data-page="home"] .profile-account-actions{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start!important;gap:8px!important}
html body[data-page="home"] .profile-account-actions>button,html body[data-page="home"] .profile-account-actions .profile-download-app>button{width:100%!important;min-height:39px!important;margin:0!important}
html body[data-page="home"] #customer-auth-modal #customer-share-site{
  border:1px solid #67bfff!important;border-radius:7px!important;background:#145d91!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] .customer-profile-tab-panel .profile-referral-choice{padding:2px!important;border:0!important;background:transparent!important}
html body[data-page="home"] .customer-profile-tab-panel .profile-referral-box{padding:9px!important}
@media(max-width:430px){
  html body[data-page="home"] #app#app .casino-dashboard-arch{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)!important;padding-inline:3px!important}
  html body[data-page="home"] #app#app .casino-dashboard-arch .customer-utility-card{gap:5px!important;padding-inline:2px!important}
  html body[data-page="home"] #app#app .customer-chat-card strong{font-size:11px!important}
  html body[data-page="home"] #customer-auth-modal .customer-auth-card{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;padding-inline:11px!important}
  html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar{margin-inline:-11px!important}
}

/* V83.56: true viewport-wide, three-dimensional casino dashboard. */
html body[data-page="home"] #app#app #customer-utility-strip.royal-bottom-nav{
  inset:auto 0 0 0!important;left:0!important;right:0!important;
  width:100vw!important;min-width:100vw!important;max-width:none!important;margin:0!important;
  transform:none!important;box-sizing:border-box!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch{
  width:100vw!important;min-width:100vw!important;max-width:none!important;box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) clamp(80px,21vw,110px) minmax(0,1fr)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch::before{
  border:1px solid rgba(228,142,255,.82)!important;
  border-bottom:1px solid rgba(68,12,87,.95)!important;
  background:linear-gradient(180deg,#5a1b70 0,#351044 15%,#22092e 55%,#120419 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -9px 13px rgba(3,0,6,.58),0 -5px 20px rgba(194,63,242,.44),0 -1px 8px rgba(255,218,96,.18)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch .customer-utility-card{
  margin:0 5px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:13px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 42%,rgba(0,0,0,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -4px 7px rgba(0,0,0,.28),0 4px 8px rgba(0,0,0,.35)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .customer-wallet-card{
  border-color:rgba(255,222,100,.48)!important;box-shadow:inset 0 1px 0 rgba(255,244,184,.28),inset 0 -4px 7px rgba(80,42,0,.34),0 0 11px rgba(255,194,47,.28),0 4px 8px rgba(0,0,0,.35)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .customer-chat-card{
  border-color:rgba(92,202,255,.55)!important;box-shadow:inset 0 1px 0 rgba(204,241,255,.3),inset 0 -4px 7px rgba(0,44,77,.36),0 0 12px rgba(46,178,255,.34),0 4px 8px rgba(0,0,0,.35)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-profile-tab .nav-icon{
  border:2px solid #ffe36f!important;
  background:radial-gradient(circle at 34% 22%,#c34fea 0,#8d18b5 35%,#651080 67%,#3b074b 100%)!important;
  box-shadow:inset 0 3px 4px rgba(255,255,255,.32),inset 0 -7px 10px rgba(43,0,57,.5),0 0 8px #ffe36f,0 0 22px rgba(196,63,244,.72),0 7px 11px rgba(0,0,0,.48)!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-business-name-bar{
  width:100vw!important;min-width:100vw!important;max-width:none!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,#32103f 0,#16051f 42%,#0c020f 100%)!important;
  box-shadow:inset 0 1px rgba(255,239,174,.26),inset 0 -4px 7px rgba(0,0,0,.5),0 -3px 10px rgba(173,51,216,.26)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}

/* V83.57: clear dashboard base, full-bleed Profile titlebar, and
   Chat-style keyboard handling for every customer form. */
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch::before{
  content:none!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-business-name-bar{
  border:0!important;border-top:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .customer-auth-card{
  padding-top:0!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar{
  top:-1px!important;width:calc(100% + 28px)!important;min-width:calc(100% + 28px)!important;box-sizing:border-box!important;
  margin:-1px -14px 10px!important;padding:8px 8px 8px 13px!important;border-radius:11px 11px 0 0!important
}
html body[data-page="home"] #customer-auth-modal #customer-auth-close{
  position:relative!important;inset:auto!important;align-self:center!important;justify-self:end!important;display:grid!important;place-items:center!important;
  box-sizing:border-box!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;
  margin:0!important;padding:0 0 2px!important;overflow:hidden!important;line-height:1!important;transform:none!important
}
html body[data-page="home"] #customer-auth-modal #customer-auth-close::before,
html body[data-page="home"] #customer-auth-modal #customer-auth-close::after{content:none!important}

@media(max-width:430px){
  html body[data-page="home"] #customer-auth-modal .customer-profile-titlebar{
    width:calc(100% + 22px)!important;min-width:calc(100% + 22px)!important;margin:-1px -11px 10px!important
  }
}

/* V83.83: manual User ID + Password access uses the compact Profile window. */
html body[data-page="home"] #customer-auth-modal #customer-auth-guest{
  display:grid!important;gap:8px!important
}
html body[data-page="home"] #customer-auth-modal :is(#customer-login-options,#customer-manual-auth)[hidden]{display:none!important}
html body[data-page="home"] #customer-auth-modal #customer-login-options{
  display:grid!important;gap:9px!important;padding:5px 2px 2px!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-login{
  border:1px solid rgba(255,226,104,.78)!important;background:#4b1765!important;color:#fff!important;box-shadow:0 0 8px rgba(255,221,91,.18)!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth{
  display:grid!important;gap:9px!important;padding:4px 2px 2px!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth :is(form,label){display:grid!important;gap:5px!important;margin:0!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth form{gap:13px!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth .customer-manual-field{
  display:grid!important;gap:3px!important;margin:0!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth .customer-manual-field>label{margin:0!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-criteria{margin:1px 0 0!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth label{color:#ffe487!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth small{color:#cfc2d7!important;font-size:10px!important;line-height:1.35!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth input{
  width:100%!important;min-height:43px!important;margin:0!important;padding:8px 10px!important;box-sizing:border-box!important;
  border:1px solid rgba(116,205,255,.74)!important;border-radius:8px!important;background:#16091e!important;color:#fff!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.38)!important
}
html body[data-page="home"] #customer-auth-modal .customer-manual-password-row{position:relative!important;display:block!important}
html body[data-page="home"] #customer-auth-modal .customer-manual-password-row input{padding-right:42px!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-password-toggle{
  position:absolute!important;z-index:2!important;right:7px!important;top:50%!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:0!important;padding:5px!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#ffe22f!important;box-shadow:none!important;transform:translateY(-50%)!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-password-toggle svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
@layer ldr-v83-flat{
  html body[data-page="home"] #customer-auth-modal #customer-manual-password-toggle,
  html body[data-page="home"] #customer-auth-modal #customer-manual-password-toggle:is(:hover,:focus-visible,:active){transform:translateY(-50%)!important}
}
html body[data-page="home"] #customer-auth-modal .customer-manual-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
html body[data-page="home"] #customer-auth-modal .customer-manual-mode button{
  min-height:36px!important;margin:0!important;border:1px solid rgba(168,138,188,.55)!important;border-radius:7px!important;background:#2a1832!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal .customer-manual-mode button.active{border-color:#ffe36d!important;background:#5a1c76!important;color:#ffe36d!important}
html body[data-page="home"] #customer-auth-modal #customer-manual-submit{
  width:100%!important;min-height:42px!important;margin:0!important;border:1px solid rgba(102,235,163,.75)!important;background:#16834c!important;color:#fff!important;box-shadow:0 0 8px rgba(52,221,134,.2)!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth-back{
  width:100%!important;min-height:36px!important;margin:0!important;border:1px solid rgba(168,138,188,.55)!important;border-radius:7px!important;background:#2a1832!important;color:#fff!important;box-shadow:none!important
}
html body[data-page="home"] #customer-auth-modal #customer-manual-auth button:disabled{opacity:.58!important;cursor:wait!important}
@media(max-width:640px){html body[data-page="home"] #customer-auth-modal #customer-manual-auth input{font-size:16px!important}}

/* V83.59: restore a complete Profile referral control and keep the clear
   dashboard as one aligned row instead of reserving an invisible footer. */
html body[data-page="home"] #app#app{padding-bottom:calc(102px + env(safe-area-inset-bottom))!important}
html body[data-page="home"] #app#app #customer-utility-strip.royal-bottom-nav{
  grid-template-rows:calc(92px + env(safe-area-inset-bottom))!important;
  height:calc(92px + env(safe-area-inset-bottom))!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch{
  height:calc(92px + env(safe-area-inset-bottom))!important;
  padding:19px 8px max(7px,env(safe-area-inset-bottom))!important
}
html body[data-page="home"] #app#app #customer-utility-strip .casino-business-name-bar{display:none!important}
html body[data-page="home"] #customer-auth-modal #customer-referral-box:not([hidden]){display:grid!important}
html body[data-page="home"] #customer-auth-modal #customer-edit-referrer{min-width:68px!important}

/* V83.67: final casino frontend hierarchy, one-row saved-game shelf and
   permanently available Profile download/share utilities. */
html body[data-page="home"] #app#app .v51-hero{
  border-bottom:1px solid rgba(255,218,91,.38)!important;
  background-color:#17041f!important;
  box-shadow:0 5px 18px rgba(0,0,0,.3),0 0 16px rgba(188,65,238,.16)!important
}
html body[data-page="home"] #app#app .royal-promo{
  border-color:rgba(232,107,255,.64)!important;
  background:linear-gradient(145deg,rgba(87,18,108,.94),rgba(31,7,43,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 7px 18px rgba(0,0,0,.28),0 0 16px rgba(208,68,255,.2)!important
}
html body[data-page="home"] #app#app #games-section{
  margin-top:12px!important;padding:12px 10px!important;border:1px solid rgba(190,86,239,.38)!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(48,13,65,.64),rgba(18,4,27,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.24),0 0 18px rgba(174,55,222,.12)!important
}
html body[data-page="home"] #app#app #games-section>.games-sec-head{
  margin-bottom:8px!important;padding:7px 10px!important;border-left:3px solid #f4ce54!important;border-radius:7px!important;
  background:linear-gradient(90deg,rgba(108,42,134,.66),rgba(53,15,70,.18))!important
}
html body[data-page="home"] #app#app #all-games-section{
  margin-top:15px!important;padding:11px!important;border:1px solid rgba(70,181,255,.5)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(13,63,96,.58),rgba(14,6,30,.82))!important;
  box-shadow:inset 0 1px rgba(201,239,255,.1),0 6px 16px rgba(0,0,0,.24),0 0 14px rgba(39,163,244,.14)!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-sec-head{padding-bottom:5px!important;border-bottom:1px solid rgba(88,193,255,.3)!important}
html body[data-page="home"] #app#app #all-games-section :is(.all-games-help,.all-games-search-status){color:#b9dcf2!important}
html body[data-page="home"] #app#app #all-games-section #all-games-search-input{
  border-color:rgba(84,190,255,.7)!important;background:rgba(7,28,48,.78)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.34),0 0 8px rgba(64,179,247,.1)!important
}
html body[data-page="home"] #app#app #about-section{
  margin-top:13px!important;padding:12px!important;border:1px solid rgba(73,220,147,.42)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(11,71,48,.52),rgba(14,5,25,.82))!important;
  box-shadow:inset 0 1px rgba(210,255,231,.08),0 6px 15px rgba(0,0,0,.22),0 0 12px rgba(49,211,129,.1)!important
}
html body[data-page="home"] #app#app #about-section .sec-head{border-bottom-color:rgba(76,221,150,.32)!important}
html body[data-page="home"] #app#app .site-purpose-notice{
  border-color:rgba(255,188,68,.5)!important;background:linear-gradient(145deg,rgba(105,57,10,.58),rgba(31,12,21,.86))!important;
  box-shadow:inset 0 1px rgba(255,239,191,.11),0 5px 13px rgba(0,0,0,.22),0 0 10px rgba(255,177,50,.1)!important
}
html body[data-page="home"] #app#app>footer{
  border-top:1px solid rgba(203,101,242,.28)!important;background:linear-gradient(180deg,rgba(45,12,60,.72),rgba(13,3,18,.9))!important
}

/* One non-wrapping card row that remains a native left/right scrolling shelf. */
html body[data-page="home"] #app#app #v-games{
  display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;
  gap:9px!important;width:100%!important;padding:5px 4px 13px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scroll-padding-inline:4px!important;overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-x!important
}
html body[data-page="home"] #app#app #v-games>.game-card{
  position:relative!important;align-self:flex-start!important;flex:0 0 clamp(112px,30vw,148px)!important;
  width:clamp(112px,30vw,148px)!important;min-width:clamp(112px,30vw,148px)!important;max-width:none!important;margin:0!important;
  border:1px solid rgba(209,103,255,.72)!important;border-radius:11px!important;
  background:linear-gradient(145deg,#321143 0,#210b2d 50%,#120519 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -3px 6px rgba(5,0,10,.56),0 4px 0 #0b0210,0 8px 15px rgba(0,0,0,.42),0 0 13px rgba(199,68,246,.3)!important;
  scroll-snap-align:start!important;touch-action:pan-x!important;-webkit-tap-highlight-color:transparent!important;
  transition:transform .16s cubic-bezier(.2,.75,.25,1),border-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
  will-change:transform!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
  border-color:rgba(255,216,91,.78)!important;background:linear-gradient(145deg,rgba(255,211,72,.14),rgba(109,30,136,.16))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 10px rgba(255,208,77,.2),0 4px 8px rgba(0,0,0,.3)!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-name{color:#fff1bd!important;text-shadow:0 1px 2px #000,0 0 5px rgba(255,216,91,.18)!important}
html body[data-page="home"] #app#app #v-games>.game-card .game-online-status{color:#71efaa!important}
html body[data-page="home"] #app#app #v-games>.game-card:focus-within{
  border-color:#ffdb59!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 4px 0 #251005,0 8px 15px rgba(0,0,0,.42),0 0 16px rgba(255,210,76,.42)!important
}
html body[data-page="home"] #app#app #v-games>.game-card:active{
  transform:translateY(3px) scale(.985)!important;filter:brightness(1.04)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 -2px 5px rgba(5,0,10,.52),0 1px 0 #0b0210,0 4px 8px rgba(0,0,0,.38),0 0 15px rgba(209,83,252,.34)!important
}
html body[data-page="home"] #app#app #v-games>.your-games-empty{
  grid-row:1/-1!important;width:min(82vw,420px)!important;min-width:min(82vw,420px)!important;align-self:center!important
}
@media(hover:hover) and (pointer:fine){
  html body[data-page="home"] #app#app #v-games>.game-card:hover{
    transform:translateY(-2px)!important;border-color:#e493ff!important;filter:brightness(1.05)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -3px 6px rgba(5,0,10,.5),0 6px 0 #0b0210,0 12px 19px rgba(0,0,0,.45),0 0 18px rgba(211,83,255,.44)!important
  }
}

/* Profile: Account, Member and Referral use separate color families while
   Download and Share remain visible below every tab. */
html body[data-page="home"] #customer-auth-modal .customer-profile-tabs{
  border-color:rgba(166,115,207,.5)!important;background:linear-gradient(180deg,#220a30,#13051c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.22)!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button{
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="account"]{border-color:rgba(85,190,255,.64)!important;background:linear-gradient(180deg,#174f78,#0c314d)!important;color:#dff5ff!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="member"]{border-color:rgba(80,226,147,.64)!important;background:linear-gradient(180deg,#176443,#0c3d28)!important;color:#ddffed!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button[data-profile-panel="referral"]{border-color:rgba(255,188,67,.68)!important;background:linear-gradient(180deg,#7a4912,#4c2a09)!important;color:#fff1c4!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button.active{transform:translateY(-1px)!important;filter:brightness(1.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 11px currentColor!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-button:active{transform:translateY(1px) scale(.98)!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="account"]{
  border-color:rgba(82,188,255,.55)!important;background:linear-gradient(145deg,rgba(15,67,103,.52),rgba(19,5,29,.84))!important;
  box-shadow:inset 0 1px rgba(210,242,255,.1),0 0 11px rgba(63,176,241,.12)!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="member"]{
  border-color:rgba(74,224,143,.55)!important;background:linear-gradient(145deg,rgba(12,78,49,.52),rgba(17,6,27,.84))!important;
  box-shadow:inset 0 1px rgba(218,255,233,.1),0 0 11px rgba(54,221,132,.12)!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="referral"]{
  border-color:rgba(255,184,64,.58)!important;background:linear-gradient(145deg,rgba(101,57,11,.54),rgba(22,7,27,.86))!important;
  box-shadow:inset 0 1px rgba(255,240,198,.1),0 0 11px rgba(255,172,45,.13)!important
}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="account"] :is(.profile-email-row,.profile-phone-choice){border-color:rgba(91,196,255,.42)!important;background:rgba(7,39,62,.48)!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="member"] .profile-referral-box{border-color:rgba(77,226,145,.48)!important;background:rgba(8,55,35,.58)!important}
html body[data-page="home"] #customer-auth-modal .customer-profile-tab-panel[data-profile-panel-content="referral"] .profile-referral-box{border-color:rgba(255,185,67,.5)!important;background:rgba(69,36,6,.58)!important}
html body[data-page="home"] #customer-auth-modal .profile-external-actions{
  position:relative!important;margin:1px 0 0!important;padding:10px 0 0!important;border-top:1px solid rgba(224,147,255,.38)!important;
  background:transparent!important
}
html body[data-page="home"] #customer-auth-modal .profile-external-actions::before{
  content:"Profile tools"!important;grid-column:1/-1!important;margin-bottom:-1px!important;color:#d9b9eb!important;font-size:9px!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important
}
html body[data-page="home"] #customer-auth-modal .profile-external-actions #customer-install-app{
  border-color:#69d99d!important;background:linear-gradient(180deg,#168653,#0e5b39)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 0 #073a24,0 6px 10px rgba(0,0,0,.24),0 0 8px rgba(65,224,139,.14)!important
}
html body[data-page="home"] #customer-auth-modal .profile-external-actions #customer-share-site{
  border-color:#68c4ff!important;background:linear-gradient(180deg,#1977ae,#10517d)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 0 #082f4a,0 6px 10px rgba(0,0,0,.24),0 0 8px rgba(71,183,255,.15)!important
}
html body[data-page="home"] #customer-auth-modal .profile-external-actions :is(#customer-install-app,#customer-share-site){transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important}
html body[data-page="home"] #customer-auth-modal .profile-external-actions :is(#customer-install-app,#customer-share-site):active{transform:translateY(2px) scale(.99)!important;filter:brightness(1.06)!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 1px 0 #07121a,0 3px 6px rgba(0,0,0,.24)!important}

@media(max-width:430px){
  html body[data-page="home"] #app#app #games-section{margin-inline:5px!important;padding-inline:7px!important}
  html body[data-page="home"] #app#app #v-games{gap:8px!important}
  html body[data-page="home"] #app#app #v-games>.game-card{
    flex-basis:clamp(110px,32vw,136px)!important;width:clamp(110px,32vw,136px)!important;min-width:clamp(110px,32vw,136px)!important
  }
}
@media(prefers-reduced-motion:reduce){
  html body[data-page="home"] #app#app #v-games>.game-card,
  html body[data-page="home"] #customer-auth-modal :is(.customer-profile-tab-button,.profile-external-actions button){transition:none!important}
}

/* The Profile window has a legacy high-specificity flattening guard. These
   final selectors intentionally outrank it so each tab keeps its own color. */
html body[data-page="home"] #customer-auth-modal#customer-auth-modal#customer-auth-modal .customer-auth-card .customer-profile-tab-button[data-profile-panel="account"]{
  border-color:rgba(85,190,255,.72)!important;background:linear-gradient(180deg,#1a638f,#0d3d5d)!important;background-image:linear-gradient(180deg,#1a638f,#0d3d5d)!important;color:#e4f7ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 7px rgba(0,0,0,.2)!important
}
html body[data-page="home"] #customer-auth-modal#customer-auth-modal#customer-auth-modal .customer-auth-card .customer-profile-tab-button[data-profile-panel="member"]{
  border-color:rgba(80,226,147,.72)!important;background:linear-gradient(180deg,#1a754d,#0e472f)!important;background-image:linear-gradient(180deg,#1a754d,#0e472f)!important;color:#e1fff0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 7px rgba(0,0,0,.2)!important
}
html body[data-page="home"] #customer-auth-modal#customer-auth-modal#customer-auth-modal .customer-auth-card .customer-profile-tab-button[data-profile-panel="referral"]{
  border-color:rgba(255,191,77,.76)!important;background:linear-gradient(180deg,#8a5617,#57320c)!important;background-image:linear-gradient(180deg,#8a5617,#57320c)!important;color:#fff2c6!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 7px rgba(0,0,0,.2)!important
}
html body[data-page="home"] #customer-auth-modal#customer-auth-modal#customer-auth-modal .customer-auth-card .customer-profile-tab-button.active{
  border-color:#ffe07a!important;filter:brightness(1.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 12px rgba(255,217,96,.35),0 3px 7px rgba(0,0,0,.25)!important
}

/* Staff-controlled customer update: image-first, closable and independent of
   every request modal. */
html body[data-page="home"] #customer-promo-modal.customer-promo-modal{
  z-index:24000!important;align-items:center!important;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))!important;
  background:rgba(4,1,8,.78)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important
}
html body[data-page="home"] #customer-promo-modal .customer-promo-card{
  position:relative!important;display:grid!important;gap:0!important;width:min(540px,calc(100vw - 20px))!important;max-height:calc(100dvh - 24px)!important;
  margin:auto!important;padding:7px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(255,214,82,.82)!important;border-radius:15px!important;
  background:linear-gradient(145deg,#45125b,#1a0624 62%,#0f0315)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 0 0 3px rgba(111,31,137,.46),0 0 18px rgba(211,79,255,.36),0 18px 48px rgba(0,0,0,.62)!important
}
html body[data-page="home"] #customer-promo-modal #customer-promo-image{
  display:block!important;width:100%!important;max-height:min(66dvh,620px)!important;margin:0!important;border:1px solid rgba(112,203,255,.5)!important;border-radius:10px!important;
  background:#100418!important;object-fit:contain!important;box-shadow:0 0 12px rgba(58,177,245,.16)!important
}
html body[data-page="home"] #customer-promo-modal #customer-promo-image[hidden]{display:none!important}
html body[data-page="home"] #customer-promo-modal .customer-promo-copy{
  display:grid!important;gap:4px!important;padding:12px 10px 9px!important;text-align:center!important
}
html body[data-page="home"] #customer-promo-modal .customer-promo-copy .modal-eyebrow{margin:0!important;color:#6fe6aa!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important}
html body[data-page="home"] #customer-promo-modal #customer-promo-title{margin:0!important;color:#ffe178!important;font-size:20px!important;line-height:1.16!important;text-shadow:0 0 7px rgba(255,209,72,.2)!important}
html body[data-page="home"] #customer-promo-modal #customer-promo-message{margin:3px 0 0!important;color:#f4eaf8!important;font-size:12px!important;line-height:1.45!important;white-space:pre-line!important}
html body[data-page="home"] #customer-promo-modal #customer-promo-message[hidden]{display:none!important}
html body[data-page="home"] #customer-promo-modal #customer-promo-close{
  position:absolute!important;top:12px!important;right:12px!important;z-index:4!important;display:grid!important;place-items:center!important;
  width:36px!important;height:36px!important;margin:0!important;padding:0 0 2px!important;border:1px solid rgba(255,215,215,.8)!important;border-radius:50%!important;
  background:linear-gradient(180deg,#d95568,#861426)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.34),0 3px 8px rgba(0,0,0,.34)!important;font-size:22px!important;line-height:1!important
}
@media(max-width:430px){
  html body[data-page="home"] #customer-promo-modal .customer-promo-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important}
  html body[data-page="home"] #customer-promo-modal #customer-promo-title{font-size:18px!important}
}

/* V83.68: preserve the original promotion artwork and gold eligibility
   styling, keep View All Activity reachable, and add a clearly raised gold
   casino glow to saved games without changing their one-row shelf. */
html body[data-page="home"] #customer-notification-panel.customer-notification-panel:not([hidden]){
  display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;
  max-height:min(570px,calc(100dvh - 76px))!important;overflow:hidden!important
}
html body[data-page="home"] #customer-notification-panel.customer-notification-panel .customer-notification-list{
  min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important
}
html body[data-page="home"] #customer-notification-panel.customer-notification-panel #customer-notification-activity{
  position:sticky!important;bottom:0!important;z-index:3!important;display:block!important;
  width:100%!important;min-height:40px!important;margin:0!important;flex:0 0 auto!important
}
html body[data-page="home"] #app#app #v-games>.game-card{
  border-width:2px!important;border-color:rgba(255,218,91,.94)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.28),inset 0 -5px 7px rgba(5,0,10,.64),0 5px 0 #3b2100,0 10px 18px rgba(0,0,0,.5),0 0 20px rgba(255,202,53,.58)!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-card-main{
  position:relative!important;border-radius:9px!important;
  background:linear-gradient(155deg,rgba(255,218,91,.17),rgba(66,18,84,.2) 45%,rgba(7,1,12,.36))!important;
  box-shadow:inset 0 1px rgba(255,248,207,.3),inset 0 -4px 7px rgba(5,0,10,.5)!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-card-main::before{
  content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:38%!important;
  border-radius:9px 9px 48% 48%!important;background:linear-gradient(180deg,rgba(255,239,171,.18),transparent)!important;
  pointer-events:none!important
}
html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
  border-width:2px!important;border-color:#ffdc62!important;
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 3px 6px rgba(0,0,0,.42),0 0 14px rgba(255,209,63,.52)!important
}
html body[data-page="home"] #app#app #v-games>.game-card:focus-within{
  border-color:#fff0a4!important;box-shadow:inset 0 2px rgba(255,255,255,.32),inset 0 -5px 7px rgba(5,0,10,.6),0 5px 0 #4b2a00,0 10px 18px rgba(0,0,0,.5),0 0 25px rgba(255,210,62,.72)!important
}
@media(max-width:430px){
  html body[data-page="home"] #customer-notification-panel.customer-notification-panel:not([hidden]){max-height:calc(100dvh - 72px)!important}
}

/* Profile Member/Referral action colors. The same trigger becomes Close
   while expanded, so aria-expanded keeps both states visually accurate. */
html body[data-page="home"] #customer-auth-modal#customer-auth-modal :is(#customer-edit-member,#customer-edit-referrer)[aria-expanded="false"]{
  border-color:#6de5a0!important;background:#178b50!important;background-image:none!important;color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 3px 0 #07552d,0 6px 9px rgba(0,0,0,.24)!important
}
html body[data-page="home"] #customer-auth-modal#customer-auth-modal :is(#customer-save-member,#customer-save-referrer),
html body[data-page="home"] #customer-auth-modal#customer-auth-modal :is(#customer-edit-member,#customer-edit-referrer)[aria-expanded="true"],
html body[data-page="home"] #customer-auth-modal#customer-auth-modal #customer-auth-close{
  border-color:#f2f2f2!important;background:#c8c8cc!important;background-image:none!important;color:#101010!important;
  text-shadow:none!important;box-shadow:inset 0 1px #fff,0 3px 0 #68686d,0 5px 8px rgba(0,0,0,.24)!important
}

/* Important declarations in the older flat layer outrank unlayered important
   declarations. Re-enable depth here, inside that same layer, so the gold
   saved-game glow is present in the rendered cascade. */
@layer ldr-v83-flat{
  html body[data-page="home"] #app#app #v-games>.game-card{
    box-shadow:inset 0 2px rgba(255,255,255,.28),inset 0 -5px 7px rgba(5,0,10,.64),0 5px 0 #3b2100,0 10px 18px rgba(0,0,0,.5),0 0 20px rgba(255,202,53,.58)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-card-main{
    box-shadow:inset 0 1px rgba(255,248,207,.3),inset 0 -4px 7px rgba(5,0,10,.5)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
    box-shadow:inset 0 1px rgba(255,255,255,.32),0 3px 6px rgba(0,0,0,.42),0 0 14px rgba(255,209,63,.52)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card:focus-within{
    box-shadow:inset 0 2px rgba(255,255,255,.32),inset 0 -5px 7px rgba(5,0,10,.6),0 5px 0 #4b2a00,0 10px 18px rgba(0,0,0,.5),0 0 25px rgba(255,210,62,.72)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card:active{
    box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -3px 5px rgba(5,0,10,.58),0 2px 0 #3b2100,0 5px 9px rgba(0,0,0,.44),0 0 18px rgba(255,207,55,.62)!important
  }
}

/* Account Confirmation keeps two compact rows: own-account routes first,
   then For Someone Else and Share with your member together. */
html body[data-page="home"] #add-score-modal #add-score-form .add-score-amount-side{gap:7px!important}
html body[data-page="home"] #add-score-modal #add-score-form .score-destination-fieldset{
  margin:0!important;padding:7px!important
}
html body[data-page="home"] #add-score-modal #add-score-form .score-destination-options{gap:7px!important}
html body[data-page="home"] #add-score-modal #add-score-form .score-destination-options label>span{
  position:relative!important;padding-inline:9px 30px!important
}
html body[data-page="home"] #add-score-modal #add-score-form .score-destination-options label>input[type="radio"]:checked+span{
  border:2px solid #ffdb59!important;background:#4f1766!important;color:#fff!important
}
html body[data-page="home"] #add-score-modal #add-score-form .score-destination-options label>input[type="radio"]:checked+span::after{
  content:"✓"!important;position:absolute!important;top:50%!important;right:8px!important;display:grid!important;place-items:center!important;
  width:18px!important;height:18px!important;border-radius:50%!important;background:#ffdb59!important;color:#1d1000!important;
  font:900 12px/1 Arial,sans-serif!important;transform:translateY(-50%)!important
}
@layer ldr-v83-flat{
  html body[data-page="home"] #add-score-modal #add-score-form .score-destination-options label>input[type="radio"]:checked+span{
    box-shadow:0 0 0 2px rgba(255,219,89,.27),0 0 14px rgba(255,207,53,.78)!important
  }
}

/* Saved member names are entered in Profile and are the only member identity
   shown inside request popups. */
html body[data-page="home"] #customer-auth-modal #customer-member-box{
  gap:8px!important
}
html body[data-page="home"] #customer-auth-modal #customer-member-box>label{
  display:grid!important;gap:4px!important;margin:0!important
}
html body[data-page="home"] #customer-auth-modal #customer-member-name{
  border-color:rgba(84,219,145,.66)!important;background:rgba(7,55,34,.58)!important;color:#fff!important
}
html body[data-page="home"] #score-route-modal #score-member-options :is(.score-member-summary-head,.score-member-summary-values){
  grid-template-columns:minmax(0,1fr)!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-values #score-member-profile-id{display:none!important}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-summary-values #score-member-name{
  color:#fff4bd!important;text-align:left!important;font-size:14px!important
}

/* Move the bottom-dashboard controls into the previous top breathing room and
   keep that breathing room below the controls instead. */
html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch{
  padding:7px 8px calc(19px + env(safe-area-inset-bottom))!important
}
@media(max-width:430px){
  html body[data-page="home"] #app#app #customer-utility-strip .casino-dashboard-arch{
    padding-top:7px!important;padding-bottom:calc(19px + env(safe-area-inset-bottom))!important
  }
}

html body[data-page="home"] #customer-wallet-modal #customer-wallet-add-balance{
  border:1px solid #72efa9!important;background:#158c4f!important;background-image:none!important;color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(56,225,135,.3)!important
}

html body[data-page="home"] #add-score-payment-modal :is(#score-payment-progress,#score-payment-method-section,#score-sender-wrap,#score-amount-section,#score-payment-continue,#add-balance-status)[hidden]{display:none!important}
html body[data-page="home"] #add-score-payment-modal .wallet-funding-status{
  display:grid!important;justify-items:center!important;gap:6px!important;margin:10px 0 0!important;padding:16px!important;
  border:1px solid rgba(101,245,164,.55)!important;border-radius:10px!important;background:rgba(15,91,54,.28)!important;
  box-shadow:inset 0 0 14px rgba(70,239,143,.08),0 0 12px rgba(70,239,143,.16)!important
}
html body[data-page="home"] #add-score-payment-modal .wallet-funding-status>strong{color:#74f2aa!important;font-size:15px!important;text-align:center!important}

/* V83.78: every Account Confirmation route uses the same unselected frame as
   For You, then the same gold selected state and tick as member sharing. */
html body[data-page="home"] #add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal #add-score-form .score-destination-options label>input[name="score-destination"]+span{
  --v82-choice-edge:rgba(255,255,255,.3)!important;--v82-choice-face:rgba(18,39,68,.28)!important;--v82-choice-depth:transparent!important;--v82-choice-text:#fff!important;
  display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;background:rgba(18,39,68,.28)!important;color:#fff!important;
  box-shadow:none!important
}
html body[data-page="home"] #add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal#add-score-modal #add-score-form .score-destination-options label>input[name="score-destination"]:checked+span{
  border:2px solid #ffdb59!important;background:#4f1766!important;color:#fff!important;
  outline:0!important;box-shadow:0 0 0 2px rgba(255,219,89,.27),0 0 14px rgba(255,207,53,.78)!important
}

/* The Member Amount input is the visual separator; the former standalone gold
   line is removed. */
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-member-options #score-member-amount{
  border:2px solid #ffd763!important;background:#123225!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,224,112,.22),0 0 11px rgba(255,215,99,.72)!important
}
html body[data-page="home"] #score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal#score-route-modal #score-member-options #score-member-amount:focus{
  outline:0!important;box-shadow:0 0 0 2px rgba(255,235,145,.3),0 0 15px rgba(255,215,99,.9)!important
}
html body[data-page="home"] #score-route-modal #score-member-options .score-member-divider{display:none!important}

/* Eligibility uses the same green primary action treatment as the app actions. */
html body[data-page="home"] #promotion-eligibility-form button[type="submit"]{
  border:1px solid #72efa9!important;background:#158c4f!important;background-image:none!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(56,225,135,.3)!important
}

/* Your Games keeps its purple shelf. Each complete saved-game card restores the
   clearly green casino face from the first emerald treatment, with a bright
   inward frame glow and a softer halo outside. */
html body[data-page="home"] #app#app #games-section{
    border-color:rgba(190,86,239,.38)!important;
    background:linear-gradient(180deg,rgba(48,13,65,.64),rgba(18,4,27,.72))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.24)!important
  }
  html body[data-page="home"] #app#app #games-section>.games-sec-head{
    border-left-color:#60f0a6!important;background:linear-gradient(90deg,rgba(23,139,82,.76),rgba(7,62,39,.24))!important
  }
  html body[data-page="home"] #app#app #v-games{
    scrollbar-color:#ffe36f #1a0822!important
  }
  html body[data-page="home"] #app#app #v-games::-webkit-scrollbar-track{background:#1a0822!important}
  html body[data-page="home"] #app#app #v-games::-webkit-scrollbar-thumb{background:#ffe36f!important}
  html body[data-page="home"] #app#app #v-games>.game-card{
    border:2px solid rgba(124,255,197,.96)!important;
    background:linear-gradient(145deg,#123d2c 0,#0c291e 52%,#061710 100%)!important;
    box-shadow:inset 0 2px rgba(235,255,246,.3),inset 0 -5px 7px rgba(2,18,11,.68),inset 0 0 20px rgba(105,255,186,.48),0 5px 0 #063b24,0 10px 18px rgba(0,0,0,.5),0 0 23px rgba(98,255,183,.78)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-card-main{
    background:linear-gradient(155deg,rgba(86,255,166,.16),rgba(9,69,42,.22) 48%,rgba(2,18,11,.38))!important;
    box-shadow:inset 0 1px rgba(235,255,246,.3),inset 0 -4px 7px rgba(2,18,11,.5)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
    border-color:#80ffc4!important;background:linear-gradient(145deg,rgba(103,255,180,.2),rgba(8,59,37,.2))!important;
    box-shadow:inset 0 1px rgba(240,255,248,.38),inset 0 0 14px rgba(105,255,186,.64),0 3px 6px rgba(0,0,0,.42),0 0 17px rgba(105,255,186,.72)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card:focus-within{
    border-color:#ddffee!important;
    box-shadow:inset 0 2px rgba(245,255,250,.36),inset 0 -5px 7px rgba(2,18,11,.64),inset 0 0 22px rgba(112,255,190,.58),0 5px 0 #07452b,0 10px 18px rgba(0,0,0,.5),0 0 29px rgba(112,255,190,.88)!important
  }
html body[data-page="home"] #app#app #v-games>.game-card:active{
    box-shadow:inset 0 1px rgba(240,255,248,.3),inset 0 -3px 5px rgba(2,18,11,.62),inset 0 0 17px rgba(101,255,183,.54),0 2px 0 #063b24,0 5px 9px rgba(0,0,0,.44),0 0 20px rgba(101,255,183,.76)!important
}
@media(hover:hover) and (pointer:fine){
  html body[data-page="home"] #app#app #v-games>.game-card:hover{
    border-color:#c7ffe4!important;filter:brightness(1.07)!important;
    box-shadow:inset 0 2px rgba(245,255,250,.34),inset 0 -5px 7px rgba(2,18,11,.62),inset 0 0 22px rgba(105,255,186,.56),0 6px 0 #07452b,0 12px 19px rgba(0,0,0,.5),0 0 28px rgba(98,255,183,.84)!important
  }
}

/* Gold service boxes and a visible gold Profile close control. */
html body[data-page="home"] #app#app .homepage-menu-panel>button{
    border:1px solid #ffe080!important;background:#c89217!important;background-image:none!important;color:#1b1000!important;
    -webkit-text-fill-color:#1b1000!important;box-shadow:inset 0 1px rgba(255,255,255,.36),0 0 9px rgba(255,199,48,.3)!important
  }
  html body[data-page="home"] #app#app .homepage-menu-panel>button:is(:hover,:focus-visible){
    border-color:#fff0b0!important;background:#e0ad2d!important;color:#160d00!important;-webkit-text-fill-color:#160d00!important;
    box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 13px rgba(255,207,61,.48)!important
  }
html body[data-page="home"] #customer-auth-modal #customer-auth-close{
    border:1px solid #fff0a8!important;background:#d5a51e!important;background-image:none!important;color:#1a0e00!important;
    -webkit-text-fill-color:#1a0e00!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 10px rgba(255,205,55,.42)!important
}

/* Guide navigation: gold section boxes, with Add Score as the green primary
   guide. Text remains high-contrast on every card. */
html body[data-page="home"] #guide-popup-modal #guide-section-menu>button{
    border:1px solid #ffe080!important;background:#c89217!important;background-image:none!important;color:#171000!important;
    -webkit-text-fill-color:#171000!important;box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 8px rgba(255,201,48,.25)!important
  }
  html body[data-page="home"] #guide-popup-modal #guide-section-menu>button :is(strong,small){color:#171000!important;-webkit-text-fill-color:#171000!important}
  html body[data-page="home"] #guide-popup-modal #guide-section-menu>button[data-guide-section="add_score"]{
    border-color:#72efa9!important;background:#158c4f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(56,225,135,.3)!important
  }
html body[data-page="home"] #guide-popup-modal #guide-section-menu>button[data-guide-section="add_score"] :is(strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Customer Google access uses the same white-and-green treatment on the
   opening page, Profile sign-in, and the existing linked-account control. */
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google){
    border:1px solid #4fc982!important;background:#fff!important;background-image:none!important;color:#158c4f!important;
    -webkit-text-fill-color:#158c4f!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 0 8px rgba(56,205,127,.2)!important
  }
html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google) :is(span,b,strong){color:#158c4f!important;-webkit-text-fill-color:#158c4f!important}

/* The legacy flat layer owns several important shadow and close-button
   declarations. Repeat only those final properties in that same layer so the
   visible production cascade matches the V83.74 colors above. */
@layer ldr-v83-flat{
  html body[data-page="home"] #app#app #games-section{
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.24)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card{
    box-shadow:inset 0 2px rgba(235,255,246,.3),inset 0 -5px 7px rgba(2,18,11,.68),inset 0 0 20px rgba(105,255,186,.48),0 5px 0 #063b24,0 10px 18px rgba(0,0,0,.5),0 0 23px rgba(98,255,183,.78)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-card-main{
    box-shadow:inset 0 1px rgba(235,255,246,.3),inset 0 -4px 7px rgba(2,18,11,.5)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card .game-image-frame{
    box-shadow:inset 0 1px rgba(240,255,248,.38),inset 0 0 14px rgba(105,255,186,.64),0 3px 6px rgba(0,0,0,.42),0 0 17px rgba(105,255,186,.72)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card:focus-within{
    box-shadow:inset 0 2px rgba(245,255,250,.36),inset 0 -5px 7px rgba(2,18,11,.64),inset 0 0 22px rgba(112,255,190,.58),0 5px 0 #07452b,0 10px 18px rgba(0,0,0,.5),0 0 29px rgba(112,255,190,.88)!important
  }
  html body[data-page="home"] #app#app #v-games>.game-card:active{
    box-shadow:inset 0 1px rgba(240,255,248,.3),inset 0 -3px 5px rgba(2,18,11,.62),inset 0 0 17px rgba(101,255,183,.54),0 2px 0 #063b24,0 5px 9px rgba(0,0,0,.44),0 0 20px rgba(101,255,183,.76)!important
  }
  @media(hover:hover) and (pointer:fine){
    html body[data-page="home"] #app#app #v-games>.game-card:hover{
      box-shadow:inset 0 2px rgba(245,255,250,.34),inset 0 -5px 7px rgba(2,18,11,.62),inset 0 0 22px rgba(105,255,186,.56),0 6px 0 #07452b,0 12px 19px rgba(0,0,0,.5),0 0 28px rgba(98,255,183,.84)!important
    }
  }
  html body[data-page="home"] #score-route-modal #score-member-options #score-member-amount{
    box-shadow:0 0 0 1px rgba(255,224,112,.22),0 0 11px rgba(255,215,99,.72)!important
  }
  html body[data-page="home"] #score-route-modal #score-member-options #score-member-amount:focus{
    box-shadow:0 0 0 2px rgba(255,235,145,.3),0 0 15px rgba(255,215,99,.9)!important
  }
  html body[data-page="home"] #app#app .homepage-menu-panel>button{
    box-shadow:inset 0 1px rgba(255,255,255,.36),0 0 9px rgba(255,199,48,.3)!important
  }
  html body[data-page="home"] #customer-auth-modal #customer-auth-close{
    border:1px solid #fff0a8!important;background:#d5a51e!important;background-image:none!important;color:#1a0e00!important;
    -webkit-text-fill-color:#1a0e00!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 10px rgba(255,205,55,.42)!important
  }
  html body[data-page="home"] #guide-popup-modal #guide-section-menu>button{
    box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 8px rgba(255,201,48,.25)!important
  }
  html body[data-page="home"] #guide-popup-modal #guide-section-menu>button[data-guide-section="add_score"]{
    box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 10px rgba(56,225,135,.3)!important
  }
  html body[data-page="home"] :is(#landing-login-button,#customer-google-login,#customer-link-google){
    border:1px solid #4fc982!important;background:#fff!important;background-image:none!important;color:#158c4f!important;
    -webkit-text-fill-color:#158c4f!important;box-shadow:inset 0 1px rgba(255,255,255,.7),0 0 8px rgba(56,205,127,.2)!important
  }
}

@layer ldr-v83-wallet-strip{
/* V83.82: the final customer dashboard is pinned to the physical viewport.
   No inherited card animation, scroll container, or older centered-nav rule
   may translate the dashboard while the document is being scrolled. */
html body[data-page="home"] #app#app #customer-utility-strip.royal-bottom-nav{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  animation:none!important;
  transition:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  isolation:isolate!important;
  overscroll-behavior:none!important;
  z-index:16500!important
}
html body[data-page="home"] #app#app #customer-utility-strip :is(.casino-dashboard-arch,.customer-utility-card,.casino-profile-tab,.casino-business-name-bar){
  scroll-margin:0!important;
  animation:none!important;
  transition:none!important
}
html body[data-page="home"] #app#app #customer-utility-strip :is(.customer-utility-card,.casino-profile-tab):is(:hover,:focus-visible,:active){
  transform:none!important;
  translate:none!important
}

/* All Available Apps category switcher. Staff assigns one category per app;
   All remains the complete catalog and the selected category stays obvious. */
html body[data-page="home"] #app#app #all-games-section .all-games-filters{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:7px 0!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-filter-button{
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:6px 4px!important;
  border:1px solid rgba(91,190,255,.62)!important;
  border-radius:8px!important;
  background:#172b49!important;
  background-image:none!important;
  color:#e7f7ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:uppercase!important;
  transform:none!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-filter-button.is-active,
html body[data-page="home"] #app#app #all-games-section .all-games-filter-button[aria-pressed="true"]{
  border-color:#ffe178!important;
  background:#b67b0e!important;
  color:#170e00!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 10px rgba(255,199,52,.34)!important
}
html body[data-page="home"] #app#app #all-games-section .all-games-filter-button:focus-visible{
  outline:2px solid #fff2ad!important;
  outline-offset:2px!important
}
}

/* V83.84: optional referral during manual signup and a direct self-account
   Add Score route with no destination chooser. */
html body[data-page="home"] #customer-auth-modal #customer-signup-referrer-wrap:not([hidden]){
  display:grid!important;gap:3px!important;margin-top:0!important
}
html body[data-page="home"] #customer-auth-modal #customer-signup-referrer-wrap>label{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important
}
html body[data-page="home"] #customer-auth-modal #customer-signup-referrer-wrap>label>small{
  display:inline!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:9px!important;font-weight:750!important
}
html body[data-page="home"] #add-score-modal .score-account-default-note{
  margin:3px 0 10px!important;padding:9px 10px!important;border:1px solid rgba(92,223,154,.5)!important;border-radius:8px!important;
  background:rgba(14,89,52,.22)!important;color:#eafff3!important;font-size:12px!important;font-weight:750!important;text-align:center!important
}

/* V83.89: terminal customer results use a centered, explicitly closable
   confirmation card instead of a temporary foreground toast. */
html body[data-page="home"] #customer-task-result-modal{
  z-index:2147483000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  background:rgba(5,1,10,.78)!important;
  backdrop-filter:blur(8px)!important
}
html body[data-page="home"] #customer-task-result-modal:not([hidden]){display:flex!important}
html body[data-page="home"] :is(#add-score-payment-modal,#score-route-modal,#recharge-confirm-modal) .score-progress{grid-template-columns:repeat(3,1fr)!important}
html body[data-page="home"] :is(#add-score-payment-modal,#score-route-modal,#recharge-confirm-modal) .score-progress::before{left:16.6667%!important;right:16.6667%!important}
html body[data-page="home"] #customer-task-result-card{
  position:relative!important;
  width:min(100%,430px)!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:auto!important;
  margin:auto!important;
  padding:30px 22px 22px!important;
  border:1px solid rgba(90,231,151,.72)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#2c0b3d 0%,#170522 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 24px rgba(56,225,137,.24)!important;
  text-align:center!important
}
html body[data-page="home"] #customer-task-result-card[data-result-tone="failure"]{
  border-color:rgba(255,111,130,.78)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 24px rgba(255,74,103,.22)!important
}
html body[data-page="home"] #customer-task-result-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  margin:0 auto 10px!important;
  border:2px solid #65ee9d!important;
  border-radius:50%!important;
  background:rgba(30,151,84,.25)!important;
  color:#7cffb1!important;
  font-size:32px!important;
  font-weight:950!important;
  line-height:1!important
}
html body[data-page="home"] #customer-task-result-card[data-result-tone="failure"] #customer-task-result-icon{
  border-color:#ff8293!important;
  background:rgba(174,36,60,.25)!important;
  color:#ff9daa!important
}
html body[data-page="home"] #customer-task-result-status{
  margin:0 0 5px!important;
  color:#70efa7!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.11em!important
}
html body[data-page="home"] #customer-task-result-card[data-result-tone="failure"] #customer-task-result-status{color:#ff9daa!important}
html body[data-page="home"] #customer-task-result-title{margin:0 28px 9px!important;color:#ffe67f!important;font-size:23px!important;line-height:1.15!important}
html body[data-page="home"] #customer-task-result-message{margin:0!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.5!important}
html body[data-page="home"] #customer-task-result-time{display:block!important;margin-top:10px!important;color:#bfb1c9!important;font-size:11px!important}
html body[data-page="home"] #customer-task-result-time[hidden]{display:none!important}
html body[data-page="home"] #customer-task-result-done{width:100%!important;margin:18px 0 0!important}
html body[data-page="home"] #customer-task-result-card[data-result-tone="failure"] #customer-task-result-done{
  background:#a52c43!important;
  border-color:#ff8293!important;
  color:#fff!important
}
html body[data-page="home"] #customer-task-result-close{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  background:#d7d7d7!important;
  border-color:#fff!important
}

/* V83.91: exact-case Saved Login and profile-password controls. */
@layer ldr-v83-account-tools{
  html body[data-page="home"] :is(#game-logins-modal,#account-help-modal) .game-login-value>code,
  html body[data-page="home"] :is(#game-logins-modal,#account-help-modal) code.credential-copyable{
    text-transform:none!important;letter-spacing:0!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-password-choice{
    display:grid!important;gap:7px!important;margin-top:7px!important;padding:9px!important;
    border:1px solid rgba(255,215,93,.34)!important;border-radius:11px!important;background:rgba(48,24,57,.72)!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-password-choice[hidden],
  html body[data-page="home"] #customer-auth-modal .profile-password-form[hidden]{display:none!important}
  html body[data-page="home"] #customer-auth-modal .profile-password-form{
    display:grid!important;gap:7px!important;margin:0!important;padding:9px!important;
    border:1px solid rgba(127,93,151,.52)!important;border-radius:9px!important;background:#170720!important
  }
  html body[data-page="home"] #customer-auth-modal .profile-password-form>label{display:grid!important;gap:3px!important}
  html body[data-page="home"] #customer-auth-modal .customer-profile-password-row{
    position:relative!important;display:block!important
  }
  html body[data-page="home"] #customer-auth-modal .customer-profile-password-row>input{
    width:100%!important;padding-right:42px!important
  }
  html body[data-page="home"] #customer-auth-modal .customer-profile-password-row>button{
    position:absolute!important;z-index:2!important;right:4px!important;top:50%!important;translate:0 -50%!important;
    display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#ffe160!important;box-shadow:none!important;transform:none!important
  }
  html body[data-page="home"] #customer-auth-modal .customer-profile-password-row>button svg{
    width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important
  }
}
