:root{
  --ref-bg:#040107;
  --ref-panel:#100817;
  --ref-panel-2:#180923;
  --ref-purple:#8d21d8;
  --ref-magenta:#e43cff;
  --ref-gold:#ffd95b;
  --ref-line:#713395;
  --ref-text:#fff;
  --ref-muted:#c8bcd0;
}

html{background:var(--ref-bg)!important}
body[data-page="home"]{
  margin:0!important;
  padding:4px 0 88px!important;
  min-height:100vh!important;
  color:var(--ref-text)!important;
  background:radial-gradient(circle at 50% -10%,rgba(99,17,153,.2),transparent 30%),#020104!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body[data-page="home"] #app{
  width:min(560px,calc(100% - 8px))!important;
  max-width:560px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  padding:0 0 78px!important;
  overflow:hidden!important;
  border:1px solid #6f298e!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#08020d,#030106 75%)!important;
  box-shadow:0 0 36px rgba(112,25,158,.22)!important;
}

/* Header */
body[data-page="home"] .royal-topbar{
  position:relative!important;
  height:112px!important;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:12px 15px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:21px 21px 0 0!important;
  background:linear-gradient(180deg,#090311,#050108)!important;
  box-shadow:none!important;
}
body[data-page="home"] .royal-topbar:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:.55!important;
  background:radial-gradient(circle at 48% 5%,rgba(131,29,196,.18),transparent 53%)!important;
  pointer-events:none!important;
}
body[data-page="home"] .royal-menu-button,
body[data-page="home"] .royal-profile-button{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body[data-page="home"] .royal-menu-button svg,
body[data-page="home"] .royal-profile-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page="home"] .royal-brand{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
body[data-page="home"] .royal-logo-shell{
  flex:0 0 63px!important;
  width:63px!important;
  height:63px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(200,50,255,.24))!important;
}
body[data-page="home"] .royal-logo-shell .logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
}
body[data-page="home"] .royal-brand-copy{display:grid!important;gap:2px!important;min-width:0!important;text-align:center!important}
body[data-page="home"] #v-title{
  display:block!important;
  margin:0!important;
  color:var(--ref-gold)!important;
  background:none!important;
  -webkit-text-fill-color:var(--ref-gold)!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
  text-shadow:0 0 9px rgba(255,191,44,.2)!important;
  font:800 clamp(19px,5.3vw,28px)/1.04 Georgia,"Times New Roman",serif!important;
  letter-spacing:.8px!important;
  white-space:nowrap!important;
}
body[data-page="home"] #v-title .brand-word{color:inherit!important;-webkit-text-fill-color:inherit!important}
body[data-page="home"] .royal-brand-subtitle{
  color:#f5d9f7!important;
  font-size:clamp(9px,2.4vw,12px)!important;
  letter-spacing:4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Promotion */
body[data-page="home"] .royal-promo{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:180px!important;
  min-height:180px!important;
  margin:0 18px!important;
  padding:20px 10px 46px!important;
  display:grid!important;
  grid-template-columns:1fr 1px 1.15fr 1px 1fr!important;
  align-items:start!important;
  overflow:hidden!important;
  border:1px solid #782f98!important;
  border-radius:13px!important;
  background-image:linear-gradient(180deg,rgba(20,1,34,.04),rgba(9,0,15,.08)),url("../assets/promo-treasure-v1.png")!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:inset 0 0 22px rgba(255,40,246,.12)!important;
  isolation:isolate!important;
  cursor:pointer!important;
}
body[data-page="home"] .royal-promo:before,
body[data-page="home"] .royal-promo:after,
body[data-page="home"] .royal-promo-sparkles,
body[data-page="home"] .royal-promo-gift{display:none!important}
body[data-page="home"] .promo-column{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  text-align:center!important;
}
body[data-page="home"] .promo-column strong{
  color:var(--ref-gold)!important;
  font-size:clamp(27px,8vw,43px)!important;
  font-weight:950!important;
  line-height:.95!important;
  text-shadow:0 2px #704100,0 0 12px rgba(255,202,45,.35)!important;
}
body[data-page="home"] .promo-column b{
  color:#fff!important;
  font-size:clamp(10px,3.1vw,15px)!important;
  font-weight:900!important;
  line-height:1.05!important;
  white-space:normal!important;
  text-shadow:0 2px 5px #000!important;
}
body[data-page="home"] .promo-column span{display:none!important}
body[data-page="home"] .promo-column-featured{transform:translateY(-8px)!important}
body[data-page="home"] .promo-column-featured strong{font-size:clamp(39px,12vw,61px)!important}
body[data-page="home"] .royal-promo .promo-divider + .promo-column:not(.promo-column-featured) strong{font-size:clamp(21px,5.7vw,31px)!important;letter-spacing:-.5px!important}
body[data-page="home"] .promo-divider{width:1px!important;height:57px!important;margin-top:5px!important;background:linear-gradient(transparent,rgba(255,210,68,.9),transparent)!important}
body[data-page="home"] .promo-eligibility-button{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
body[data-page="home"] .royal-promo-dots{
  position:absolute!important;
  left:50%!important;
  bottom:7px!important;
  z-index:3!important;
  display:flex!important;
  gap:7px!important;
  transform:translateX(-50%)!important;
}
body[data-page="home"] .royal-promo-dots span{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#9c809d!important}
body[data-page="home"] .royal-promo-dots span.active{background:#f05de7!important;box-shadow:0 0 8px #ed48e0!important}

/* Search */
body[data-page="home"] .home-search-slot{
  position:relative!important;
  z-index:40!important;
  width:auto!important;
  height:auto!important;
  min-height:50px!important;
  margin:20px 18px 0!important;
}
body[data-page="home"] .home-search-slot .fixed-game-search-wrap{position:relative!important;inset:auto!important;width:100%!important;transform:none!important}
body[data-page="home"] .home-search-slot .fixed-game-search{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:50px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto 44px!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 0 0 14px!important;
  transform:none!important;
  overflow:hidden!important;
  border:1px solid #743099!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#17071f,#0d0613)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
body[data-page="home"] .fixed-game-search>span{color:#fff!important;font-size:27px!important}
body[data-page="home"] .fixed-game-search input{min-width:0!important;width:100%!important;height:100%!important;padding:0 5px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:15px!important;outline:0!important}
body[data-page="home"] .fixed-game-search input::placeholder{color:#a99aaf!important}
body[data-page="home"] #game-search-clear{font-size:20px!important}
body[data-page="home"] #app-search-filter{
  align-self:stretch!important;
  width:44px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-left:1px solid rgba(119,55,150,.55)!important;
  background:rgba(255,255,255,.025)!important;
  color:#e8d8ee!important;
  font-size:21px!important;
  cursor:pointer!important;
}
body[data-page="home"] .game-search-results{top:calc(100% + 6px)!important;bottom:auto!important;z-index:100!important}

/* Main action cards */
body[data-page="home"] .home-primary-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:20px 18px 0!important;
  padding:0!important;
}
body[data-page="home"] .home-primary-action{
  position:relative!important;
  width:100%!important;
  height:110px!important;
  min-height:110px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:14px 13px!important;
  border-radius:11px!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-action:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 35%,rgba(255,255,255,.025) 70%,rgba(255,255,255,.08))!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-add-score{
  border:1px solid #40e865!important;
  background:radial-gradient(circle at 20% 30%,rgba(84,255,100,.23),transparent 40%),linear-gradient(135deg,#049b37,#075d25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 18px rgba(15,207,61,.13)!important;
}
body[data-page="home"] .home-request-withdraw{
  border:1px solid #ff4c62!important;
  background:radial-gradient(circle at 20% 30%,rgba(255,108,118,.18),transparent 40%),linear-gradient(135deg,#c61c35,#750a18)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 18px rgba(224,27,56,.13)!important;
}
body[data-page="home"] .home-action-icon{
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  font-size:31px!important;
}
body[data-page="home"] .home-primary-action>span:last-child{min-width:0!important;flex:1 1 auto!important}
body[data-page="home"] .home-primary-action strong{display:block!important;max-width:100%!important;font-size:clamp(12px,3.5vw,18px)!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important;text-transform:uppercase!important}
body[data-page="home"] .home-primary-action small{display:block!important;margin-top:7px!important;color:rgba(255,255,255,.88)!important;font-size:11px!important;line-height:1.25!important}

/* Rules / Guide / Contact */
body[data-page="home"] .dashboard-stack{position:relative!important;top:auto!important;margin:0 18px 18px!important;box-shadow:none!important}
body[data-page="home"] #service-nav{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0!important;
}
body[data-page="home"] #service-nav .dash-opt.service-opt{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:7px 5px!important;
  border:1px solid #752da0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#25072f,#16051d)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
  font-family:inherit!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
body[data-page="home"] #service-nav .dash-opt.service-opt:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  background:linear-gradient(125deg,rgba(255,255,255,.13),transparent 40%,rgba(255,255,255,.035))!important;
  box-shadow:inset 0 0 14px rgba(255,255,255,.025)!important;
  pointer-events:none!important;
}
body[data-page="home"] #service-nav .service-icon,
body[data-page="home"] #service-nav .service-opt strong{position:relative!important;z-index:1!important}
body[data-page="home"] #service-nav .service-opt:nth-child(2){border-color:#a55a27!important;background:linear-gradient(135deg,#69240b,#341109)!important}
body[data-page="home"] #service-nav .service-opt:nth-child(3){border-color:#3471bd!important;background:linear-gradient(135deg,#123d80,#101a3d)!important}
body[data-page="home"] #service-nav .service-opt:before{display:none!important;content:none!important}
body[data-page="home"] #service-nav .service-icon{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;background:none!important;color:#f5ddff!important;font-size:20px!important}
body[data-page="home"] #service-nav .service-opt strong{width:auto!important;color:#fff!important;font-size:clamp(10px,3vw,13px)!important;line-height:1!important;white-space:nowrap!important;text-transform:uppercase!important}
body[data-page="home"] #service-nav .service-opt strong{
  min-width:0!important;
  max-width:100%!important;
  font-size:clamp(9px,2.7vw,13px)!important;
  line-height:1.08!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
body[data-page="home"] #service-nav .service-opt small{display:none!important}
body[data-page="home"] .dashboard-social{display:none!important}

/* Games */
body[data-page="home"] #games-section{margin:0!important;padding:24px 18px 22px!important}
body[data-page="home"] #games-section .sec-head{height:30px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important}
body[data-page="home"] #games-section .sec-head:before{content:"🎮";font-size:15px}
body[data-page="home"] #games-section .sec-num,
body[data-page="home"] #games-section .sec-rule{display:none!important}
body[data-page="home"] #games-section .sec-title{flex:1!important;margin:0!important;color:#fff!important;font:850 clamp(14px,4vw,17px)/1 Inter,sans-serif!important;text-align:left!important;text-shadow:none!important;-webkit-text-stroke:0!important;text-transform:uppercase!important}
body[data-page="home"] .view-all-games{
  flex:none!important;
  padding:5px 4px!important;
  border:0!important;
  background:transparent!important;
  color:#f1e5f4!important;
  font-size:13px!important;
  cursor:pointer!important;
}
body[data-page="home"] .view-all-games:after{content:" 〉"}
body[data-page="home"] .games-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-page="home"] .game-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  padding:5px 5px 8px!important;
  overflow:hidden!important;
  border:1px solid #633080!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#18091f,#0d0712)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
body[data-page="home"] .game-card:before,
body[data-page="home"] .game-card:after{display:none!important}
body[data-page="home"] .game-card-main{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:center!important;
  cursor:pointer!important;
}
body[data-page="home"] .game-card-main:after{display:none!important}
body[data-page="home"] .game-image-frame{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1.18!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:8px!important;
  background:#16071d!important;
  box-shadow:none!important;
}
body[data-page="home"] .game-image-frame img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
body[data-page="home"] .game-placeholder{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;padding:5px!important;border:0!important;border-radius:8px!important;background:linear-gradient(160deg,#230b30,#120619)!important;color:#cdbfd1!important;font-size:8px!important;line-height:1.35!important;text-shadow:none!important}
body[data-page="home"] .game-name{
  min-height:2.2em!important;
  display:grid!important;
  place-items:center!important;
  margin:5px 1px 0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(8px,2.3vw,11px)!important;
  font-weight:850!important;
  line-height:1.05!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
body[data-page="home"] .game-name:after{
  content:"● Online"!important;
  display:block!important;
  margin-top:3px!important;
  color:#25dc4c!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1!important;
}
body[data-page="home"] .game-actions,
body[data-page="home"] .game-hub-source{display:none!important}
/* About retained below the reference home grid */
body[data-page="home"] #about-section{
  display:block!important;
  margin:0 18px 15px!important;
  padding:17px 12px!important;
  border:1px solid rgba(110,42,141,.65)!important;
  border-radius:11px!important;
  background:#0d0612!important;
}
body[data-page="home"] #about-section .sec-head{margin:0 0 8px!important}
body[data-page="home"] #about-section .sec-title{font-size:15px!important}
body[data-page="home"] #about-section .about-body,
body[data-page="home"] .about-privacy-note{font-size:11px!important;line-height:1.55!important}
body[data-page="home"] #about-section:focus{outline:2px solid rgba(255,217,91,.75)!important;outline-offset:3px!important}
body[data-page="home"] #about-section .about-body:empty{display:none!important}
body[data-page="home"] .about-disclaimer{
  display:grid!important;
  gap:5px!important;
  margin-top:9px!important;
  padding:11px 12px!important;
  border-left:3px solid var(--ref-gold)!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(255,217,91,.09),rgba(141,33,216,.045))!important;
}
body[data-page="home"] .about-disclaimer strong{
  color:var(--ref-gold)!important;
  font-size:11px!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
}
body[data-page="home"] .about-disclaimer .about-privacy-note{margin:0!important;color:#d3c6d7!important}
body[data-page="home"] .site-purpose-notice,
body[data-page="home"] footer{display:none!important}

/* Lock the compact reference game treatment over the legacy metallic theme. */
body[data-page="home"] #games-section .sec-head{justify-content:flex-start!important;text-align:left!important}
body[data-page="home"] #games-section .sec-head:before{content:"🎮"!important;width:auto!important;height:auto!important;background:none!important;font-size:15px!important}
body[data-page="home"] #games-section .sec-head:after{display:none!important;content:none!important}
body[data-page="home"] #games-section .sec-title{
  flex:1 1 auto!important;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
  text-shadow:none!important;
  animation:none!important;
}
body[data-page="home"] #games-section .game-card{
  padding:5px 5px 8px!important;
  border:1px solid #633080!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#18091f,#0d0712)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
body[data-page="home"] #games-section .game-image-frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1.18!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#16071d!important;
  box-shadow:none!important;
}
body[data-page="home"] #games-section .game-placeholder{border:0!important;background:linear-gradient(160deg,#230b30,#120619)!important}
body[data-page="home"] #games-section .game-name{
  min-height:2.2em!important;
  margin:5px 1px 0!important;
  padding:0!important;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
  text-shadow:none!important;
  animation:none!important;
}
body[data-page="home"] #games-section .game-name:before{display:none!important;content:none!important}
body[data-page="home"] #games-section .game-name:after{
  content:"● Online"!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin-top:3px!important;
  background:none!important;
  color:#25dc4c!important;
  -webkit-text-fill-color:#25dc4c!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1!important;
}

/* Bottom navigation */
body[data-page="home"] .royal-bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  z-index:1000!important;
  width:min(560px,calc(100% - 8px))!important;
  height:70px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:center!important;
  padding:4px 10px calc(4px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  overflow:hidden!important;
  border:1px solid #51226d!important;
  border-bottom:0!important;
  border-radius:19px 19px 0 0!important;
  background:linear-gradient(180deg,rgba(21,7,29,.96),rgba(5,2,9,.985))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 -9px 28px rgba(45,4,70,.42),0 -2px 12px rgba(0,0,0,.7)!important;
  backdrop-filter:blur(16px)!important;
}
body[data-page="home"] .royal-bottom-item{
  width:100%!important;
  height:61px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  transform:none!important;
  cursor:pointer!important;
}
body[data-page="home"] .royal-bottom-item .nav-icon{
  width:auto!important;
  height:auto!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:inherit!important;
  box-shadow:none!important;
  font-size:24px!important;
}
body[data-page="home"] .royal-bottom-item b{font-size:11px!important;font-weight:500!important}
body[data-page="home"] .royal-bottom-item.active{color:#ffd345!important;text-shadow:0 0 10px rgba(255,210,60,.38)!important}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] .nav-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin-top:-12px!important;
  border:1px solid rgba(183,70,232,.78)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 38% 30%,rgba(170,65,224,.34),rgba(31,9,43,.92) 68%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 15px rgba(139,35,194,.3)!important;
  font-size:25px!important;
}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] b{margin-top:-1px!important}

/* Shared reference modal treatment */
.add-score-modal,
.contact-message-modal,
.create-account-request-modal,
.create-game-account-modal{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:grid!important;
  place-items:center!important;
  padding:14px!important;
  overflow:auto!important;
  background:rgba(1,0,3,.88)!important;
  backdrop-filter:blur(7px)!important;
}
.add-score-modal[hidden],
.contact-message-modal[hidden],
.create-account-request-modal[hidden],
.create-game-account-modal[hidden]{display:none!important}
.add-score-card,
.contact-message-card,
.create-account-request-card,
.create-game-account-card{
  position:relative!important;
  width:min(420px,100%)!important;
  max-height:calc(100vh - 28px)!important;
  padding:22px 20px!important;
  overflow:auto!important;
  border:1px solid #8b477e!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 50% -20%,rgba(94,24,130,.16),transparent 40%),linear-gradient(180deg,#0f0816,#09050e)!important;
  color:#fff!important;
  box-shadow:0 22px 70px rgba(0,0,0,.72)!important;
}
.add-score-card h2,
.contact-message-card h2,
.create-account-request-card h2,
.create-game-account-card h2{
  margin:0 40px 18px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.1!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.add-score-close,
.contact-message-close,
.reference-modal-close{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  z-index:4!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:28px!important;
  cursor:pointer!important;
}
.modal-back-button{
  position:absolute;
  top:10px;
  left:12px;
  z-index:4;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:23px;
  cursor:pointer;
}
.score-submit,
.reference-primary-button{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #a33bf2!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#a31bef,#4a06a1)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2)!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.reference-stepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:4px 0 21px;
}
.reference-stepper:before{content:"";position:absolute;left:17%;right:17%;top:12px;height:1px;background:#513c63}
.reference-stepper>span{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;color:#a99cac}
.reference-stepper b{width:25px;height:25px;display:grid;place-items:center;border:1px solid #7e6691;border-radius:50%;background:#100817;font-size:12px}
.reference-stepper small{font-size:9px;text-align:center}
.reference-stepper .active{color:#fff}.reference-stepper .active b{border-color:#e9b949;background:#b7750c;color:#fff}

/* Add Score */
body[data-page="home"] .add-score-card.add-score-recharge-card{width:min(650px,100%)!important}
.add-score-recharge-card .add-score-layout{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
.add-score-payment-side,
.add-score-amount-side{padding:0!important;border:0!important;background:transparent!important}
.add-score-payment-side h3{margin:0 0 5px!important;color:#fff!important;font-size:15px!important;text-align:left!important}
.add-score-payment-side>p{margin:0 0 13px!important;color:var(--ref-muted)!important;font-size:11px!important}
.score-payment-options{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:220px!important;padding:0 2px 0 0!important;overflow:auto!important}
.score-payment-option{width:100%!important;min-height:70px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto 18px!important;align-items:center!important;gap:8px!important;padding:7px!important;border:1px solid #50305e!important;border-radius:9px!important;background:#120918!important;text-align:left!important}
.score-payment-image-button{grid-column:1!important;width:58px!important;height:56px!important;margin:0!important;overflow:hidden!important;border-radius:7px!important}
.score-payment-info{grid-column:2!important;min-width:0!important;display:grid!important;gap:5px!important}
.score-payment-info>strong{color:#fff!important;font-size:13px!important}
.score-payment-info>small{overflow:hidden!important;color:#bcaec2!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.score-copy-payment{grid-column:3!important;min-width:50px!important;height:34px!important;padding:0 8px!important;border:1px solid #74408c!important;border-radius:6px!important;background:#1c0b26!important;color:#fff!important;font-size:10px!important;cursor:pointer!important}
.score-copy-payment.copied{border-color:#36d85f!important;color:#5af47c!important}
.score-payment-check{grid-column:4!important;align-self:center!important;position:static!important}
.add-score-amount-side{display:grid!important;gap:12px!important;position:static!important;padding-top:5px!important}
.add-score-amount-side label,
.reference-account-form label,
#withdrawal-form label{display:grid!important;gap:7px!important;color:#fff!important;font-size:12px!important;text-align:left!important}
.add-score-card input,
.add-score-card select,
.reference-account-form input,
.reference-account-form select{
  width:100%!important;
  height:43px!important;
  padding:9px 11px!important;
  border:1px solid #49335c!important;
  border-radius:7px!important;
  background:#110b18!important;
  color:#fff!important;
  font:inherit!important;
}
.score-selected-game{display:flex!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.score-sender-wrap{padding:10px!important;border:1px solid #a67905!important;border-radius:9px!important;background:#110c15!important}
.score-destination-options{grid-template-columns:repeat(3,1fr)!important}

/* Withdrawal */
.withdrawal-available{display:grid;justify-items:center;gap:3px;margin:3px 0 14px;color:#d2c4d6}
.withdrawal-available span{font-size:11px}.withdrawal-available strong{color:var(--ref-gold);font-size:29px}
.withdrawal-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.withdrawal-quick-amounts button{height:36px;border:1px solid #5b3b6c;border-radius:7px;background:#150c1c;color:#fff;cursor:pointer}
.withdrawal-help{color:#bfb2c4!important;font-size:10px!important;line-height:1.45!important;text-align:center!important}
.withdrawal-submit{border-color:#ff4055!important;background:linear-gradient(180deg,#ee3349,#a90c22)!important}

/* Game hub */
.game-hub-card{width:min(410px,100%)!important;padding:22px 25px 18px!important}
.game-hub-header{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;margin:30px 0 20px!important}
.game-hub-image{width:128px!important;height:128px!important;overflow:hidden!important;border:1px solid #aa6533!important;border-radius:14px!important;background:#180b21!important}
.game-hub-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.game-hub-details{min-width:0!important}
.game-hub-details .eyebrow{display:none!important}
.game-hub-details h2{margin:0 0 15px!important;color:#fff!important;font-size:20px!important;text-align:left!important;text-transform:uppercase!important}
.game-hub-player-label{display:block;color:#fff;font-size:12px;margin-bottom:4px}
.game-hub-player-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;height:39px;border:1px solid #2c1b38;border-radius:6px;background:#110b17;overflow:hidden}
.game-hub-player-row strong{min-width:0;padding:9px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-hub-copy{border:0;border-left:1px solid #2c1b38;background:transparent;color:#fff;cursor:pointer}
.game-hub-status{display:block!important;margin-top:8px!important;color:#31df55!important;font-size:12px!important}
.game-hub-status.needs-login{color:#d0b6d7!important}
.game-hub-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
.game-hub-action{width:100%!important;min-height:54px!important;padding:0 15px!important;border-radius:8px!important;color:#fff!important;font-size:15px!important;font-weight:850!important;text-align:left!important;text-transform:uppercase!important;cursor:pointer!important}
.game-hub-action.play{border:1px solid #b13aff!important;background:linear-gradient(180deg,#b11df5,#5705b1)!important}
.game-hub-action.download{border:1px solid #ffc451!important;background:linear-gradient(180deg,#e8a91c,#9d5b00)!important}
.game-hub-action.create,.game-hub-action.reset{border:1px solid #b12ad7!important;background:#120819!important}
.game-hub-action.login,.game-hub-action.score{display:none!important}
.game-hub-support{width:100%;margin-top:14px;padding:11px;border:0;border-top:1px solid #2b1a36;background:transparent;color:#bdaec3;font-size:11px;text-align:center;cursor:pointer}
.game-hub-support b{color:#f0c756}
body[data-page="home"] #game-hub-modal .game-hub-action.create,
body[data-page="home"] #game-hub-modal .game-hub-action.reset{border:1px solid #b12ad7!important;background:#120819!important;box-shadow:none!important}
body[data-page="home"] #game-hub-modal .game-hub-status{padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:600!important}

/* Account creation and reset */
.reference-account-form{display:grid!important;gap:12px!important;margin-top:8px!important}
.create-account-description{margin:13px 0!important;color:#bfb2c4!important;font-size:10px!important;line-height:1.45!important;text-align:center!important}
.create-account-request-card .score-submit{margin-top:2px!important}
.create-account-spinner{border-top-color:#9d21e9!important}
.created-credential{background:#150b1d!important}
.reference-account-form input:disabled{opacity:.72;cursor:not-allowed}

/* Activity */
.customer-activity-card{width:min(430px,100%)!important}
.customer-activity-help{margin:-7px 0 14px;color:#bfb2c4;font-size:11px;text-align:center}
.customer-activity-list{display:grid;gap:8px;max-height:min(510px,65vh);overflow:auto}
.customer-activity-list>p{margin:20px 0;color:#bfb2c4;text-align:center}
.customer-activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #3b2548;border-radius:8px;background:#110918}
.customer-activity-row>div{display:grid;gap:3px;min-width:0}
.customer-activity-row>div:last-child{justify-items:end;text-align:right}
.customer-activity-row strong{color:#fff;font-size:12px;text-transform:capitalize}
.customer-activity-row span,.customer-activity-row small{color:#bcaec2;font-size:9px;text-transform:capitalize}
.customer-activity-row b{color:#ffd15b;font-size:12px}
.customer-activity-row time{color:#8fa0ad;font-size:9px;line-height:1.25}
.customer-activity-row .customer-activity-status{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.customer-activity-row .customer-activity-status.success{color:#61e59b}
.customer-activity-row .customer-activity-status.failure{color:#ff7789}
.customer-activity-row .customer-activity-status.pending{color:#ffd15b}

/* Centered menu actions */
body[data-page="home"] .services-popup-card{width:min(420px,calc(100vw - 30px))!important}
body[data-page="home"] .services-popup-card .service-popup-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:17px!important;
}
body[data-page="home"] .services-popup-card .service-popup-list button{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:10px 12px!important;
  border:1px solid #61317c!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#190c22,#110817)!important;
  color:#fff!important;
  font-size:clamp(13px,3.5vw,15px)!important;
  line-height:1.16!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  cursor:pointer!important;
}
body[data-page="home"] .services-popup-card .service-popup-list button strong{
  display:block!important;
  font:inherit!important;
  font-weight:850!important;
  text-align:center!important;
}
body[data-page="home"] .services-popup-card .service-popup-list button small{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#bfb2c4!important;
  font-size:clamp(9px,2.7vw,11px)!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:center!important;
}
body[data-page="home"] .services-popup-card .service-popup-list button:is(:hover,:focus-visible){
  border-color:#d14cff!important;
  background:linear-gradient(135deg,#271033,#16091e)!important;
  outline:none!important;
  box-shadow:0 0 0 2px rgba(209,76,255,.15)!important;
}
body[data-page="home"] .account-help-action{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Contact reference grid */
.contact-message-card{width:min(420px,100%)!important}
.contact-message-options{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.contact-message-option{
  width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:9px 4px!important;
  border:1px solid #382345!important;
  border-radius:8px!important;
  background:#110a17!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
}
.contact-message-option strong{font-size:10px!important;text-transform:uppercase!important}
.contact-message-option>span{color:#bfaec4!important;font-size:9px!important}
.contact-message-option:before{font-size:28px}
.contact-message-facebook:before{content:"ⓕ";color:#4595ff}.contact-message-instagram:before{content:"◎";color:#ff52d8}.contact-message-whatsapp:before{content:"◉";color:#46e76c}.contact-message-telegram:before{content:"➤";color:#44b9ff}.contact-message-phone:before{content:"☎";color:#69e99a}.contact-message-email:before{content:"✉";color:#ffd05b}

/* Profile modal keeps all prior account functions */
.customer-auth-card{width:min(460px,100%)!important}
.my-profile-id-box{border-color:#71379a!important;background:#140a1d!important}

@media(max-width:420px){
  body[data-page="home"] #app{width:100%!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  body[data-page="home"] .royal-topbar{border-radius:0!important;padding-left:8px!important;padding-right:8px!important}
  body[data-page="home"] .royal-logo-shell{flex-basis:53px!important;width:53px!important;height:53px!important}
  body[data-page="home"] #v-title{font-size:18px!important}
  body[data-page="home"] .royal-brand-subtitle{font-size:8px!important;letter-spacing:3px!important}
  body[data-page="home"] .royal-promo{height:174px!important;min-height:174px!important;margin:0 12px!important;padding-left:5px!important;padding-right:5px!important}
  body[data-page="home"] .home-search-slot,
  body[data-page="home"] .home-primary-actions,
  body[data-page="home"] .dashboard-stack{margin-left:12px!important;margin-right:12px!important}
  body[data-page="home"] .home-primary-actions{gap:9px!important}
  body[data-page="home"] .home-primary-action{height:100px!important;min-height:100px!important;padding:10px 8px!important;gap:7px!important}
  body[data-page="home"] .home-action-icon{flex-basis:40px!important;width:40px!important;height:44px!important;font-size:24px!important}
  body[data-page="home"] .home-primary-action strong{font-size:12px!important}
  body[data-page="home"] .home-primary-action small{font-size:9px!important}
  body[data-page="home"] #service-nav{gap:7px!important}
  body[data-page="home"] #service-nav .dash-opt.service-opt{height:54px!important;min-height:54px!important;gap:4px!important;padding:4px 2px!important}
  body[data-page="home"] #service-nav .service-icon{font-size:15px!important}
  body[data-page="home"] #service-nav .service-opt strong{font-size:9px!important}
  body[data-page="home"] #games-section{padding-left:12px!important;padding-right:12px!important}
  body[data-page="home"] .games-grid{gap:8px!important}
  body[data-page="home"] .game-card{padding:4px 4px 7px!important}
  .game-hub-header{grid-template-columns:110px minmax(0,1fr)!important;gap:12px!important}
  .game-hub-image{width:110px!important;height:110px!important}
}

@media(min-width:700px){
  body[data-page="home"]{padding-top:12px!important}
}

/* V41 — full customer 3D app remodel */
:root{--v41-edge:#321345;--v41-gold:#ffd866;--v41-panel:#1b0b27;--v41-blue:#dff5ff}
body[data-page="home"]{background:radial-gradient(circle at 50% -10%,#5b176c 0,#240c35 35%,#100617 78%,#08030d 100%) fixed!important}
body[data-page="home"] button,body[data-page="home"] a.game-button,body[data-page="home"] .dash-opt{transform:translateZ(0);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
body[data-page="home"] button:not(:disabled):active,body[data-page="home"] a.game-button:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.35),0 2px 0 rgba(0,0,0,.45)!important}
.royal-topbar,.royal-promo,.fixed-game-search,.game-card,.reference-modal-card,.add-score-card,.create-account-request-card,.phone-modal-card,.customer-account-card{border:1px solid rgba(255,222,113,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.3),0 8px 0 rgba(7,2,11,.65),0 15px 30px rgba(0,0,0,.42)!important}
.royal-promo{min-height:220px!important;background-image:linear-gradient(90deg,rgba(21,4,30,.76),rgba(21,4,30,.26),rgba(21,4,30,.76)),url('../assets/promo-treasure-v1.png')!important;background-size:cover!important;background-position:center!important;border-radius:0 0 24px 24px!important}
.royal-brand-copy h1{font-size:clamp(17px,4vw,27px)!important;text-shadow:0 2px 0 #431253,0 4px 8px #000!important}
.home-primary-actions{display:none!important}
#games-section{padding-bottom:108px!important}
.games-grid{align-items:stretch!important}
.game-card{overflow:visible!important;border-radius:19px!important;background:linear-gradient(155deg,#30103f,#14081c)!important;padding:10px!important}
.game-card-main{border-radius:13px!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 0 #09030d,0 9px 18px rgba(0,0,0,.38)!important}
.game-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
.game-actions .game-button{min-height:42px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 4px 0 rgba(0,0,0,.55),0 7px 12px rgba(0,0,0,.3)!important;font-size:11px!important}
.game-actions .game-hub-open{grid-column:1/-1;background:linear-gradient(180deg,#8f49b4,#54246e)!important}
.game-actions .add-score-game-button{background:linear-gradient(180deg,#2fd86b,#087d32)!important}
.game-actions .withdrawal-game-button{background:linear-gradient(180deg,#ff5c73,#9f172d)!important}
.royal-bottom-nav{grid-template-columns:repeat(5,1fr)!important;gap:4px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#2a1035,#110618)!important;border-top:1px solid rgba(255,219,99,.42)!important;box-shadow:0 -7px 22px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.12)!important}
.royal-bottom-item{min-width:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;background:linear-gradient(180deg,#321340,#190821)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 0 #08020b!important;padding:7px 2px!important}
.royal-bottom-item b{font-size:9px!important}.royal-bottom-item .nav-icon{font-size:19px!important}
.royal-bottom-item[data-bottom-action="account"]{transform:translateY(-13px)!important;border-color:#ffe27f!important;background:linear-gradient(180deg,#a85ac8,#59216f)!important;border-radius:18px!important;min-height:65px!important;box-shadow:inset 0 1px #f5caff,0 5px 0 #2b0d38,0 0 18px rgba(213,103,255,.42)!important}
.add-score-recharge-card{width:min(980px,96vw)!important;max-height:92vh!important;overflow:auto!important;background:linear-gradient(145deg,#291236,#13081b)!important}
.add-score-layout{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;gap:18px!important;align-items:start!important}
.add-score-payment-side,.add-score-amount-side{padding:18px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 0 rgba(0,0,0,.48),0 11px 20px rgba(0,0,0,.3)!important}
.add-score-payment-side{background:linear-gradient(145deg,#eaf9ff,#bfe7f7)!important;color:#16303d!important;border-color:#fff!important}
.add-score-payment-side h3{color:#123446!important;font-size:20px!important}.add-score-payment-side>p{color:#42616e!important}
.add-score-amount-side{background:linear-gradient(145deg,#2b1238,#17091f)!important}
.score-payment-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.score-payment-option{display:grid!important;grid-template-columns:74px 1fr auto!important;gap:10px!important;min-width:0!important;padding:10px!important;border:1px solid #8ab6c8!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#d8eff8)!important;color:#15303c!important;box-shadow:inset 0 1px #fff,0 5px 0 #79a9bb,0 9px 16px rgba(35,91,112,.22)!important}
.score-payment-option.selected{outline:3px solid #1fa6da!important;box-shadow:inset 0 1px #fff,0 5px 0 #0879a8,0 0 18px rgba(0,159,219,.42)!important}
.score-payment-image-button{width:74px!important;height:74px!important;border-radius:10px!important;overflow:hidden!important}.score-payment-image-button img{width:100%!important;height:100%!important;object-fit:cover!important}
.score-payment-info strong,.score-payment-info small{color:#15303c!important}.score-copy-payment{align-self:end!important;background:linear-gradient(180deg,#2aafd9,#08749c)!important;color:white!important;border:1px solid #8de5ff!important;border-radius:8px!important;box-shadow:0 3px 0 #04516d!important}
.score-destination-fieldset,.score-split-options,.score-selected-game{display:none!important}
.add-score-amount-side label{font-size:13px!important}.add-score-amount-side input{min-height:48px!important;border-radius:11px!important;border:1px solid #80549a!important;background:#0f0715!important;color:#fff!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.55),0 2px rgba(255,255,255,.08)!important}
.score-submit{border:1px solid #ffe998!important;border-radius:12px!important;background:linear-gradient(180deg,#ffd85e,#bc7711)!important;color:#241000!important;font-weight:900!important;box-shadow:inset 0 1px #fff3bd,0 5px 0 #714005,0 9px 18px rgba(0,0,0,.35)!important}
.reference-stepper{display:none!important}
.create-account-request-card{background:linear-gradient(145deg,#2b1138,#15081d)!important}
.reference-account-form input{box-shadow:inset 0 3px 7px rgba(0,0,0,.5),0 2px rgba(255,255,255,.08)!important}
@media(max-width:720px){.royal-promo{min-height:170px!important}.add-score-layout{grid-template-columns:1fr!important}.score-payment-options{grid-template-columns:1fr!important}.score-payment-option{grid-template-columns:68px 1fr auto!important}.royal-bottom-item b{font-size:8px!important}.game-actions{grid-template-columns:1fr 1fr!important}}
/* V43 passwordless profile and credential vault */
.passwordless-auth-options{display:grid;gap:14px}.customer-auth-intro{text-align:center;color:#d8e8ff;margin:4px 0 8px}.auth-provider-button{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.35);font-weight:800;font-size:16px;box-shadow:inset 0 2px 1px rgba(255,255,255,.35),0 7px 0 rgba(0,0,0,.34),0 12px 24px rgba(0,0,0,.28);cursor:pointer}.auth-provider-button:active{transform:translateY(5px);box-shadow:inset 0 2px 1px rgba(255,255,255,.25),0 2px 0 rgba(0,0,0,.4)}.auth-provider-button.google{background:#fff;color:#202124}.auth-provider-button.apple{background:#111;color:#fff}.auth-provider-button.phone{background:linear-gradient(#8ed4ff,#4a9ed6);color:#071525}.auth-divider{text-align:center;border-bottom:1px solid rgba(255,255,255,.2);line-height:.1em;margin:10px 0}.auth-divider span{background:#12253d;padding:0 10px;color:#bcd0e8}.my-profile-id-box small{display:block;grid-column:1/-1;color:#a9bdd3}.profile-login-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.credential-card{display:grid!important;gap:10px!important;align-items:stretch!important}.credential-heading{display:flex;justify-content:space-between}.credential-row{display:flex;gap:8px;align-items:center}.credential-row code{flex:1;overflow-wrap:anywhere;background:rgba(0,0,0,.32);padding:10px;border-radius:9px;color:#fff}.credential-row button{border:0;border-radius:8px;padding:9px 11px;font-weight:800;cursor:pointer}
