/* V53 — continuous promotion artwork and reference-sized search bar. */
body[data-page="home"]{
  background:
    linear-gradient(180deg,rgba(3,0,7,.04) 0,rgba(3,0,7,.22) 24%,rgba(3,0,7,.58) 55%,rgba(3,0,7,.9) 84%,#030106 100%),
    url('../assets/promo-treasure-v1.png') center top/cover fixed no-repeat!important;
}
body[data-page="home"] #app{
  position:relative!important;
  background:
    radial-gradient(ellipse 90% 36% at 50% 18%,rgba(111,19,128,.18),transparent 74%),
    linear-gradient(180deg,transparent 0,rgba(3,0,7,.12) 22%,rgba(3,0,7,.42) 58%,rgba(3,0,7,.8) 100%)!important;
}
body[data-page="home"] #app::before{
  inset:0!important;
  background:linear-gradient(90deg,rgba(2,0,5,.22),transparent 20%,transparent 80%,rgba(2,0,5,.22))!important;
}

/* Full search control: icon, live input, clear control, and filter button. */
body[data-page="home"] .home-search-slot{
  position:relative!important;
  z-index:5100!important;
  width:calc(100% - 36px)!important;
  max-width:887px!important;
  min-height:0!important;
  margin:clamp(18px,3.4vw,32px) auto 0!important;
  padding:0!important;
}
body[data-page="home"] .v51-search-wrap{
  position:relative!important;
  width:100%!important;
}
body[data-page="home"] .v51-search{
  display:grid!important;
  grid-template-columns:clamp(58px,9vw,84px) minmax(0,1fr) auto clamp(74px,12vw,112px)!important;
  align-items:center!important;
  width:100%!important;
  height:clamp(58px,10.4vw,96px)!important;
  min-height:58px!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid rgba(83,41,96,.96)!important;
  border-radius:clamp(16px,2.5vw,28px)!important;
  background:rgba(42,16,51,.96)!important;
  box-shadow:inset 0 3px rgba(255,255,255,.07),0 9px 0 rgba(8,1,13,.72),0 17px 30px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(12px)!important;
}
body[data-page="home"] .v51-search>.v52-search-icon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#fff!important;
}
body[data-page="home"] .v51-search>.v52-search-icon svg{
  width:clamp(27px,4.6vw,43px)!important;
  height:clamp(27px,4.6vw,43px)!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.1!important;
}
body[data-page="home"] .v51-search #game-search-input{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0 clamp(5px,1vw,12px)!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(17px,4vw,37px)!important;
  font-weight:500!important;
  line-height:1!important;
}
body[data-page="home"] .v51-search #game-search-input::placeholder{
  color:rgba(224,213,226,.78)!important;
  -webkit-text-fill-color:rgba(224,213,226,.78)!important;
  opacity:1!important;
}
body[data-page="home"] .v51-search #game-search-input:focus{box-shadow:none!important}
body[data-page="home"] #game-search-clear[hidden]{display:none!important}
body[data-page="home"] #game-search-clear:not([hidden]){
  display:grid!important;
  place-items:center!important;
  width:clamp(30px,5vw,44px)!important;
  height:clamp(30px,5vw,44px)!important;
  margin-right:8px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:clamp(20px,3vw,30px)!important;
  box-shadow:none!important;
}
body[data-page="home"] #app-search-filter{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(121,47,145,.72)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#692082,#72158d)!important;
  color:#fff64e!important;
  box-shadow:none!important;
}
body[data-page="home"] #app-search-filter svg{
  width:clamp(29px,5vw,46px)!important;
  height:clamp(29px,5vw,46px)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
}
body[data-page="home"] .game-search-results{
  top:calc(100% + 12px)!important;
  z-index:5200!important;
  border-color:rgba(255,242,87,.62)!important;
}

@media(max-width:480px){
  body[data-page="home"]{background-size:auto 100vh!important;background-position:center top!important}
  body[data-page="home"] .home-search-slot{width:calc(100% - 20px)!important;margin-top:15px!important}
  body[data-page="home"] .v51-search{
    grid-template-columns:50px minmax(0,1fr) auto 74px!important;
    height:58px!important;
    border-radius:17px!important;
  }
  body[data-page="home"] .v51-search #game-search-input{font-size:17px!important}
  body[data-page="home"] .v51-search>.v52-search-icon svg{width:28px!important;height:28px!important}
  body[data-page="home"] #app-search-filter svg{width:30px!important;height:30px!important}
}