/* V47 final integrated homepage + app workflow polish */
:root{
  --v47-gold:#ffd869;
  --v47-gold-deep:#8b5500;
  --v47-purple:#6f18a2;
  --v47-purple-deep:#16071f;
  --v47-panel:#17091f;
  --v47-line:rgba(255,220,112,.34);
  --v47-shadow:#060208;
  --v47-content:min(1760px,calc(100% - clamp(24px,5vw,88px)));
}

body[data-page="home"]{
  min-height:100vh!important;
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(5,1,9,.02) 0,rgba(5,1,9,.22) 290px,rgba(5,1,9,.88) 650px,#040106 1100px),
    url('../assets/promo-treasure-v1.png') center top/cover no-repeat fixed,
    #040106!important;
}
body[data-page="home"] #app{
  position:relative!important;
  isolation:isolate;
  min-height:100vh!important;
  padding-bottom:112px!important;
  background:transparent!important;
}
body[data-page="home"] #app:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:310px 0 0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0,rgba(117,28,151,.28),transparent 34%),
    linear-gradient(180deg,rgba(14,3,20,.48),rgba(4,1,6,.92) 520px,#040106 100%);
}

/* 1 + 2: brand over one blended promotion hero */
body[data-page="home"] .royal-topbar{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  width:var(--v47-content)!important;
  max-width:none!important;
  min-height:245px!important;
  margin:0 auto!important;
  padding:34px clamp(18px,4vw,72px) 58px!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body[data-page="home"] .royal-menu-button,
body[data-page="home"] .royal-profile-button{display:none!important}
body[data-page="home"] .royal-brand{
  width:100%!important;
  justify-content:center!important;
  gap:clamp(18px,2.5vw,38px)!important;
  text-align:left!important;
}
body[data-page="home"] .royal-logo-shell{
  width:clamp(92px,10vw,150px)!important;
  height:clamp(92px,10vw,150px)!important;
  flex:0 0 auto!important;
  padding:9px!important;
  border:1px solid rgba(255,220,112,.42)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(78,14,106,.88),rgba(22,5,32,.92))!important;
  box-shadow:inset 0 2px rgba(255,255,255,.16),0 8px 0 rgba(15,3,22,.8),0 20px 45px rgba(0,0,0,.55)!important;
}
body[data-page="home"] .royal-logo-shell .logo{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:16px!important}
body[data-page="home"] .royal-brand-copy h1{
  font-size:clamp(38px,5.6vw,82px)!important;
  line-height:.92!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
body[data-page="home"] .royal-brand-subtitle{
  display:block!important;
  margin-top:14px!important;
  font-size:clamp(13px,1.55vw,24px)!important;
  letter-spacing:.42em!important;
  color:#f5e6ff!important;
  text-shadow:0 3px 10px #000!important;
}
body[data-page="home"] .royal-promo{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  min-height:390px!important;
  margin:-245px 0 0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:
    linear-gradient(90deg,rgba(7,1,12,.78),rgba(9,1,15,.08) 35%,rgba(9,1,15,.08) 65%,rgba(7,1,12,.78)),
    linear-gradient(180deg,rgba(7,1,12,.1),rgba(7,1,12,.16) 62%,#08020d 100%),
    url('../assets/promo-treasure-v1.png') center 42%/cover no-repeat!important;
  box-shadow:none!important;
}
body[data-page="home"] .royal-promo:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-240px!important;
  height:280px!important;
  background:linear-gradient(180deg,#08020d 0,rgba(8,2,13,.92) 26%,rgba(8,2,13,.48) 58%,transparent 100%)!important;
  pointer-events:none!important;
}
body[data-page="home"] .royal-promo>*{display:none!important}
body[data-page="home"] .dashboard-stack{display:none!important}

/* 3: true instant app search, no filter */
body[data-page="home"] .home-search-slot{
  position:relative!important;
  z-index:5!important;
  width:var(--v47-content)!important;
  max-width:none!important;
  min-height:auto!important;
  margin:-54px auto 0!important;
}
body[data-page="home"] .fixed-game-search-wrap{width:100%!important}
body[data-page="home"] .fixed-game-search{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  width:100%!important;
  height:74px!important;
  padding:0 18px!important;
  border:1px solid rgba(255,222,126,.45)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(55,17,69,.98),rgba(24,7,32,.98))!important;
  box-shadow:inset 0 2px rgba(255,255,255,.1),0 7px 0 #09030c,0 18px 42px rgba(0,0,0,.5)!important;
}
body[data-page="home"] .fixed-game-search>span{font-size:39px!important;color:#fff!important;transform:rotate(-12deg)}
body[data-page="home"] .fixed-game-search input{
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:clamp(19px,1.7vw,28px)!important;
  font-weight:750!important;
}
body[data-page="home"] .fixed-game-search input::placeholder{color:#cdbbd3!important}
body[data-page="home"] #game-search-clear{
  width:46px!important;height:46px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:linear-gradient(#7b249f,#42105c)!important;
  color:#fff!important;
  font-size:28px!important;
  box-shadow:0 4px 0 #21072c!important;
}

/* 4: all apps visible under one clean heading */
body[data-page="home"] #games-section{
  position:relative!important;
  z-index:2!important;
  width:var(--v47-content)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:56px 0 48px!important;
}
body[data-page="home"] #games-section .sec-head{margin:0 0 24px!important}
body[data-page="home"] #games-section .sec-num{font-size:26px!important}
body[data-page="home"] #games-section .sec-title{
  font-size:clamp(24px,2.2vw,38px)!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
body[data-page="home"] #games-section .sec-rule{display:block!important}
body[data-page="home"] .games-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:clamp(12px,1.4vw,24px)!important;
}
body[data-page="home"] .game-card{
  min-width:0!important;
  padding:9px 9px 13px!important;
  border:1px solid rgba(160,91,184,.52)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:linear-gradient(150deg,rgba(49,20,60,.98),rgba(19,7,25,.98))!important;
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 7px 0 #09030c,0 15px 28px rgba(0,0,0,.42)!important;
  transition:transform .18s ease,border-color .18s ease,filter .18s ease!important;
}
body[data-page="home"] .game-card:hover{transform:translateY(-5px)!important;border-color:var(--v47-gold)!important;filter:brightness(1.08)}
body[data-page="home"] .game-card-main{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important}
body[data-page="home"] .game-image-frame{
  width:100%!important;
  aspect-ratio:1!important;
  padding:4px!important;
  border:1px solid rgba(255,218,102,.74)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#ffd96c,#7d4d00)!important;
  box-shadow:0 5px 0 #08020b!important;
}
body[data-page="home"] .game-image-frame img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:11px!important}
body[data-page="home"] .game-name{
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:10px 3px 2px!important;
  color:#fff!important;
  font-size:clamp(11px,1vw,16px)!important;
  font-weight:950!important;
  line-height:1.08!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
body[data-page="home"] .game-name:after{display:none!important}
body[data-page="home"] .game-online-status{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:5px!important;color:#29e967!important;font-size:12px!important;font-weight:750!important}
body[data-page="home"] .game-online-status span{width:9px!important;height:9px!important;border-radius:50%!important;background:#29e967!important;box-shadow:0 0 10px #29e967!important}
body[data-page="home"] .game-search-empty{grid-column:1/-1!important;padding:30px!important;text-align:center!important;color:#f3dfff!important;font-size:19px!important}
body[data-page="home"] #about-section,
body[data-page="home"] .site-purpose-notice,
body[data-page="home"] footer,
body[data-page="home"] .ai-agent-launcher,
body[data-page="home"] .create-game-account-launcher,
body[data-page="home"] #customer-account-button,
body[data-page="home"] .fixed-contact-dashboard{display:none!important}

/* 5: fixed 3D dashboard */
body[data-page="home"] .royal-bottom-nav{
  position:fixed!important;
  z-index:90!important;
  left:50%!important;right:auto!important;bottom:14px!important;
  transform:translateX(-50%)!important;
  width:min(1080px,calc(100% - 28px))!important;
  height:82px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  padding:9px!important;
  border:1px solid rgba(255,220,112,.4)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(42,14,52,.97),rgba(15,5,20,.98))!important;
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 8px 0 #050207,0 18px 45px rgba(0,0,0,.64)!important;
  backdrop-filter:blur(16px)!important;
}
body[data-page="home"] .royal-bottom-item{
  min-width:0!important;
  height:62px!important;
  margin:0!important;
  padding:7px 10px!important;
  flex-direction:row!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#4d1760,#2a0a36)!important;
  color:#fff!important;
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 5px 0 #0b0310!important;
}
body[data-page="home"] .royal-bottom-item .nav-icon{font-size:28px!important}
body[data-page="home"] .royal-bottom-item b{font-size:14px!important}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"]{
  height:70px!important;
  margin-top:-13px!important;
  border-color:#d85cff!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#a52bd4,#64108f)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.16),0 7px 0 #30053f,0 13px 30px rgba(0,0,0,.5)!important;
}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] .nav-icon{font-size:36px!important}
body[data-page="home"] .royal-bottom-item.active{outline:1px solid rgba(255,220,112,.72)!important;filter:brightness(1.12)}

/* App hub and every action button use visible 3D frames */
#game-hub-modal .game-hub-card{width:min(680px,calc(100% - 24px))!important;padding:28px!important;border:1px solid var(--v47-line)!important;border-radius:25px!important;background:linear-gradient(155deg,#27102f,#0e0513)!important;box-shadow:inset 0 2px rgba(255,255,255,.1),0 9px 0 #070209,0 30px 80px rgba(0,0,0,.76)!important}
#game-hub-modal .final-game-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
#game-hub-modal .final-game-actions .action-wide{grid-column:1/-1!important}
#game-hub-modal .game-hub-action{
  min-height:62px!important;
  padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:14px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  text-align:left!important;
  box-shadow:inset 0 2px rgba(255,255,255,.11),0 6px 0 rgba(0,0,0,.58),0 10px 20px rgba(0,0,0,.24)!important;
  transform:translateY(0)!important;
}
#game-hub-modal .game-hub-action:active{transform:translateY(4px)!important;box-shadow:inset 0 2px rgba(255,255,255,.08),0 2px 0 rgba(0,0,0,.58)!important}
#game-hub-modal .game-hub-action.score{background:linear-gradient(145deg,#2e9d61,#11643b)!important}
#game-hub-modal .game-hub-action.withdraw{background:linear-gradient(145deg,#c05458,#7c2228)!important}
#game-hub-modal .game-hub-action.logins{background:linear-gradient(145deg,#5b67c8,#303a91)!important}

