/* V44 — coded homepage matching the supplied Lucky Diamond reference */
:root{
  --v44-bg:#030106;
  --v44-panel:#24102c;
  --v44-panel-2:#30143b;
  --v44-line:#4b2458;
  --v44-purple:#76179a;
  --v44-gold:#ffe334;
  --v44-green:#37f078;
}

html,body{background:var(--v44-bg)!important}
body[data-page="home"]{min-height:100vh!important;padding:0 0 112px!important;background:#030106!important;color:#fff!important}
body[data-page="home"] #app{position:relative!important;width:min(100%,900px)!important;min-height:100vh!important;margin:0 auto!important;overflow:visible!important;background:#030106!important}

/* Promotional masthead */
body[data-page="home"] .royal-promo{
  position:relative!important;
  z-index:1!important;
  width:calc(100% - 32px)!important;
  min-height:225px!important;
  margin:22px 16px 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(96,56,109,.28)!important;
  border-radius:30px 30px 0 0!important;
  background-image:linear-gradient(180deg,rgba(10,0,17,.02),rgba(8,0,14,.13)),url('../assets/promo-treasure-v1.png')!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.35)!important;
}
body[data-page="home"] .royal-promo:after{
  content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,#030106);pointer-events:none
}
body[data-page="home"] .royal-promo>*{display:none!important}
body[data-page="home"] .royal-topbar{
  position:absolute!important;
  z-index:5!important;
  top:74px!important;
  left:50%!important;
  width:min(620px,82%)!important;
  height:auto!important;
  min-height:86px!important;
  display:flex!important;
  justify-content:center!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  border:0!important;
  background:transparent!important;
  box-shadow: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{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;width:100%!important}
body[data-page="home"] .royal-logo-shell{
  flex:0 0 96px!important;width:96px!important;height:96px!important;padding:8px!important;border:0!important;border-radius:2px!important;
  background:rgba(36,2,65,.66)!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important
}
body[data-page="home"] .royal-logo-shell img{width:100%!important;height:100%!important;object-fit:contain!important}
body[data-page="home"] .royal-brand-copy{min-width:0!important;text-align:left!important}
body[data-page="home"] .royal-brand-copy h1{
  margin:0!important;color:#ffd85f!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(27px,5.7vw,48px)!important;
  font-weight:900!important;line-height:.95!important;letter-spacing:1px!important;white-space:nowrap!important;text-shadow:0 3px 0 #733509,0 0 13px rgba(255,210,61,.35)!important
}
body[data-page="home"] .royal-brand-subtitle{display:block!important;margin-top:9px!important;color:#fff!important;font-size:clamp(11px,2.25vw,18px)!important;font-weight:800!important;letter-spacing:.42em!important;text-align:center!important;text-shadow:0 2px 7px #000!important}

/* Remove legacy home dashboard and content */
body[data-page="home"] .dashboard-stack,
body[data-page="home"] #about-section,
body[data-page="home"] .site-purpose-notice,
body[data-page="home"] footer{display:none!important}

/* Search */
body[data-page="home"] .home-search-slot{position:relative!important;z-index:20!important;margin:27px 16px 0!important;min-height:86px!important}
body[data-page="home"] .fixed-game-search-wrap{position:relative!important;inset:auto!important;width:100%!important;transform:none!important}
body[data-page="home"] .fixed-game-search{
  position:relative!important;inset:auto!important;width:100%!important;height:86px!important;display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto 106px!important;align-items:center!important;gap:0!important;padding:0!important;transform:none!important;
  overflow:hidden!important;border:1px solid #5d2a6c!important;border-radius:22px!important;background:#2a1033!important;
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.35)!important
}
body[data-page="home"] .fixed-game-search>span{display:grid!important;place-items:center!important;color:#fff!important;font-size:0!important}
body[data-page="home"] .fixed-game-search>span:before{content:"";width:31px;height:31px;border:4px solid #fff;border-radius:50%;box-sizing:border-box}
body[data-page="home"] .fixed-game-search>span:after{content:"";position:absolute;width:17px;height:4px;margin:26px 0 0 29px;border-radius:5px;background:#fff;transform:rotate(45deg)}
body[data-page="home"] .fixed-game-search input{width:100%!important;height:100%!important;padding:0 12px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:clamp(18px,4vw,30px)!important;font-weight:500!important;outline:0!important}
body[data-page="home"] .fixed-game-search input::placeholder{color:#c5b5c9!important;opacity:.9!important}
body[data-page="home"] #game-search-clear{color:#fff!important;font-size:30px!important}
body[data-page="home"] #app-search-filter{
  align-self:stretch!important;width:106px!important;display:grid!important;place-items:center!important;border:0!important;border-left:1px solid rgba(132,54,163,.45)!important;
  background:linear-gradient(135deg,#6e198d,#8723aa)!important;color:transparent!important;font-size:0!important;cursor:pointer!important
}
body[data-page="home"] #app-search-filter:before{
  content:"";width:34px;height:29px;display:block;background:linear-gradient(var(--v44-gold),var(--v44-gold)) left top/34px 4px no-repeat,
  linear-gradient(var(--v44-gold),var(--v44-gold)) center 12px/20px 4px no-repeat,
  linear-gradient(var(--v44-gold),var(--v44-gold)) center bottom/4px 15px no-repeat;
  clip-path:polygon(0 0,100% 0,64% 50%,64% 100%,42% 100%,42% 50%);filter:drop-shadow(0 2px 2px #3e0b4f)
}
body[data-page="home"] .game-search-results{top:calc(100% + 8px)!important;bottom:auto!important;z-index:200!important}

/* Games heading */
body[data-page="home"] #games-section{margin:0!important;padding:37px 16px 26px!important}
body[data-page="home"] #games-section .sec-head{height:auto!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0 4px 25px!important}
body[data-page="home"] #games-section .sec-head:before{content:"🎮"!important;font-size:30px!important;filter:saturate(1.2)!important}
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;-webkit-text-fill-color:#fff!important;font:900 clamp(22px,4.2vw,34px)/1.05 Arial,sans-serif!important;letter-spacing:.02em!important;text-align:left!important;text-transform:uppercase!important;text-shadow:0 3px 4px #000!important}
body[data-page="home"] .view-all-games{display:block!important;flex:none!important;padding:6px 0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:clamp(17px,3.5vw,27px)!important;cursor:pointer!important}
body[data-page="home"] .view-all-games:after{content:"  ❯"!important}

/* App grid/cards */
body[data-page="home"] .games-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 14px!important;align-items:stretch!important}
body[data-page="home"] #games-section .game-card{
  position:relative!important;display:block!important;min-width:0!important;padding:9px 9px 14px!important;overflow:hidden!important;
  border:1px solid #4e275a!important;border-radius:20px!important;background:linear-gradient(180deg,#25102c,#1a0a20)!important;
  box-shadow:inset 0 3px rgba(255,255,255,.055),0 8px 0 #08030a,0 12px 22px rgba(0,0,0,.34)!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;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;height:auto!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:14px!important;
  background:#16071d!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 10px rgba(0,0,0,.3)!important
}
body[data-page="home"] .game-image-frame img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important}
body[data-page="home"] .game-name{min-height:auto!important;display:block!important;margin:11px 0 0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:900 clamp(12px,2.2vw,19px)/1.05 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;text-transform:uppercase!important;text-shadow:0 2px 3px #000!important}
body[data-page="home"] .game-name:before{display:none!important}
body[data-page="home"] .game-name:after{content:"●  Online"!important;display:block!important;margin-top:8px!important;color:var(--v44-green)!important;-webkit-text-fill-color:var(--v44-green)!important;font:500 clamp(11px,1.9vw,16px)/1 Arial,sans-serif!important;text-transform:none!important;text-shadow:0 0 8px rgba(55,240,120,.48)!important}
body[data-page="home"] .game-actions,body[data-page="home"] .game-hub-source{display:none!important}

/* Fixed dashboard */
body[data-page="home"] .royal-bottom-nav{
  position:fixed!important;z-index:5000!important;left:50%!important;right:auto!important;bottom:0!important;width:min(100%,900px)!important;height:113px!important;
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;gap:8px!important;padding:8px 8px calc(9px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;overflow:visible!important;border:1px solid #4a2058!important;border-bottom:0!important;border-radius:30px 30px 0 0!important;
  background:linear-gradient(180deg,#27102e,#100614)!important;box-shadow:0 -8px 24px rgba(0,0,0,.55),inset 0 2px rgba(255,255,255,.07)!important
}
body[data-page="home"] .royal-bottom-item{
  position:relative!important;width:100%!important;height:96px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:8px 4px!important;border:1px solid rgba(99,44,112,.7)!important;border-radius:18px!important;background:linear-gradient(150deg,#3c1550,#24092f)!important;color:#fff!important;
  box-shadow:inset 0 2px rgba(255,255,255,.08),0 5px 0 #09030c,0 7px 12px rgba(0,0,0,.35)!important;cursor:pointer!important
}
body[data-page="home"] .royal-bottom-item:nth-child(2){background:linear-gradient(150deg,#721591,#48105c)!important}
body[data-page="home"] .royal-bottom-item:nth-child(4){background:linear-gradient(150deg,#1769b4,#0d3f7d)!important}
body[data-page="home"] .royal-bottom-item:nth-child(5){background:linear-gradient(150deg,#b07408,#754603)!important}
body[data-page="home"] .royal-bottom-item .nav-icon{display:block!important;width:auto!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font-size:38px!important;line-height:1!important;text-shadow:0 2px 3px #000!important}
body[data-page="home"] .royal-bottom-item b{font-size:clamp(11px,2vw,18px)!important;font-weight:800!important;text-shadow:0 2px 3px #000!important}
body[data-page="home"] .royal-bottom-item.active{color:var(--v44-gold)!important}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"]{
  height:88px!important;margin-bottom:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] .nav-icon{
  width:105px!important;height:105px!important;display:grid!important;place-items:center!important;margin-top:-58px!important;border:4px solid #692079!important;border-radius:50%!important;
  background:linear-gradient(145deg,#9b20cb,#6d0e99)!important;color:#fff32d!important;box-shadow:inset 0 3px rgba(255,255,255,.13),0 7px 0 #31063f,0 10px 22px rgba(0,0,0,.45)!important;font-size:52px!important
}
body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] b{margin-top:-1px!important;font-size:clamp(14px,2.4vw,21px)!important}

@media(max-width:620px){
  body[data-page="home"] .royal-promo{min-height:185px!important;margin-top:10px!important;border-radius:22px 22px 0 0!important}
  body[data-page="home"] .royal-topbar{top:50px!important;width:90%!important}
  body[data-page="home"] .royal-logo-shell{flex-basis:72px!important;width:72px!important;height:72px!important}
  body[data-page="home"] .royal-brand-copy h1{font-size:clamp(21px,6.6vw,35px)!important}
  body[data-page="home"] .royal-brand-subtitle{font-size:10px!important}
  body[data-page="home"] .home-search-slot{margin-top:18px!important;min-height:66px!important}
  body[data-page="home"] .fixed-game-search{height:66px!important;grid-template-columns:55px minmax(0,1fr) auto 76px!important;border-radius:17px!important}
  body[data-page="home"] #app-search-filter{width:76px!important}
  body[data-page="home"] #games-section{padding-top:27px!important}
  body[data-page="home"] .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important}
  body[data-page="home"] #games-section .game-card{padding:7px 7px 11px!important;border-radius:15px!important}
  body[data-page="home"] .game-image-frame,body[data-page="home"] .game-image-frame img{border-radius:11px!important}
  body[data-page="home"] .royal-bottom-nav{height:91px!important;gap:5px!important;border-radius:22px 22px 0 0!important}
  body[data-page="home"] .royal-bottom-item{height:76px!important;gap:4px!important;border-radius:13px!important}
  body[data-page="home"] .royal-bottom-item .nav-icon{font-size:27px!important}
  body[data-page="home"] .royal-bottom-item[data-bottom-action="account"] .nav-icon{width:78px!important;height:78px!important;margin-top:-43px!important;font-size:39px!important}
}
@media(max-width:410px){
  body[data-page="home"] .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="home"] .royal-brand{gap:8px!important}
  body[data-page="home"] .royal-logo-shell{flex-basis:59px!important;width:59px!important;height:59px!important}
  body[data-page="home"] .royal-brand-copy h1{font-size:20px!important}
  body[data-page="home"] .royal-brand-subtitle{font-size:8px!important;letter-spacing:.3em!important}
}