/* r1572 — full visual correction, additive and scoped. No game logic / session changes. */

/* Show a clean, finished mobile navigation panel with an intentional scrim. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app:has(> .r1560-mobile-menu:not([hidden]))::after{
  content:"";position:fixed;inset:0;z-index:15;
  background:rgba(17,15,42,.26);
  backdrop-filter:blur(2px);
  pointer-events:auto;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-mobile-menu:not([hidden]){
  z-index:40!important;position:absolute!important;
  top:calc(52px + 7px)!important;right:8px!important;left:auto!important;
  width:min(260px,calc(100% - 16px))!important;
  padding:9px!important;gap:4px!important;
  border-radius:15px!important;border:1px solid #dcd4f2!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 18px 50px rgba(37,21,78,.25)!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-mobile-menu a{
  font-size:14px!important;padding:12px 15px!important;
  border-radius:10px!important;
 }
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .r1560-mobile-menu:not([hidden]){
  top:calc(43px + 5px)!important;right:5px!important;
 }
}

/* The approved 160×200 Sultan photo must not be enlarged beyond native resolution.
   Blend its photographic edges with the lilac hero rather than leaving a hard rectangle. */
#r1532-shell.r1536-app.r1560-app .hero-art img{
 width:auto!important;max-width:min(100%,160px)!important;
 height:min(100%,200px)!important;max-height:200px!important;
 object-fit:contain!important;object-position:center bottom!important;
 filter:none!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 81%,transparent 100%),
   linear-gradient(180deg,#000 0%,#000 76%,transparent 100%)!important;
 mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 81%,transparent 100%),
   linear-gradient(180deg,#000 0%,#000 76%,transparent 100%)!important;
 -webkit-mask-composite:source-in!important;
 mask-composite:intersect!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art::before{
 background:radial-gradient(ellipse at 40% 63%,rgba(205,173,249,.36),transparent 65%)!important;
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .hero-art img{
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center bottom!important;
 }
}

/* The current card art is excellent; use more of it, with text and actions aligned.
   This removes the big dead/black box under the card art on tablet and desktop. */
@media(min-width:1200px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex:0 0 68%!important;height:68%!important;max-height:68%!important;
 }
}
@media(min-width:761px) and (max-width:1199px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex:0 0 66%!important;height:66%!important;max-height:66%!important;
 }
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
 flex:1 1 0!important;min-height:0!important;
 justify-content:center!important;align-items:center!important;
 padding:3px 9px 2px!important;gap:5px!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
 line-height:1.24!important;margin:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 line-height:1.4!important;max-width:100%!important;
 margin:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
 flex:0 0 auto!important;
 margin-top:2px!important;margin-bottom:9px!important;
}
@media(min-width:761px) and (max-width:1199px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(12px,1.45vw,14px)!important;
 }
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex:0 0 66%!important;height:66%!important;max-height:66%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
  font-size:clamp(19px,5vw,24px)!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(11.5px,3vw,13.2px)!important;
 }
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex:0 0 55%!important;height:55%!important;max-height:55%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
  gap:2px!important;padding:1px 8px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
  font-size:17.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:11.5px!important;line-height:1.28!important;
 }
}

/* Legal text is useful content. Present all details in a stable two-area footer,
   with 11-12px Arabic at phone sizes instead of miniature 8-9px captions. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .footer{
  display:grid!important;direction:rtl!important;
  height:102px!important;min-height:102px!important;
  grid-template-columns:minmax(0,1fr) 67px!important;
  grid-template-rows:50px 36px!important;
  column-gap:6px!important;row-gap:2px!important;
  align-content:center!important;padding:5px 7px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof{
  display:grid!important;position:relative!important;
  grid-column:1!important;grid-row:1!important;
  height:50px!important;min-height:50px!important;max-height:50px!important;
  grid-template-rows:repeat(3,16px)!important;
  align-items:center!important;align-content:center!important;
  justify-items:start!important;gap:0!important;
  padding:0!important;margin:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span{
  position:static!important;display:flex!important;
  width:auto!important;min-width:0!important;max-width:100%!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;
  flex:none!important;grid-column:1!important;
  padding:0!important;margin:0!important;
  white-space:nowrap!important;
  flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;gap:5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span:first-child{grid-row:1!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof>span:nth-child(2){grid-row:2!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof>span.made{grid-row:3!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof small{
  font-size:11.2px!important;line-height:16px!important;
  font-weight:680!important;color:#514b68!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof strong{
  font-size:11.5px!important;line-height:16px!important;
  font-weight:800!important;color:#272146!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof .made{
  display:flex!important;font-size:11.5px!important;line-height:16px!important;
  font-weight:800!important;color:#11744d!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links{
  display:grid!important;grid-column:1!important;grid-row:2!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,17px)!important;
  align-items:center!important;align-content:center!important;
  justify-items:start!important;gap:1px 7px!important;
  width:100%!important;min-width:0!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  margin:0!important;padding:0!important;overflow:visible!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:11.6px!important;line-height:17px!important;
  font-weight:670!important;white-space:nowrap!important;
  color:#3d375d!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
  grid-column:2!important;grid-row:1 / 3!important;
  width:67px!important;min-width:67px!important;height:65px!important;
  align-self:center!important;justify-self:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img{
  width:65px!important;height:55px!important;max-height:55px!important;
  object-fit:contain!important;
 }
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .footer{
  height:104px!important;min-height:104px!important;
  grid-template-columns:minmax(0,1fr) 56px!important;
  grid-template-rows:49px 39px!important;
  padding:5px 5px!important;gap:1px 3px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof{
  height:49px!important;min-height:49px!important;max-height:49px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span{
  gap:3px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof small{
  font-size:10.7px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof strong{
  font-size:11px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof .made{font-size:10.9px!important}
 #r1532-shell.r1536-app.r1560-app .footer-links{
  grid-template-rows:repeat(2,18px)!important;height:39px!important;min-height:39px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:11.1px!important;line-height:18px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
  width:56px!important;min-width:56px!important;height:61px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img{
  width:55px!important;height:52px!important;max-height:52px!important;
 }
}