/* Add Score complete two-column workflow */
#add-score-modal .add-score-card{width:min(1180px,calc(100% - 28px))!important;max-height:92vh!important;overflow:auto!important;padding:28px!important}
#add-score-modal .add-score-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)!important;gap:24px!important}
#add-score-modal .add-score-payment-side,
#add-score-modal .add-score-amount-side{border:1px solid rgba(255,220,112,.22)!important;border-radius:19px!important;background:linear-gradient(155deg,rgba(46,18,57,.96),rgba(15,6,21,.96))!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 7px 0 #08020b!important}
#add-score-modal .score-sender-wrap{display:block!important}
#add-score-modal .score-destination-fieldset{display:block!important;margin:16px 0!important;padding:12px!important;border:1px solid rgba(139,206,255,.34)!important;border-radius:15px!important;background:rgba(14,31,45,.62)!important}
#add-score-modal .score-destination-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#add-score-modal .score-destination-options label{display:block!important;cursor:pointer!important}
#add-score-modal .score-destination-options input{position:absolute!important;opacity:0!important;pointer-events:none!important}
#add-score-modal .score-destination-options span{display:grid!important;place-items:center!important;min-height:48px!important;padding:8px!important;border:1px solid #66788a!important;border-radius:12px!important;background:linear-gradient(145deg,#29445a,#132838)!important;color:#dff5ff!important;box-shadow:0 4px 0 #07131c!important;text-align:center!important}
#add-score-modal .score-destination-options input:checked+span{border-color:#b7efff!important;background:linear-gradient(145deg,#73d4ff,#277ca8)!important;color:#05263a!important;box-shadow:0 4px 0 #15526e,0 0 16px rgba(89,205,255,.35)!important}
#add-score-modal .score-split-options{margin-top:12px!important;padding:12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(5,2,8,.38)!important}
#add-score-modal .score-submit{width:100%!important;min-height:58px!important;border:1px solid #84ffac!important;border-radius:13px!important;background:linear-gradient(#2fd46c,#11883b)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;box-shadow:inset 0 2px rgba(255,255,255,.16),0 6px 0 #064a1e,0 12px 25px rgba(0,0,0,.35)!important}

