/* r1575 — premium light game-gallery edition. Home-only, preserves all routes/artwork. */
body.platform-home.home-r1532-active{background:#f5f6fb!important}
#r1532-shell.r1536-app.r1560-app{
 background:radial-gradient(ellipse 55% 34% at 93% 7%,#eee7ff66,transparent 80%),#f5f6fb!important;
 gap:clamp(8px,1vh,12px)!important;
}
#r1532-shell.r1536-app.r1560-app .header{
 background:#ffffffed!important;border:1px solid #e6e2ef!important;
 border-radius:19px!important;box-shadow:0 4px 24px #3d237b0b!important
}
#r1532-shell.r1536-app.r1560-app .header-links{
 background:#f3f1fa!important;border-color:#ece8f4!important;
 padding:4px!important;border-radius:14px!important;gap:2px!important
}
#r1532-shell.r1536-app.r1560-app .header-links a{
 padding:8px 13px!important;border-radius:10px!important;
 font-weight:790!important;color:#51496b!important
}
#r1532-shell.r1536-app.r1560-app .header-links a[aria-current="page"],
#r1532-shell.r1536-app.r1560-app .header-links a.active{
 color:#5324b1!important;background:#fff!important;box-shadow:0 2px 8px #47227b19!important
}
#r1532-shell.r1536-app.r1560-app .header-links .r1574-free-nav{color:#5e319b!important}
#r1532-shell.r1536-app.r1560-app .header-links .r1574-free-nav::before{
 content:"";width:6px;height:6px;background:#10b981;border-radius:50%;
 display:inline-block;margin-left:7px;box-shadow:0 0 0 3px #10b98117
}
#r1532-shell.r1536-app.r1560-app .header .login,
#r1532-shell.r1536-app.r1560-app .r1536-join-button{
 border-radius:13px!important;background:linear-gradient(125deg,#6425d1,#4d20a4)!important;
 box-shadow:0 5px 14px #5024b82c!important
}
/* Emphasize the copy and Sultan without enlarging his 160×200 source bitmap. */
#r1532-shell.r1536-app.r1560-app .hero{
 border:1px solid #ded7f1!important;border-radius:25px!important;
 background:radial-gradient(ellipse 45% 125% at 16% 55%,#dbccfb 0%,#eee6fc 58%,transparent 100%),
 linear-gradient(108deg,#eae2fc 0%,#f5effd 47%,#fffaf8 100%)!important;
 box-shadow:0 6px 20px #6c44a20b,inset 0 1px #fff9!important;overflow:hidden!important
}
/* Old pseudo-art is removed because oversized off-edge circles caused RTL viewport overflow. */
#r1532-shell.r1536-app.r1560-app .hero::before,
#r1532-shell.r1536-app.r1560-app .hero::after{content:none!important;display:none!important}
#r1532-shell.r1536-app.r1560-app .r1536-copy{
 max-width:680px!important;align-items:flex-start!important
}
#r1532-shell.r1536-app.r1560-app .hero h1{
 color:#20183f!important;font-size:clamp(29px,3.5vw,53px)!important;
 line-height:1.17!important;letter-spacing:-.5px!important;margin-bottom:8px!important
}
#r1532-shell.r1536-app.r1560-app .hero h1 em{
 background:linear-gradient(100deg,#7e33dc,#ab2cc2 54%,#e77159)!important;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
#r1532-shell.r1536-app.r1560-app .hero p{
 color:#615874!important;font-size:clamp(12px,1.05vw,15px)!important;
 font-weight:670!important;line-height:1.55!important
}
#r1532-shell.r1536-app.r1560-app .hero-art{
 z-index:1!important;width:38%!important;max-width:410px!important;
 align-items:flex-end!important;justify-content:center!important
}
#r1532-shell.r1536-app.r1560-app .hero-art::before{
 width:210px!important;height:210px!important;left:calc(50% - 105px)!important;
 bottom:-56px!important;filter:none!important;border-radius:50%!important;
 background:radial-gradient(circle,#ae8bdf44,#e4d6fa15 70%,transparent)!important;
 border:1px solid #ffffff77!important
}
#r1532-shell.r1536-app.r1560-app .hero-art img{
 max-height:200px!important;max-width:160px!important;
 filter:drop-shadow(0 10px 12px #644b8330)!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-bar{
 min-height:41px!important;gap:12px!important;padding:0 4px!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-title{
 font-size:clamp(20px,1.8vw,26px)!important;color:#211b43!important;
 font-weight:900!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tabs{
 background:#ece8f7!important;border:1px solid #e4def0!important;
 border-radius:15px!important;padding:4px!important;gap:3px!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tab{
 border-radius:11px!important;padding:8px 16px!important;
 color:#5f5680!important;font-weight:830!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tab.active{
 background:#fff!important;color:#5724ba!important;box-shadow:0 2px 9px #44227921!important
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tab:focus-visible{
 outline:3px solid #9e70ed!important;outline-offset:2px!important
}
/* Same white typography hierarchy for paid cards and first-session cards. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel,
#r1532-shell.r1536-app.r1560-app .r1574-free-cards{gap:clamp(9px,1vw,16px)!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile,
#r1532-shell.r1536-app.r1560-app .r1574-free-card{
 background:#fff!important;color:#211b42!important;
 border:1px solid #e0deec!important;border-radius:21px!important;
 box-shadow:0 5px 17px #26195312!important;
 transition:transform .18s ease,box-shadow .18s ease!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:hover,
#r1532-shell.r1536-app.r1560-app .r1574-free-card:hover{
 transform:translateY(-4px)!important;box-shadow:0 16px 32px #27184f1b!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art,
#r1532-shell.r1536-app.r1560-app .r1574-free-art{
 border-radius:19px 19px 0 0!important;
 flex:0 0 62%!important;height:62%!important;max-height:62%!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy{
 background:#fff!important;align-items:center!important;
 padding:5px 9px 1px!important;gap:4px!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy strong{
 color:#24204a!important;font-size:clamp(18px,1.6vw,23px)!important;
 line-height:1.22!important;font-weight:900!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy>span{
 color:#706986!important;font-size:clamp(10px,.95vw,13px)!important;
 line-height:1.36!important;font-weight:630!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action,
#r1532-shell.r1536-app.r1560-app .r1574-free-action{
 background:linear-gradient(110deg,#6832d0,#5023af)!important;
 color:#fff!important;border-radius:11px!important;min-height:31px!important;
 margin:4px 9px 9px!important;font-weight:850!important;
 box-shadow:0 3px 10px #6033bd24!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena{
 border-color:#e4d5bc!important;background:#fffdf9!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text{
 background:#fffdf9!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
 color:#50346e!important
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-card-action.inactive{
 background:#f2e9da!important;color:#6c546b!important;box-shadow:none!important
}
#r1532-shell.r1536-app.r1560-app .r1574-free-intro{
 background:#fff!important;border:1px solid #e7e2f2!important;
 border-radius:13px!important;color:#776b8b!important;
 padding:7px 15px!important;box-shadow:0 2px 9px #2f1e5310!important
}
#r1532-shell.r1536-app.r1560-app .r1574-free-intro strong{color:#5830b6!important}
#r1532-shell.r1536-app.r1560-app .r1574-free-intro strong::before{
 content:"✦";color:#f39751;padding-left:8px
}
#r1532-shell.r1536-app.r1560-app .r1574-upcoming{color:#766c8a!important;font-weight:720!important}
#r1532-shell.r1536-app.r1560-app .r1574-upcoming strong{color:#6b36ba!important}
#r1532-shell.r1536-app.r1560-app .footer{
 border:1px solid #e5e1ed!important;border-radius:18px!important;
 box-shadow:0 3px 15px #28174c08!important;background:#fff!important
}
#r1532-shell.r1536-app.r1560-app .footer-links a{color:#5c536e!important}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app{gap:6px!important}
 #r1532-shell.r1536-app.r1560-app .hero{
  border-radius:20px!important;
  background:radial-gradient(circle at 17% 63%,#e6d8f9,transparent 50%),
  linear-gradient(112deg,#f1eafd,#fffaf7)!important
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(19px,5.35vw,28px)!important;
  line-height:1.16!important;letter-spacing:-.2px!important;margin-bottom:3px!important
 }
 #r1532-shell.r1536-app.r1560-app .hero p{
  font-size:clamp(10px,2.65vw,12px)!important;line-height:1.4!important
 }
 #r1532-shell.r1536-app.r1560-app .hero-art{width:41%!important}
 #r1532-shell.r1536-app.r1560-app .hero-art::before{
  width:145px!important;height:145px!important;left:calc(50% - 72px)!important;bottom:-40px!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-category-bar{min-height:35px!important;gap:5px!important}
 #r1532-shell.r1536-app.r1560-app .r1574-category-title{
  font-size:clamp(15px,4.1vw,19px)!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-category-tabs{border-radius:12px!important;padding:3px!important}
 #r1532-shell.r1536-app.r1560-app .r1574-category-tab{
  font-size:clamp(10px,2.65vw,12px)!important;
  padding:6px clamp(7px,1.7vw,10px)!important;
  min-height:27px!important;border-radius:9px!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile,
 #r1532-shell.r1536-app.r1560-app .r1574-free-card{border-radius:17px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art,
 #r1532-shell.r1536-app.r1560-app .r1574-free-art{
  border-radius:15px 15px 0 0!important;flex:0 0 62%!important;
  height:62%!important;max-height:62%!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2,
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy strong{
  font-size:clamp(19px,5.2vw,24px)!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p,
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy>span{
  font-size:clamp(11px,3.1vw,13px)!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-intro{padding:6px 9px!important;font-size:10px!important}
 #r1532-shell.r1536-app.r1560-app .r1574-upcoming{font-size:10px!important}
}
@media(max-width:370px) and (max-height:650px){
 #r1532-shell.r1536-app.r1560-app .r1574-free-card{border-radius:14px!important}
 #r1532-shell.r1536-app.r1560-app .r1574-free-art{
  grid-column:1!important;grid-row:1/3!important;
  width:100%!important;height:100%!important;max-height:none!important;
  flex:none!important;border-radius:0 12px 12px 0!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy{padding:2px 3px 0!important;gap:0!important}
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy strong{
  font-size:clamp(14px,4vw,17px)!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy>span{display:none!important}
 #r1532-shell.r1536-app.r1560-app .r1574-free-action{
  margin:1px 5px 4px!important;min-height:23px!important;font-size:10px!important
 }
}
@media(prefers-reduced-motion:reduce){
 #r1532-shell.r1536-app.r1560-app .r1574-free-card,
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{transition:none!important}
}
/* Game-specific legacy dark backgrounds have higher specificity than .tile alone. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.fbrkha,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.qadha,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.khaltaha,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.topten{
 background:#fff!important
}
#r1532-shell.r1536-app.r1560-app .r1574-free-card.r1574-theme-fbrkha,
#r1532-shell.r1536-app.r1560-app .r1574-free-card.r1574-theme-qadha,
#r1532-shell.r1536-app.r1560-app .r1574-free-card.r1574-theme-khaltaha,
#r1532-shell.r1536-app.r1560-app .r1574-free-card.r1574-theme-topten{
 background:#fff!important
}

/* Desktop app-store composition: feature the Arena once, then four compact games. */
@media(min-width:1200px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
  display:grid!important;grid-template-columns:minmax(0,1.36fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena{
  grid-column:1!important;grid-row:1/3!important;display:flex!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.fbrkha,
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.qadha,
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.khaltaha,
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.topten{
  display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  grid-template-rows:minmax(0,1fr) auto!important;align-items:stretch!important;gap:0!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art{
  grid-column:1!important;grid-row:1/3!important;width:100%!important;
  height:100%!important;max-height:none!important;min-height:0!important;
  flex:none!important;border-radius:17px 0 0 17px!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art img{
  object-fit:cover!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text{
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  width:100%!important;height:auto!important;flex:none!important;
  justify-content:center!important;gap:4px!important;padding:8px 6px 0!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text h2{
  font-size:clamp(17px,1.5vw,22px)!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text p{
  font-size:clamp(10px,.86vw,12px)!important;line-height:1.28!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-card-action{
  grid-column:2!important;grid-row:2!important;min-height:29px!important;
  height:30px!important;margin:2px 7px 7px!important;font-size:11px!important
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
  flex-basis:67%!important;height:67%!important;max-height:67%!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-card{
  display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
  grid-template-rows:minmax(0,1fr) auto!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-art{
  grid-column:1!important;grid-row:1/3!important;
  width:100%!important;height:100%!important;max-height:none!important;
  flex:none!important;border-radius:17px 0 0 17px!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-copy{
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  width:100%!important;flex:none!important;
  justify-content:center!important;padding:8px 7px 0!important
 }
 #r1532-shell.r1536-app.r1560-app .r1574-free-action{
  grid-column:2!important;grid-row:2!important;
  height:30px!important;min-height:29px!important;margin:2px 7px 7px!important
 }
}