/* Lucky Diamond Royal V49 — centered branding and four-column app grid. */

/* Keep the complete logo/business identity locked to the true page center. */
body[data-page="home"] .royal-topbar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body[data-page="home"] .royal-menu-button{
  position:absolute!important;
  left:clamp(12px,2vw,28px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body[data-page="home"] .royal-profile-button{
  position:absolute!important;
  right:clamp(12px,2vw,28px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body[data-page="home"] .royal-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(72%,900px)!important;
  max-width:900px!important;
  margin:0 auto!important;
  transform:none!important;
  text-align:center!important;
}
body[data-page="home"] .royal-brand-copy,
body[data-page="home"] .royal-brand-copy h1,
body[data-page="home"] .royal-brand-subtitle{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
  transform:none!important;
}

/* Keep all V48 search controls and live filtering. Hide only the status sentence below. */
body[data-page="home"] .fixed-game-search{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-page="home"] .game-search-icon{display:grid!important}
body[data-page="home"] #game-search-clear:not([hidden]){display:grid!important}
body[data-page="home"] #game-search-clear[hidden]{display:block!important;visibility:hidden!important;pointer-events:none!important}
body[data-page="home"] .game-search-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Exactly four app cards per row. Search still hides nonmatching cards. */
body[data-page="home"] .games-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.8vw,24px)!important;
  align-items:stretch!important;
}
body[data-page="home"] #v-games .game-card[hidden]{display:none!important}

@media(max-width:720px){
  body[data-page="home"] .royal-brand{width:70%!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;
    gap:8px!important;
  }
  body[data-page="home"] #games-section .game-card{
    min-width:0!important;
    padding:5px 5px 8px!important;
    border-radius:11px!important;
  }
  body[data-page="home"] .game-name{
    margin:6px 1px 4px!important;
    font-size:clamp(8px,2.6vw,11px)!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="home"] .game-name:after{
    margin-top:4px!important;
    font-size:clamp(7px,2.2vw,9px)!important;
  }
}