/* Create/reset/login vault */
.account-rule-note{display:grid!important;gap:5px!important;padding:12px 14px!important;border:1px solid rgba(119,210,255,.35)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(34,76,101,.72),rgba(15,35,49,.72))!important;color:#dff6ff!important;font-size:13px!important;line-height:1.45!important}
.account-rule-note strong{color:#aeeaff!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.create-account-request-card,.reset-password-card,.game-logins-card{border:1px solid var(--v47-line)!important;background:linear-gradient(155deg,#281031,#0e0513)!important;box-shadow:inset 0 2px rgba(255,255,255,.09),0 9px 0 #070209,0 30px 80px rgba(0,0,0,.75)!important}
.reference-account-form input{box-shadow:inset 0 3px 8px rgba(0,0,0,.48),0 4px 0 #08020b!important}

.game-logins-card{width:min(680px,calc(100% - 24px))!important;max-height:90vh!important;overflow:auto!important;padding:28px!important}
.game-logins-subtitle{color:#cdbbd3!important;margin-top:-4px!important}
.game-logins-list{display:grid!important;gap:14px!important;margin:18px 0!important}
.game-login-card{display:grid!important;gap:12px!important;padding:16px!important;border:1px solid rgba(255,220,112,.25)!important;border-radius:16px!important;background:linear-gradient(145deg,#2c1335,#14081a)!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 6px 0 #070209!important}
.game-login-card-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
.game-login-card-head strong{color:var(--v47-gold)!important;font-size:17px!important}
.game-login-card-head span{padding:5px 9px!important;border-radius:999px!important;background:#123d27!important;color:#74f09e!important;font-size:11px!important;font-weight:800!important}
.game-login-card label{display:grid!important;gap:6px!important;color:#d8c8df!important;font-weight:800!important}
.game-login-value{display:flex!important;gap:8px!important;align-items:center!important;min-width:0!important}
.game-login-value code{flex:1!important;min-width:0!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:#09030d!important;color:#fff!important;overflow-wrap:anywhere!important}
.game-login-value button,.game-logins-refresh{min-height:40px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:10px!important;background:linear-gradient(#7f2fa6,#4c1767)!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 0 #22082e!important}
.game-logins-empty{display:grid!important;gap:8px!important;padding:22px!important;border:1px dashed rgba(255,220,112,.38)!important;border-radius:14px!important;text-align:center!important;color:#d7c9dd!important}
.game-logins-empty strong{color:#fff!important;font-size:18px!important}
.game-logins-empty.error{border-color:rgba(255,100,110,.5)!important;color:#ffd9dc!important}

@media(max-width:1450px){body[data-page="home"] .games-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:1180px){body[data-page="home"] .games-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:920px){
  body[data-page="home"] .royal-topbar{min-height:210px!important;padding-top:28px!important}
  body[data-page="home"] .royal-promo{margin-top:-210px!important;min-height:330px!important}
  body[data-page="home"] .royal-brand-copy h1{white-space:normal!important}
  body[data-page="home"] .games-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body[data-page="home"] .royal-bottom-item{flex-direction:column!important;gap:2px!important}
  body[data-page="home"] .royal-bottom-item b{font-size:11px!important}
  #add-score-modal .add-score-layout{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  :root{--v47-content:calc(100% - 24px)}
  body[data-page="home"] #app{padding-bottom:102px!important}
  body[data-page="home"] .royal-topbar{min-height:180px!important;padding:18px 6px 34px!important}
  body[data-page="home"] .royal-promo{margin-top:-180px!important;min-height:280px!important}
  body[data-page="home"] .royal-brand{gap:12px!important}
  body[data-page="home"] .royal-logo-shell{width:82px!important;height:82px!important;border-radius:18px!important}
  body[data-page="home"] .royal-brand-copy h1{font-size:clamp(28px,10vw,44px)!important}
  body[data-page="home"] .royal-brand-subtitle{font-size:10px!important;letter-spacing:.25em!important;margin-top:9px!important}
  body[data-page="home"] .home-search-slot{margin-top:-32px!important}
  body[data-page="home"] .fixed-game-search{height:62px!important;grid-template-columns:48px minmax(0,1fr) auto!important;padding:0 12px!important}
  body[data-page="home"] .fixed-game-search>span{font-size:30px!important}
  body[data-page="home"] #games-section{padding-top:42px!important}
  body[data-page="home"] .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 8px!important}
  body[data-page="home"] .game-card{padding:6px 6px 10px!important;border-radius:14px!important}
  body[data-page="home"] .game-name{font-size:11px!important}
  body[data-page="home"] .royal-bottom-nav{bottom:7px!important;height:76px!important;gap:5px!important;padding:7px!important;border-radius:19px!important}
  body[data-page="home"] .royal-bottom-item{height:56px!important;padding:4px!important;border-radius:11px!important}
  body[data-page="home"] .royal-bottom-item .nav-icon{font-size:23px!important}
  body[data-page="home"] .royal-bottom-item[data-bottom-action="account"]{height:62px!important;margin-top:-9px!important}
  body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] .nav-icon{font-size:29px!important}
  #game-hub-modal .final-game-actions{grid-template-columns:1fr!important}
  #game-hub-modal .final-game-actions .action-wide{grid-column:auto!important}
  #add-score-modal .score-destination-options{grid-template-columns:1fr!important}
}
@media(max-width:420px){body[data-page="home"] .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}