/* r1560 — signed-off FBRKH app homepage: fixed single-screen white shell, responsive and accessible.
   Uses only original logo / Sultan from existing public assets. No external fonts or image hosts. */
body.platform-home.home-r1532-active{background:#f4f5fa!important}
#r1532-shell.r1536-app.r1560-app{
 --ink:#121948;--muted:#515b7d;--purple:#6514e9;--stroke:#e7e9f3;
 max-width:1580px;width:100%;height:100dvh;min-height:0;box-sizing:border-box;
 margin:0 auto;padding:clamp(9px,1.4vw,19px);
 display:flex;flex-direction:column;gap:clamp(7px,.95vh,12px);
 background:#f5f6fc!important;overflow:hidden!important;color:var(--ink);
 font-family:"Alexandria",Tahoma,Arial,sans-serif!important;isolation:isolate;
}
#r1532-shell.r1536-app.r1560-app *{box-sizing:border-box}
#r1532-shell.r1536-app.r1560-app .header{
 display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:12;
 min-height:62px;height:62px;flex-shrink:0;background:#fff!important;border:1px solid #e9e7f3;
 border-radius:20px;padding:0 23px;box-shadow:0 5px 28px #2014550c;
}
#r1532-shell.r1536-app.r1560-app .r1536-brand{grid-column:2;grid-row:1;min-width:125px;width:140px;height:59px;display:flex;align-items:center;justify-content:center}
#r1532-shell.r1536-app.r1560-app .r1536-brand img{width:137px;height:58px;object-fit:contain}
#r1532-shell.r1536-app.r1560-app .header-links{grid-column:1;grid-row:1;justify-self:start;display:flex!important;gap:23px;align-items:center;font-size:15px;font-weight:750}
#r1532-shell.r1536-app.r1560-app .header-links a{color:#34375d;text-decoration:none;padding:10px 9px;border-radius:11px}
#r1532-shell.r1536-app.r1560-app .header-links .active{color:#5310d4;position:relative}
#r1532-shell.r1536-app.r1560-app .header-links .active::after{position:absolute;content:"";height:3px;width:60%;bottom:3px;left:20%;background:#5622d7;border-radius:5px}
#r1532-shell.r1536-app.r1560-app .header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:9px}
#r1532-shell.r1536-app.r1560-app .login{font-size:13px;font-weight:800;height:40px;min-height:40px;min-width:145px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7a22fc,#4f0acc)!important;box-shadow:none;border:0}
#r1532-shell.r1536-app.r1560-app .header-actions .iconbtn{display:none!important}
#r1532-shell.r1536-app.r1560-app .r1560-menu{display:none;border:0;background:#f1edfd;border-radius:11px;font-size:24px;color:#281a69;width:39px;height:39px;cursor:pointer}
#r1532-shell.r1536-app.r1560-app .r1560-mobile-menu[hidden]{display:none!important}
#r1532-shell.r1536-app.r1560-app .r1560-mobile-menu{position:absolute;z-index:30;right:13px;top:65px;display:flex;flex-direction:column;gap:6px;padding:10px;width:155px;border:1px solid #e4ddfb;background:#fff;border-radius:14px;box-shadow:0 12px 45px #1b0b6340}
#r1532-shell.r1536-app.r1560-app .r1560-mobile-menu a{font-size:13px;color:#251b53;text-decoration:none;padding:9px 10px;border-radius:8px}
#r1532-shell.r1536-app.r1560-app .r1560-mobile-menu a[aria-current]{background:#f0eafd;color:#5814d7}
#r1532-shell.r1536-app.r1560-app .search-panel{position:absolute;z-index:40;top:74px;left:14px;right:auto;width:min(355px,calc(100% - 28px));border:1px solid #e1daf7;border-radius:16px;box-shadow:0 20px 45px #27105027;background:#fff}
#r1532-shell.r1536-app.r1560-app .hero{
 display:grid!important;grid-template-columns:1fr 1fr;align-items:center;position:relative;isolation:isolate;
 flex-shrink:0;height:clamp(183px,27.4vh,265px);min-height:0!important;
 padding:clamp(14px,2vw,30px) clamp(18px,4vw,62px);
 border:1px solid #e9e7f4;border-radius:21px;overflow:hidden;box-shadow:none;
 background:linear-gradient(107deg,#f4effe 0%,#e9e2fb 37%,#fff9f2 69%,#fff 100%)!important;
}
#r1532-shell.r1536-app.r1560-app .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 26% 91%,#cdb3fc80,transparent 36%),radial-gradient(circle at 79% 4%,#ffdec0a3,transparent 44%)}
#r1532-shell.r1536-app.r1560-app .hero::after{content:"";position:absolute;inset:12% 2% auto auto;width:42%;height:1px;background:#fff8;box-shadow:0 8px 32px 6px #fff8;z-index:-1}
#r1532-shell.r1536-app.r1560-app .hero-art{
 grid-column:2;grid-row:1;position:absolute;left:0;top:0;bottom:0;right:auto;display:flex;
 align-items:end;justify-content:center;overflow:hidden;
 width:47%;height:100%;min-width:0;margin:0;pointer-events:none;
}
#r1532-shell.r1536-app.r1560-app .hero-art::before{content:"";width:80%;height:78%;position:absolute;bottom:-15%;left:4%;border-radius:50%;background:#d3b9ff52;filter:blur(33px)}
#r1532-shell.r1536-app.r1560-app .hero-art img{position:relative;display:block;object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:105%;max-height:none;filter:drop-shadow(0 9px 11px #2f1c4530);margin:0}
#r1532-shell.r1536-app.r1560-app .hero-art .art-glow,#r1532-shell.r1536-app.r1560-app .hero-art .backup{display:none!important}
#r1532-shell.r1536-app.r1560-app .r1536-copy{position:relative;z-index:3;grid-column:1;grid-row:1;max-width:650px;justify-self:start;padding:0;display:flex;flex-direction:column;align-items:flex-start}
#r1532-shell.r1536-app.r1560-app .hero h1{font-size:clamp(28px,4.1vw,63px);letter-spacing:-.4px;line-height:1.22;font-weight:850;color:#111843;text-align:right;max-width:660px;margin:0 0 7px}
#r1532-shell.r1536-app.r1560-app .hero h1 em{display:block;font-style:normal;white-space:nowrap;background:linear-gradient(110deg,#6f17dc,#9c1ce9 29%,#f04f34 68%,#f78b22);-webkit-background-clip:text;background-clip:text;color:transparent}
#r1532-shell.r1536-app.r1560-app .hero p{color:#283557;font-size:clamp(11px,1.24vw,17px);font-weight:550;line-height:1.65;max-width:600px;margin:0}
#r1532-shell.r1536-app.r1560-app .r1536-actions{display:flex;margin-top:clamp(6px,1.4vh,12px);gap:9px}
#r1532-shell.r1536-app.r1560-app .r1536-join-button{display:inline-flex!important;min-height:38px!important;height:38px!important;gap:12px;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(115deg,#7215f3,#5209cc)!important;color:#fff!important;box-shadow:0 3px 10px #561fd02a;opacity:1!important;visibility:visible!important;padding:4px 17px!important;font-size:13px;font-weight:750;cursor:pointer}
#r1532-shell.r1536-app.r1560-app .r1536-join-button span{font-size:17px}
#r1532-shell.r1536-app.r1560-app .r1560-group-title{display:block;flex-shrink:0;font-weight:850;font-size:clamp(17px,1.6vw,22px);color:#18154a;margin:0 6px 0 0;line-height:1.3}
#r1532-shell.r1536-app.r1560-app .controls.r1560-controls-preserved{display:none!important}
#r1532-shell.r1536-app.r1560-app #r1532-free-panel.r1560-original-free{display:none!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);
 width:100%;height:auto;max-width:none;flex:1;min-height:0;
 gap:clamp(7px,.8vw,13px);overflow:visible;padding:0;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
 display:flex!important;flex-direction:column;position:relative;min-height:0;height:100%;min-width:0;
 border-radius:17px;overflow:hidden;box-shadow:0 3px 12px #0e10372a;border:1px solid #293058;
 color:#fff;transition:transform .16s ease,box-shadow .16s ease;cursor:pointer;text-align:center;isolation:isolate;
 background:#0d1d47!important;padding:0;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:hover{transform:translateY(-3px);box-shadow:0 9px 22px #1015432d}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena{cursor:default}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile::before,#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile::after{content:none!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{position:relative;inset:auto!important;display:block;flex:0 0 51%;height:51%;width:100%;overflow:hidden;margin:0;transform:none!important;opacity:1!important;background:#161140}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:none;max-width:none;max-height:none;opacity:1}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art img{object-position:center 2%;filter:saturate(1.17)}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{position:relative!important;inset:auto!important;z-index:2;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;flex:1;width:100%;padding:5px 7px 3px;text-align:center}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:clamp(17px,1.7vw,24px);font-weight:850;line-height:1.3;margin:0;color:#ffd45b;text-align:center}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:clamp(9px,.92vw,13px);font-weight:500;line-height:1.52;margin:0;max-width:100%;color:#f8f8ff;text-align:center;text-shadow:none}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
 display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;
 height:clamp(31px,4.1vh,40px);margin:4px 9px 10px;z-index:3;color:#fff;font-size:clamp(10px,.95vw,14px);font-weight:800;
 border-radius:11px;background:linear-gradient(110deg,#3965f5,#7c1ef2,#b12ef4);box-shadow:inset 0 1px 1px #fff7;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action.inactive{background:#6771898e;color:#e9e9f4;box-shadow:none}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.fbrkha{background:#081d55!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.qadha{background:#16204b!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.khaltaha{background:#064439!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.topten{background:#241044!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena{background:#34200c!important}
#r1532-shell.r1536-app.r1560-app .r1560-free-title{font-size:clamp(17px,1.5vw,22px);font-weight:850;flex-shrink:0;color:#18154a;margin:0 6px;line-height:1.2}
#r1532-shell.r1536-app.r1560-app .r1560-free-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;flex-shrink:0;height:clamp(67px,10.3vh,99px);min-height:0}
#r1532-shell.r1536-app.r1560-app .r1560-free-placeholder{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
 border-radius:15px;border:1px dashed #ccc5f5;background:linear-gradient(160deg,#fafaff,#f0edfd);
 color:#63648b;font-weight:650;font-size:clamp(10px,.85vw,13px);min-width:0;
}
#r1532-shell.r1536-app.r1560-app .r1560-placeholder-mark{font-size:18px;color:#a39be9;line-height:1}
#r1532-shell.r1536-app.r1560-app .r1560-free-placeholder small{font-size:10px;color:#8889a4}
#r1532-shell.r1536-app.r1560-app .footer{display:flex!important;flex-shrink:0;align-items:center;gap:14px;
 min-height:54px;height:54px;padding:4px 18px;background:#fff;border-radius:18px;border:1px solid #e8e8f4;box-shadow:none;color:#626985}
#r1532-shell.r1536-app.r1560-app .proof{flex:1;display:flex;gap:18px;align-items:center;min-width:0}
#r1532-shell.r1536-app.r1560-app .proof>span:not(.made){display:flex;flex-direction:column;white-space:nowrap;gap:0}
#r1532-shell.r1536-app.r1560-app .proof small{font-size:9px;color:#6b6e8a}
#r1532-shell.r1536-app.r1560-app .proof strong{font-size:10px;font-weight:760;color:#28284e}
#r1532-shell.r1536-app.r1560-app .proof .made{font-size:11px;color:#147453;font-weight:750}
#r1532-shell.r1536-app.r1560-app .footer-links{display:flex;align-items:center;gap:14px;font-size:10px;white-space:nowrap}
#r1532-shell.r1536-app.r1560-app .footer-links a{color:#514967;text-decoration:none}
#r1532-shell.r1536-app.r1560-app .footer-links a:hover{text-decoration:underline;color:#6514e9}
#r1532-shell.r1536-app.r1560-app .footer-brand{display:flex;align-items:center;justify-content:center;width:105px;height:49px;flex-basis:105px;min-width:105px}
#r1532-shell.r1536-app.r1560-app .footer-brand img{width:100px;height:47px;object-fit:contain}
#r1532-shell.r1536-app.r1560-app .mobile-nav{display:none!important}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager{display:none}
#r1532-shell.r1536-app.r1560-app [hidden]{display:none!important}
#r1532-shell.r1536-app.r1560-app a:focus-visible,#r1532-shell.r1536-app.r1560-app button:focus-visible{outline:3px solid #aa81f4;outline-offset:3px}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app{height:100dvh;min-height:0;padding:8px;gap:7px;overflow:hidden!important}
 #r1532-shell.r1536-app.r1560-app .header{height:52px;min-height:52px;border-radius:15px;padding:0 11px}
 #r1532-shell.r1536-app.r1560-app .r1536-brand{min-width:106px;width:108px;height:49px}
 #r1532-shell.r1536-app.r1560-app .r1536-brand img{width:105px;height:48px}
 #r1532-shell.r1536-app.r1560-app .header-links{display:none!important}
 #r1532-shell.r1536-app.r1560-app .header-actions{grid-column:3;justify-self:end}
 #r1532-shell.r1536-app.r1560-app .login{font-size:10px;min-width:103px;width:auto;height:34px;min-height:34px;padding:0 8px;border-radius:11px}
 #r1532-shell.r1536-app.r1560-app .login svg{height:17px;width:17px}
 #r1532-shell.r1536-app.r1560-app .r1560-menu{display:flex;grid-column:1;grid-row:1;justify-self:start;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px}
 #r1532-shell.r1536-app.r1560-app .hero{height:clamp(135px,22vh,180px);min-height:0!important;flex:0 0 auto;border-radius:15px;padding:12px 15px;grid-template-columns:1fr 1fr}
 #r1532-shell.r1536-app.r1560-app .r1536-copy{max-width:100%;grid-column:1}
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:clamp(19px,5.3vw,28px);line-height:1.27;letter-spacing:-.2px;margin-bottom:5px}
 #r1532-shell.r1536-app.r1560-app .hero h1 em{white-space:normal}
 #r1532-shell.r1536-app.r1560-app .hero p{font-size:clamp(9px,2.3vw,12px);line-height:1.42;max-width:220px}
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:7px}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{height:31px!important;min-height:31px!important;padding:3px 9px!important;font-size:10px;border-radius:9px;white-space:nowrap}
 #r1532-shell.r1536-app.r1560-app .hero-art{width:48%;left:0;right:auto;height:100%;min-width:0}
 #r1532-shell.r1536-app.r1560-app .hero-art img{height:102%;max-width:100%;object-fit:contain;object-position:left bottom}
 #r1532-shell.r1536-app.r1560-app .r1560-group-title,#r1532-shell.r1536-app.r1560-app .r1560-free-title{font-size:16px;line-height:1.2;margin:0 4px;flex-shrink:0}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
   display:flex!important;flex:1;min-height:0;max-height:none;width:100%;
   overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
   -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;
   gap:0;border-radius:17px;position:relative;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel::-webkit-scrollbar{display:none}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
  flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;
  margin:0!important;min-height:0;border-radius:15px;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:53%;height:53%}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{padding:7px 9px 2px;gap:3px}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:clamp(19px,5vw,24px)}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:clamp(11px,2.8vw,13px);max-width:280px}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{height:33px;min-height:33px;margin:3px 14px 8px;font-size:12px}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{display:flex;align-items:center;justify-content:center;gap:13px;min-height:22px;flex-shrink:0}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{display:flex;align-items:center;justify-content:center;border:1px solid #dfdaf4;color:#5d24cf;background:#fff;border-radius:8px;width:30px;height:24px;font-size:22px;cursor:pointer}
 #r1532-shell.r1536-app.r1560-app .r1560-dots{display:flex;align-items:center;gap:6px}
 #r1532-shell.r1536-app.r1560-app .r1560-dot{height:7px;width:7px;border-radius:50%;padding:0;background:#d7d9e5;border:0;cursor:pointer}
 #r1532-shell.r1536-app.r1560-app .r1560-dot[aria-current="true"]{width:19px;border-radius:15px;background:#6616f0}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{height:clamp(59px,9vh,75px);min-height:0;gap:5px}
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder{border-radius:10px;font-size:8px;text-align:center;padding:3px;white-space:normal}
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder small{font-size:8px}
 #r1532-shell.r1536-app.r1560-app .r1560-placeholder-mark{font-size:13px}
 #r1532-shell.r1536-app.r1560-app .footer{height:62px;min-height:62px;padding:5px 9px;border-radius:12px;display:grid!important;grid-template-columns:minmax(0,1fr) 71px;grid-template-rows:1fr 1fr;gap:1px 5px}
 #r1532-shell.r1536-app.r1560-app .proof{grid-column:1;grid-row:1;display:flex;gap:6px;justify-content:start}
 #r1532-shell.r1536-app.r1560-app .proof small{font-size:7.5px}
 #r1532-shell.r1536-app.r1560-app .proof strong{font-size:8.5px}
 #r1532-shell.r1536-app.r1560-app .proof .made{font-size:8.5px}
 #r1532-shell.r1536-app.r1560-app .footer-links{grid-column:1;grid-row:2;gap:7px;font-size:8.5px}
 #r1532-shell.r1536-app.r1560-app .footer-brand{grid-column:2;grid-row:1/span 2;align-self:center;min-width:0;width:71px;height:45px}
 #r1532-shell.r1536-app.r1560-app .footer-brand img{width:70px;height:42px}
}
@media(min-width:761px) and (max-height:740px){
 #r1532-shell.r1536-app.r1560-app .header{min-height:52px;height:52px}
 #r1532-shell.r1536-app.r1560-app .hero{height:165px}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{height:63px}
 #r1532-shell.r1536-app.r1560-app .footer{min-height:46px;height:46px}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:44%;height:44%}
}
@media(max-width:760px) and (max-height:680px){
 #r1532-shell.r1536-app.r1560-app .hero{height:121px}
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:18px}
 #r1532-shell.r1536-app.r1560-app .hero p{display:none}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{height:51px}
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder{font-size:7px}
 #r1532-shell.r1536-app.r1560-app .r1560-placeholder-mark{display:none}
 #r1532-shell.r1536-app.r1560-app .footer{min-height:52px;height:52px}
}
@media(max-width:350px){
 #r1532-shell.r1536-app.r1560-app .hero-art{width:42%}
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:18px}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{height:55px}
 #r1532-shell.r1536-app.r1560-app .proof .made{display:none}
}
@media(prefers-reduced-motion:reduce){
 #r1532-shell.r1536-app.r1560-app *,#r1532-shell.r1536-app.r1560-app *::before,#r1532-shell.r1536-app.r1560-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* r1560.1: actual browser QA fixes: override inherited arena grid span and bound the hero CTA. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
 grid-column:auto!important;grid-row:auto!important;
 align-self:stretch!important;justify-self:stretch!important;
}
#r1532-shell.r1536-app.r1560-app .hero .r1536-copy{
 align-self:center!important;justify-content:center!important;height:auto!important;min-height:0;
}
@media(min-width:761px){
 #r1532-shell.r1536-app.r1560-app .hero h1{
   font-size:clamp(27px,3.4vw,49px)!important;line-height:1.24!important;
   margin:0 0 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{font-size:clamp(11px,1.07vw,15px)!important;line-height:1.5}
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:6px}
}
@media(max-width:760px) and (max-height:680px){
 #r1532-shell.r1536-app.r1560-app .hero{height:126px!important}
 #r1532-shell.r1536-app.r1560-app .hero .r1536-copy{align-self:center!important}
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:18px!important;line-height:1.18!important;margin:0 0 5px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:3px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{height:27px!important;min-height:27px!important;font-size:9px!important;padding:2px 7px!important}
}

/* r1561: production visual audit corrections — reset inherited rotated/absolute game art
   and reserve actual space for buttons/content in every viewport. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-shrink:0!important;min-height:0!important;
 overflow:hidden!important;isolation:isolate!important;
 border-radius:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art > img{
 position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
 inset:auto!important;transform:none!important;rotate:none!important;
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center center!important;
 border-radius:0!important;filter:none!important;opacity:1!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:hover .r1560-art > img{
 transform:none!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.fbrkha .r1560-art{background:#34215c!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.qadha .r1560-art{background:#353073!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.khaltaha .r1560-art{background:#0e667c!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.topten .r1560-art{background:#43204e!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{background:#44265b!important}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
 flex:1 1 0!important;min-height:0!important;overflow:hidden!important;
 justify-content:center!important;padding:3px 8px 2px!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
 margin-top:auto!important;margin-bottom:8px!important;
 min-height:27px!important;flex-shrink:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{flex-shrink:0;max-width:100%;overflow-wrap:normal}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 max-height:100%;overflow:hidden;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
}
#r1532-shell.r1536-app.r1560-app .hero-art{
 border:0!important;box-shadow:none!important;
 background:transparent!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art img{
 position:relative!important;inset:auto!important;transform:none!important;
 height:100%!important;max-height:100%!important;width:auto!important;
 max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;
 -webkit-mask-image:radial-gradient(ellipse 66% 76% at 50% 49%,#000 54%,transparent 100%);
 mask-image:radial-gradient(ellipse 66% 76% at 50% 49%,#000 54%,transparent 100%);
}
#r1532-shell.r1536-app.r1560-app .footer{
 width:100%!important;max-width:none!important;min-width:0!important;
}
#r1532-shell.r1536-app.r1560-app .proof strong{
 unicode-bidi:isolate;direction:ltr;white-space:nowrap;
}
@media(min-width:901px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:54%!important;height:54%!important}
 #r1532-shell.r1536-app.r1560-app .hero-art img{height:111%!important;max-height:none!important}
}
@media(min-width:901px) and (max-height:740px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:47%!important;height:47%!important}
}
@media(min-width:761px) and (max-width:900px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:36%!important;height:36%!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:17px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:10px!important}
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:54%!important;height:54%!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:clamp(17px,4.5vw,22px)!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:clamp(10px,2.6vw,13px)!important}
}
@media(max-width:760px) and (max-height:680px){
 /* 320x568 and similarly short phones: avoid hiding the play buttons to satisfy no-scroll. */
 #r1532-shell.r1536-app.r1560-app{gap:4px!important;padding:5px!important}
 #r1532-shell.r1536-app.r1560-app .header{height:43px!important;min-height:43px!important}
 #r1532-shell.r1536-app.r1560-app .hero{height:95px!important;min-height:95px!important;padding:5px 10px!important}
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:clamp(16px,4.5vw,18px)!important;line-height:1.17!important;margin:0 0 3px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{height:23px!important;min-height:23px!important;font-size:9px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-group-title,
 #r1532-shell.r1536-app.r1560-app .r1560-free-title{font-size:13px!important;line-height:1.1!important}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{min-height:17px!important;gap:9px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{height:37px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder{font-size:8px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder small{font-size:7px!important}
 #r1532-shell.r1536-app.r1560-app .footer{height:42px!important;min-height:42px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:49%!important;height:49%!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{padding:1px 7px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:17px!important;line-height:1.12!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:10px!important;line-height:1.28!important;-webkit-line-clamp:2!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{height:26px!important;min-height:26px!important;font-size:10px!important;margin:2px 9px 5px!important}
}

/* r1561.1: portrait-tablet legibility: two full equal cards instead of five tall narrow columns. */
@media(min-width:761px) and (max-width:900px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
   display:flex!important;flex-direction:row!important;gap:12px!important;
   grid-template-columns:none!important;grid-template-rows:none!important;
   overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;
   scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
   -webkit-overflow-scrolling:touch;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel::-webkit-scrollbar{display:none}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
   flex:0 0 calc((100% - 12px) / 2)!important;width:calc((100% - 12px) / 2)!important;
   min-width:0!important;height:100%!important;scroll-snap-align:start;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
   flex-basis:55%!important;height:55%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:22px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:12px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{
   display:flex!important;align-items:center;justify-content:center;gap:13px;min-height:24px;flex-shrink:0;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{
   display:flex;align-items:center;justify-content:center;border:1px solid #dfdaf4;color:#5d24cf;
   background:#fff;border-radius:8px;width:32px;height:25px;font-size:21px;cursor:pointer;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-dots{display:flex;align-items:center;gap:7px}
 #r1532-shell.r1536-app.r1560-app .r1560-dot{height:8px;width:8px;border-radius:50%;padding:0;background:#d7d9e5;border:0;cursor:pointer}
 #r1532-shell.r1536-app.r1560-app .r1560-dot[aria-current="true"]{width:20px;border-radius:12px;background:#6616f0}
}
@media(max-width:760px) and (max-height:680px){
 #r1532-shell.r1536-app.r1560-app .footer-brand{height:34px!important}
 #r1532-shell.r1536-app.r1560-app .footer-brand img{height:32px!important;max-height:32px!important}
 #r1532-shell.r1536-app.r1560-app .footer-links{font-size:8px!important}
}

/* r1562 | Production Arabic readability audit. This overrides only typography and
   proportional sizing; preserves owner-approved artwork, identity and routes. */
#r1532-shell.r1536-app.r1560-app {
  font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-synthesis:none;
}
#r1532-shell.r1536-app.r1560-app button,
#r1532-shell.r1536-app.r1560-app a,
#r1532-shell.r1536-app.r1560-app input{
  font-family:inherit!important;
}
#r1532-shell.r1536-app.r1560-app .header-links {font-size:16px!important}
#r1532-shell.r1536-app.r1560-app .login {font-size:14px!important}
#r1532-shell.r1536-app.r1560-app .hero h1 {
 font-weight:750!important;letter-spacing:0!important;line-height:1.27!important;
}
#r1532-shell.r1536-app.r1560-app .hero h1 em{
 letter-spacing:0!important;
}
#r1532-shell.r1536-app.r1560-app .hero p{
 font-weight:500!important;font-size:clamp(13px,1.2vw,17px)!important;line-height:1.5!important
}
#r1532-shell.r1536-app.r1560-app .r1560-group-title,
#r1532-shell.r1536-app.r1560-app .r1560-free-title {
 font-weight:750!important;letter-spacing:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
 font-weight:750!important;font-size:clamp(19px,1.75vw,25px)!important;
 line-height:1.25!important;letter-spacing:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 font-size:clamp(12px,1.01vw,15px)!important;font-weight:500!important;
 line-height:1.48!important;max-width:100%!important;
 -webkit-line-clamp:3!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text {
 padding:4px 9px 2px!important;gap:4px!important;justify-content:center!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
 font-size:clamp(12px,1.1vw,15px)!important;font-weight:750!important;
 line-height:1.2!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-placeholder{
 font-size:13px!important;font-weight:650!important;line-height:1.35!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-placeholder small{
 font-size:11px!important;line-height:1.25!important;
}
#r1532-shell.r1536-app.r1560-app .footer-links {
 gap:13px!important;font-size:11.5px!important;font-weight:550!important;
}
#r1532-shell.r1536-app.r1560-app .proof small{font-size:10.5px!important;line-height:1.18!important}
#r1532-shell.r1536-app.r1560-app .proof strong{font-size:11px!important;line-height:1.18!important}
#r1532-shell.r1536-app.r1560-app .proof .made{font-size:11.5px!important}
#r1532-shell.r1536-app.r1560-app .footer{gap:9px!important}
@media(min-width:761px) and (max-width:1000px){
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:clamp(27px,3.5vw,36px)!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:22px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:14px!important}
 #r1532-shell.r1536-app.r1560-app .footer-links{font-size:11px!important;gap:8px!important}
 #r1532-shell.r1536-app.r1560-app .proof{gap:9px!important}
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .header .login{font-size:11.5px!important}
 #r1532-shell.r1536-app.r1560-app .hero {
  grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr)!important;
  padding:10px 13px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-copy{
  max-width:none!important;min-width:0!important;width:100%!important;
  padding:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(20px,5.3vw,25px)!important;
  line-height:1.2!important;max-width:100%!important;white-space:normal!important;
  margin:0 0 6px!important;letter-spacing:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1 em{
  display:block!important;white-space:normal!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{
  font-size:11px!important;line-height:1.4!important;
  max-width:100%!important;display:block!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art{width:37%!important}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{
  min-height:31px!important;height:31px!important;
  font-size:11px!important;font-weight:700!important;padding:4px 10px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-group-title,
 #r1532-shell.r1536-app.r1560-app .r1560-free-title{
  font-size:17px!important;line-height:1.28!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
  font-size:clamp(21px,5.3vw,25px)!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(12.5px,3.3vw,15px)!important;
  line-height:1.38!important;max-width:330px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
  font-size:13px!important;min-height:34px!important;
 }
 /* Replace four illegible mini-placeholders with one legible reserved section.
    No free game is represented as playable before its release. */
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{
  display:flex!important;align-items:stretch!important;min-height:55px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder{
  display:none!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child{
  display:flex!important;flex:1!important;min-width:0!important;
  flex-direction:row!important;gap:10px!important;font-size:13px!important;
  background:linear-gradient(110deg,#fffaf3,#ede8ff)!important;
  border:1px dashed #c8bdef!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder:first-child small{
  font-size:11.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-placeholder-mark{
  font-size:21px!important;display:block!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer{
  grid-template-columns:minmax(0,1fr) 69px!important;grid-template-rows:1fr 1fr!important;
  height:74px!important;min-height:74px!important;padding:6px 9px!important;
  gap:2px 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof{
  gap:6px!important;justify-content:flex-start!important;overflow:hidden!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:9px!important;line-height:1.15!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:9.5px!important;line-height:1.15!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  font-size:9px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links {
  gap:8px!important;font-size:10px!important;line-height:1.22!important;
  white-space:nowrap!important;overflow:visible!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
  width:67px!important;min-width:67px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img{
  width:66px!important;height:39px!important;object-fit:contain!important;
 }
}
@media(max-width:760px) and (max-height:680px){
 #r1532-shell.r1536-app.r1560-app .header{height:43px!important;min-height:43px!important}
 #r1532-shell.r1536-app.r1560-app .hero{
  height:106px!important;min-height:106px!important;
  padding:5px 11px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(17px,5.3vw,20px)!important;line-height:1.17!important;margin:0 0 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{display:none!important}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{
  min-height:26px!important;height:26px!important;font-size:10.5px!important;margin:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:4px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-group-title,
 #r1532-shell.r1536-app.r1560-app .r1560-free-title{font-size:14px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{flex-basis:48%!important;height:48%!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:18px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:11.5px!important;line-height:1.25!important;-webkit-line-clamp:2!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
  font-size:11px!important;height:27px!important;min-height:27px!important;
  margin:2px 10px 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{
  height:45px!important;min-height:45px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder:first-child{
  font-size:11.5px!important;gap:6px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-placeholder:first-child small{font-size:10px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-placeholder-mark{font-size:16px!important}
 #r1532-shell.r1536-app.r1560-app .footer{
  height:60px!important;min-height:60px!important;
  padding:4px 6px!important;grid-template-columns:minmax(0,1fr) 53px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{width:53px!important;min-width:53px!important;height:44px!important}
 #r1532-shell.r1536-app.r1560-app .footer-brand img{width:52px!important;height:37px!important;max-height:37px!important}
 #r1532-shell.r1536-app.r1560-app .footer-links{font-size:9.3px!important;gap:6px!important}
 #r1532-shell.r1536-app.r1560-app .proof small{font-size:8.5px!important}
 #r1532-shell.r1536-app.r1560-app .proof strong{font-size:9px!important}
 #r1532-shell.r1536-app.r1560-app .proof .made{font-size:8px!important}
}

/* r1562.1 | screenshot-reviewed mobile hero art and accessible 2x2 footer navigation. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .hero-art{
  left:0!important;right:auto!important;top:0!important;bottom:0!important;
  width:37%!important;height:100%!important;
  align-items:flex-end!important;justify-content:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art img{
  position:relative!important;width:100%!important;height:100%!important;
  min-width:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center bottom!important;
  -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 15%,#000 100%)!important;
  mask-image:linear-gradient(to top,transparent 0%,#000 15%,#000 100%)!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(21px,5.8vw,26px)!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer{height:80px!important;min-height:80px!important}
 #r1532-shell.r1536-app.r1560-app .footer-links{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  font-size:11px!important;gap:0 6px!important;line-height:1.12!important;
  align-items:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  display:block!important;white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{font-size:9.6px!important}
 #r1532-shell.r1536-app.r1560-app .proof strong{font-size:10px!important}
 #r1532-shell.r1536-app.r1560-app .proof .made{font-size:9.6px!important}
}
@media(max-width:760px) and (max-height:680px){
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(17.5px,5.5vw,19.5px)!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer{
  height:68px!important;min-height:68px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links{
  font-size:10.2px!important;gap:0 4px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{font-size:9px!important}
 #r1532-shell.r1536-app.r1560-app .proof strong{font-size:9.5px!important}
 #r1532-shell.r1536-app.r1560-app .proof .made{font-size:8.5px!important}
}

/* r1562.2 | Correct a grid-area sizing bug caught in real phone screenshots. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .hero-art{
   grid-column:1 / -1!important;grid-row:1!important;
   z-index:1!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-copy{z-index:2!important}
 #r1532-shell.r1536-app.r1560-app .footer{
   grid-template-rows:28px 28px!important;
   align-content:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof{
   grid-column:1!important;grid-row:1!important;
   height:28px!important;min-height:0!important;align-self:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links{
   grid-column:1!important;grid-row:2!important;
   height:28px!important;min-height:0!important;max-height:28px!important;
   grid-template-rows:14px 14px!important;
   align-self:center!important;align-content:center!important;
   padding:0!important;margin:0!important;
   overflow:hidden!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
   width:auto!important;min-height:0!important;
   line-height:1!important;font-weight:550!important;
   padding:0!important;margin:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
   grid-column:2!important;grid-row:1 / span 2!important;
   align-self:center!important;
 }
}

/* r1562.2 — use a bundled system font stack only; prevent photograph masked down on phones. */
#r1532-shell.r1536-app.r1560-app{
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .hero-art{
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  -webkit-mask-image:none!important;mask-image:none!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art img{
  opacity:1!important;filter:none!important;clip-path:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
 }
}

/* r1562.3 typography final: fallback to the tested readable Arabic face,
   not an absent local font or the thin fallback rendered by system-ui. */
#r1532-shell.r1536-app.r1560-app{
 font-family:"Alexandria",Tahoma,Arial,sans-serif!important;
}
#r1532-shell.r1536-app.r1560-app .hero h1{
 font-weight:850!important;
}
#r1532-shell.r1536-app.r1560-app .hero p{
 font-weight:600!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-group-title,
#r1532-shell.r1536-app.r1560-app .r1560-free-title,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
 font-weight:850!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 font-weight:600!important;
}
#r1532-shell.r1536-app.r1560-app .login,
#r1532-shell.r1536-app.r1560-app .r1536-join-button,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action {
 font-weight:800!important;
}
#r1532-shell.r1536-app.r1560-app .footer-links,
#r1532-shell.r1536-app.r1560-app .proof small,
#r1532-shell.r1536-app.r1560-app .proof strong{
 font-weight:650!important;
}


/* r1563 | screenshot-audited 768–1199px typography/footer reconciliation.
   The old flex footer squeezed trust labels and support links into the same
   horizontal area. These grid areas cannot overlap and retain the original
   approved wordmark, Sultan, and one-screen app layout. */
@media (min-width:761px) and (max-width:1199px) {
 #r1532-shell.r1536-app.r1560-app .footer {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 101px!important;
  grid-template-rows:26px 26px!important;
  align-content:center!important;
  align-items:center!important;
  width:100%!important;min-width:0!important;
  height:70px!important;min-height:70px!important;
  padding:5px 14px!important;
  column-gap:8px!important;row-gap:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand {
  grid-column:2!important;grid-row:1 / 3!important;
  justify-self:center!important;align-self:center!important;
  width:95px!important;min-width:95px!important;height:52px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img {
  width:93px!important;height:49px!important;max-height:49px!important;
  object-fit:contain!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof {
  grid-column:1!important;grid-row:1!important;
  justify-self:start!important;align-self:center!important;
  width:auto!important;max-width:100%!important;
  min-width:0!important;flex:initial!important;
  display:flex!important;gap:clamp(10px,2vw,21px)!important;
  align-items:center!important;justify-content:flex-start!important;
  white-space:nowrap!important;overflow:visible!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made) {
  display:flex!important;flex-direction:row!important;
  gap:5px!important;align-items:center!important;
  white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:10px!important;font-weight:650!important;line-height:1.25!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong {
  font-size:10.5px!important;font-weight:750!important;line-height:1.25!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made {
  font-size:11px!important;font-weight:750!important;white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links {
  grid-column:1!important;grid-row:2!important;
  justify-self:start!important;align-self:center!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;gap:clamp(10px,2vw,21px)!important;
  max-width:100%!important;min-width:0!important;
  width:auto!important;height:auto!important;
  white-space:nowrap!important;
  font-size:12px!important;line-height:1.4!important;font-weight:650!important;
  padding:0!important;margin:0!important;overflow:visible!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  min-width:0!important;white-space:nowrap!important;
  font-size:inherit!important;line-height:inherit!important;
 }
}
@media (min-width:901px) and (max-width:1199px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
  display:flex!important;flex-direction:row!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel::-webkit-scrollbar{display:none}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
  flex:0 0 calc((100% - 20px)/3)!important;
  width:calc((100% - 20px)/3)!important;
  height:100%!important;scroll-snap-align:start;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:53%!important;height:53%!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-height:22px!important;flex-shrink:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dfdaf4!important;color:#5d24cf!important;background:#fff!important;
  border-radius:8px!important;width:31px!important;height:23px!important;font-size:20px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-dots{display:flex!important;align-items:center!important;gap:7px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-dot{height:8px!important;width:8px!important;border-radius:50%!important;padding:0!important;background:#d7d9e5!important;border:0!important}
 #r1532-shell.r1536-app.r1560-app .r1560-dot[aria-current="true"]{width:20px!important;border-radius:12px!important;background:#6616f0!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{font-size:23px!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{font-size:14px!important}
}

/* r1563.1 | Mid-size landscape cards: enough vertical room for Arabic title and FULL
   description; no text is allowed under the game action. */
@media (min-width:901px) and (max-width:1199px) and (max-height:850px){
 #r1532-shell.r1536-app.r1560-app .hero{
  height:clamp(155px,22vh,183px)!important;min-height:0!important;
  padding:clamp(12px,1.3vw,18px) clamp(18px,3vw,42px)!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(27px,3.15vw,39px)!important;line-height:1.2!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{
  font-size:clamp(11px,1.1vw,14px)!important;line-height:1.35!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:5px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{
  height:clamp(56px,8vh,68px)!important;min-height:56px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:45%!important;height:45%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
  flex:1 1 0!important;justify-content:center!important;
  min-height:0!important;padding:2px 8px 0!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(12px,1.25vw,14px)!important;
  line-height:1.3!important;-webkit-line-clamp:3!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
  font-size:clamp(20px,2vw,23px)!important;line-height:1.15!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
  height:32px!important;min-height:32px!important;
  margin:3px 8px 7px!important;font-size:13px!important;
 }
}

/* r1563.2 | Small-height laptops: show all two-line descriptions, no CSS line clamp. */
@media (min-width:1200px) and (max-height:820px){
 #r1532-shell.r1536-app.r1560-app .hero{
  height:clamp(153px,21.5vh,176px)!important;min-height:0!important;
  padding:10px clamp(18px,2.8vw,40px)!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(30px,2.9vw,39px)!important;
  line-height:1.2!important;margin:0 0 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{
  font-size:clamp(12px,1vw,14px)!important;
  line-height:1.35!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-actions{margin-top:5px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-join-button{
  height:35px!important;min-height:35px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-free-grid{
  height:clamp(58px,8.3vh,68px)!important;min-height:58px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:48%!important;height:48%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
  padding:2px 6px!important;gap:2px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
  font-size:clamp(19px,1.7vw,23px)!important;line-height:1.17!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(12px,1vw,13.5px)!important;line-height:1.3!important;
  -webkit-line-clamp:3!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
  height:33px!important;min-height:33px!important;margin:2px 7px 6px!important;
 }
}


/* r1564: polished, calm app-style finish. Presentation only — no account, route,
   payment, asset, or game logic changes. Keeps original logo and Sultan. */
#r1532-shell.r1536-app.r1560-app {
  --ink:#1b1d39;
  --muted:#4d536e;
  --stroke:#e1e4ef;
  background:#f6f7fc!important;
}
#r1532-shell.r1536-app.r1560-app .header,
#r1532-shell.r1536-app.r1560-app .footer {
  border-color:#e3e5ee!important;
  box-shadow:0 3px 14px rgba(24,28,69,.035)!important;
}
#r1532-shell.r1536-app.r1560-app .hero {
  border-color:#e5e1f1!important;
  background:linear-gradient(108deg,#f2eaff 0%,#f7f2ff 43%,#fffaf3 100%)!important;
}
#r1532-shell.r1536-app.r1560-app .hero h1 {
  color:#1b1b44!important;
}
#r1532-shell.r1536-app.r1560-app .hero h1 em {
  background-image:linear-gradient(110deg,#6f2ae1 4%,#9338b8 54%,#c94a6b 100%)!important;
}
#r1532-shell.r1536-app.r1560-app .hero p {
  color:#38415f!important;
}
#r1532-shell.r1536-app.r1560-app .r1536-join-button,
#r1532-shell.r1536-app.r1560-app .login {
  background:linear-gradient(115deg,#6820d8,#5620b9)!important;
  box-shadow:0 3px 12px rgba(70,29,164,.15)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile {
  border:1px solid #2d365b!important;
  border-radius:17px!important;
  box-shadow:0 4px 14px rgba(25,29,59,.13)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:hover {
  box-shadow:0 10px 22px rgba(25,29,59,.18)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art {
  background:#202746!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art > img {
  object-fit:cover!important;
  object-position:center 40%!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art > img {
  object-position:center 35%!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2 {
  color:#fff4cf!important;
  text-shadow:none!important;
  font-weight:750!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p {
  color:#f3f2ff!important;
  text-shadow:none!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.fbrkha {
  background:#101e47!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.qadha {
  background:#20254e!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.khaltaha {
  background:#124741!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.topten {
  background:#302049!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena {
  background:#362b36!important;
  border-color:#544a52!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action {
  background:linear-gradient(105deg,#365ee7,#7131d5)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
  border-radius:11px!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-card-action.inactive {
  background:#665d69!important;
  border-color:#81798b!important;
  color:#f3ecf2!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager .r1560-dots {
  gap:7px!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager .r1560-dot {
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;
  min-width:7px!important;
  max-width:7px!important;
  height:7px!important;
  min-height:7px!important;
  max-height:7px!important;
  border:0!important;
  border-radius:50%!important;
  background:#bbbfd4!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager .r1560-dot[aria-current="true"] {
  flex-basis:20px!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  background:#6424d4!important;
  border-radius:6px!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-grid {
  display:flex!important;
  height:clamp(44px,6.6vh,59px)!important;
  min-height:0!important;
  gap:0!important;
  flex-shrink:0!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:nth-child(n+2) {
  display:none!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:5px 10px!important;
  gap:4px 10px!important;
  font-size:clamp(11px,1.1vw,14px)!important;
  font-weight:650!important;
  text-align:center!important;
  color:#454568!important;
  background:linear-gradient(106deg,#fff,#f5f2ff)!important;
  border:1px dashed #cbc6eb!important;
  border-radius:13px!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child small {
  color:#665b92!important;
  font-size:clamp(10px,1vw,12px)!important;
}
#r1532-shell.r1536-app.r1560-app .footer-links a:hover,
#r1532-shell.r1536-app.r1560-app .header-links a:hover {
  color:#6223d4!important;
}
#r1532-shell.r1536-app.r1560-app :is(a,button,input):focus-visible {
  outline:3px solid #975df0!important;
  outline-offset:3px!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena:focus-visible {
  outline:none!important;
}
@media(max-width:760px) {
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid {
    height:43px!important;
  }
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child {
    gap:2px 7px!important;
    font-size:11px!important;
    padding:4px 6px!important;
  }
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child small {
    font-size:10px!important;
  }
}
@media(max-width:760px) and (max-height:680px) {
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid {height:32px!important}
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child {font-size:9px!important}
  #r1532-shell.r1536-app.r1560-app .r1560-free-grid .r1560-free-placeholder:first-child small {font-size:9px!important}
}
@media(prefers-reduced-motion:reduce) {
  #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile {
    transition:none!important;
  }
  #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:hover {
    transform:none!important;
  }
}


/* r1565: home usability / real playable discovery.
   No empty free-game advertisements. Mobile carousel is initialized to Fbrkha,
   while desktop retains the approved Arena-first ordering. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2 {
 position:absolute!important;
 width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;
 border:0!important;overflow:hidden!important;
 clip-path:inset(50%)!important;
 white-space:nowrap!important;
}
/* Arena name already appears on approved artwork. Retain semantic heading above
   for screen readers, so the name never appears twice visually in one card. */
#r1532-shell.r1536-app.r1560-app .r1560-group-title {
 letter-spacing:0!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager>button {
 min-width:30px!important;
 touch-action:manipulation!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager .r1560-dot {
 touch-action:manipulation!important;
}
@media(max-width:760px) {
 #r1532-shell.r1536-app.r1560-app .footer{
  min-height:72px!important;height:72px!important;
  padding:6px 9px!important;
  grid-template-columns:minmax(0,1fr) 73px!important;
  grid-template-rows:1fr 1fr!important;
  gap:3px 6px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{
  min-width:0!important;gap:clamp(5px,1.5vw,10px)!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made){
  min-width:0!important;white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:clamp(9px,2.35vw,10px)!important;
  line-height:1.2!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:clamp(9px,2.4vw,10px)!important;
  line-height:1.2!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  font-size:clamp(9px,2.35vw,10px)!important;
  white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links{
  min-width:0!important;
  gap:clamp(4px,1.3vw,8px)!important;
  font-size:clamp(9px,2.35vw,10px)!important;
  line-height:1.2!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  white-space:nowrap!important;
 }
}
@media(max-width:350px) {
 #r1532-shell.r1536-app.r1560-app .footer{
  height:78px!important;min-height:78px!important;
  grid-template-rows:29px 35px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links {
  display:flex!important;flex-wrap:wrap!important;
  row-gap:2px!important;column-gap:8px!important;
  justify-content:flex-start!important;align-content:center!important;
  font-size:9px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{gap:5px!important}
 #r1532-shell.r1536-app.r1560-app .proof .made{display:none!important}
}


/* r1567: all ten owner-approved visual refinements, scoped to the white app home.
   No assets edited, no game logic, payments, accounts or server altered. */

/* #4 — blend the authentic approved Sultan portrait into the hero without a hard photo rectangle. */
#r1532-shell.r1536-app.r1560-app .hero-art img{
 -webkit-mask-image:radial-gradient(ellipse 78% 87% at 49% 52%,#000 68%,transparent 100%)!important;
 mask-image:radial-gradient(ellipse 78% 87% at 49% 52%,#000 68%,transparent 100%)!important;
 filter:drop-shadow(0 7px 12px rgba(52,35,83,.12))!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art::before{
 background:radial-gradient(ellipse at 43% 73%,rgba(189,159,245,.26),transparent 67%)!important;
}

/* #2 — the Arena's official raster includes its name: show the ENTIRE artwork, never crop the letters.
   Its backdrop fills the otherwise empty letterbox space with the actual same approved artwork. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
 isolation:isolate!important;
 background:linear-gradient(145deg,#260e50,#64228c 58%,#18143f)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::before{
 content:""!important;display:block!important;position:absolute!important;
 inset:-12px!important;z-index:0!important;
 background:url('/assets/home-r1457/arena-cover.webp') center/cover no-repeat!important;
 filter:blur(18px) brightness(.61) saturate(.85)!important;
 opacity:.62!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 position:relative!important;z-index:1!important;
 width:100%!important;height:100%!important;object-fit:contain!important;
 object-position:center!important;filter:brightness(1.02) saturate(1.04)!important;
}

/* #3 and #8 — one confident card rhythm, controlled artwork contrast and generous title/action alignment. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
 flex:0 0 58%!important;height:58%!important;max-height:58%!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art>img{
 filter:saturate(.95) contrast(1.015) brightness(.99)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
 justify-content:center!important;gap:4px!important;
 padding:5px 10px 3px!important;min-height:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text h2{
 color:#fff1c9!important;line-height:1.24!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 color:#f6f4ff!important;line-height:1.42!important;text-wrap:pretty!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
 margin:3px 9px 8px!important;min-height:33px!important;
}

/* #6 — explicit slide position, compact dots retained as an alternate way to navigate. */
#r1532-shell.r1536-app.r1560-app .r1567-page-count{
 display:none;white-space:nowrap;font-weight:800;font-size:11px;
 color:#42377d;direction:rtl;unicode-bidi:plaintext;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{
 border:1px solid #d8d1ed!important;
 background:#fff!important;color:#5123af!important;
}
#r1532-shell.r1536-app.r1560-app .r1560-game-pager>button:active{
 background:#eee5ff!important;
}
@media (min-width:761px) and (max-width:1199px) {
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:57%!important;height:57%!important;max-height:57%!important;
 }
}
@media (max-width:760px) {
 /* #5 — do not split the login button label into two tiny lines. */
 #r1532-shell.r1536-app.r1560-app .login{
  white-space:nowrap!important;word-break:normal!important;
  font-size:clamp(10px,2.9vw,12px)!important;
  min-width:112px!important;width:112px!important;
  padding:0 6px!important;
  display:inline-flex!important;flex-direction:row!important;
  justify-content:center!important;align-items:center!important;gap:5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .login svg{width:14px!important;height:14px!important;flex:none!important}

 /* #3 — maximize the image without sacrificing readable text or access to the start button. */
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:56%!important;height:56%!important;max-height:56%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{padding:4px 10px 2px!important}
 #r1532-shell.r1536-app.r1560-app .r1567-page-count{display:inline!important}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{gap:9px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{
  width:34px!important;min-width:34px!important;height:27px!important;
  min-height:27px!important;font-size:20px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-dots{gap:5px!important}

 /* #1 — restore the complete legal/trust strip at readable sizes; no hidden Made in Saudi Arabia. */
 #r1532-shell.r1536-app.r1560-app .footer{
  height:82px!important;min-height:82px!important;
  padding:6px 8px!important;
  grid-template-columns:minmax(0,1fr) 71px!important;
  grid-template-rows:34px 30px!important;
  gap:2px 5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{
  justify-content:flex-start!important;gap:5px!important;
  align-items:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:10px!important;line-height:1.15!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:10.5px!important;line-height:1.15!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  display:flex!important;font-size:10px!important;align-items:center!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links{
  display:flex!important;flex-wrap:wrap!important;align-content:center!important;
  gap:2px 8px!important;font-size:10px!important;line-height:1.3!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:10px!important;line-height:1.3!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
  width:71px!important;min-width:71px!important;height:55px!important;
  grid-column:2!important;grid-row:1 / 3!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img{
  width:70px!important;height:51px!important;object-fit:contain!important;
 }
}
@media (max-width:370px) {
 /* #7 — compact 320px phones use 3 trust lines and a two-column links grid,
    not 7–9px illegible type. All text stays within one viewport. */
 #r1532-shell.r1536-app.r1560-app .login{
  min-width:102px!important;width:102px!important;font-size:10px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-brand{
  width:91px!important;min-width:91px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-brand img{
  width:90px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer{
  height:94px!important;min-height:94px!important;
  padding:5px 6px!important;
  grid-template-columns:minmax(0,1fr) 59px!important;
  grid-template-rows:46px 36px!important;gap:2px 4px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{
  display:grid!important;grid-column:1!important;grid-row:1!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  grid-template-rows:27px 14px!important;
  gap:1px 4px!important;align-content:center!important;align-items:center!important;
  width:100%!important;min-width:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made){
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  min-width:0!important;white-space:nowrap!important;gap:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  display:flex!important;grid-column:1 / 3!important;grid-row:2!important;
  font-size:10px!important;justify-content:flex-start!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:9.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:10px!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,16px)!important;
  gap:1px 7px!important;align-content:center!important;
  font-size:10px!important;white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:10px!important;line-height:1.3!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand{
  grid-column:2!important;grid-row:1 / 3!important;
  width:59px!important;min-width:59px!important;height:63px!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-brand img{
  width:58px!important;height:56px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager{gap:5px!important;min-height:22px!important}
 #r1532-shell.r1536-app.r1560-app .r1560-game-pager>button{
  height:24px!important;min-height:24px!important;
  width:29px!important;min-width:29px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1560-art{
  max-height:53%!important;height:53%!important;flex-basis:53%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:11.5px!important;
 }
}
@media (max-width:760px) and (max-height:680px) {
 #r1532-shell.r1536-app.r1560-app .hero h1{font-size:clamp(17px,5.2vw,19px)!important}
 #r1532-shell.r1536-app.r1560-app .hero{height:clamp(113px,20vh,133px)!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:52%!important;height:52%!important;max-height:52%!important;
 }
}


/* r1567.1 real-Chrome editorial refinement:
   never show Arena raster as a small picture inside a plain violet letterbox.
   Fade the title already baked into the raster and typeset the full name below. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
 background:linear-gradient(145deg,#3c176d,#171c50)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::before{
 background:url('/assets/home-r1457/arena-cover.webp') center center/cover no-repeat!important;
 filter:blur(4px) brightness(.8) saturate(1.1)!important;
 opacity:.82!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 object-fit:cover!important;object-position:center 7%!important;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.66) 59%,transparent 89%)!important;
 mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.66) 59%,transparent 89%)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
 position:static!important;width:auto!important;height:auto!important;
 padding:0!important;margin:0!important;clip-path:none!important;
 overflow:visible!important;white-space:normal!important;
 color:#fff1c9!important;font-size:clamp(17px,1.7vw,24px)!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art img{
 -webkit-mask-image:radial-gradient(ellipse 65% 77% at 51% 53%,#000 49%,rgba(0,0,0,.74) 69%,transparent 99%)!important;
 mask-image:radial-gradient(ellipse 65% 77% at 51% 53%,#000 49%,rgba(0,0,0,.74) 69%,transparent 99%)!important;
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .header{padding:0 6px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-brand{
  width:78px!important;min-width:78px!important;max-width:78px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1536-brand img{width:78px!important;max-width:78px!important}
 #r1532-shell.r1536-app.r1560-app .login{
  font-size:10.5px!important;width:103px!important;min-width:103px!important;
  padding:0 5px!important;overflow:hidden!important;
 }
 #r1532-shell.r1536-app.r1560-app .login svg{display:none!important}
}


/* r1567.2 visual sign-off pass:
   use the colorful approved portal without ghosting text baked into the original JPG. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::before{
 background:radial-gradient(ellipse at 51% 26%,#9543e8 0%,#54249b 46%,#261741 96%)!important;
 filter:none!important;opacity:1!important;inset:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,rgba(0,0,0,.62) 50%,transparent 66%)!important;
 mask-image:linear-gradient(to bottom,#000 0%,#000 40%,rgba(0,0,0,.62) 50%,transparent 66%)!important;
}

/* Trust numbers are complete and readable in three compact lines rather than
   three narrow vertical columns at 320-390px, with all four policy/help links. */
@media(max-width:760px) {
 #r1532-shell.r1536-app.r1560-app .footer{
  height:92px!important;min-height:92px!important;
  grid-template-rows:46px 30px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  gap:0!important;min-width:0!important;width:100%!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made){
  display:flex!important;flex-direction:row!important;
  gap:5px!important;align-items:center!important;
  width:auto!important;min-width:0!important;flex:none!important;
  white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:10px!important;line-height:1.3!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:10.5px!important;line-height:1.3!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  display:flex!important;align-items:center!important;
  font-size:10px!important;line-height:1.3!important;
 }
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .footer{
  height:97px!important;min-height:97px!important;
  grid-template-rows:47px 37px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof{
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  gap:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made){
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:3px!important;white-space:nowrap!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{font-size:9.5px!important}
 #r1532-shell.r1536-app.r1560-app .proof strong{font-size:10px!important}
 #r1532-shell.r1536-app.r1560-app .proof .made{
  display:flex!important;grid-column:auto!important;grid-row:auto!important;
  font-size:10px!important;
 }
}


/* r1567.3: fix measured 5px overlap between final Saudi trust line and support links.
   Explicit 14px proof row heights keep all three lines inside the 46px grid area. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .proof{
  justify-content:center!important;gap:0!important;row-gap:0!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof>span:not(.made),
 #r1532-shell.r1536-app.r1560-app .proof .made{
  height:14px!important;min-height:14px!important;max-height:14px!important;
  flex:0 0 14px!important;margin:0!important;padding:0!important;
  line-height:14px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small,
 #r1532-shell.r1536-app.r1560-app .proof strong{
  line-height:14px!important;
 }
}


/* r1567.4 — ensure trust strip never distributes rows into the footer links.
   Existing historical rule uses space-between on the proof children: use fixed,
   semantic positioning in the 46px trust area to defeat that inherited behavior. */
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .footer .proof{
  position:relative!important;display:block!important;
  width:100%!important;height:46px!important;min-height:46px!important;
  max-height:46px!important;align-self:start!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span{
  position:absolute!important;right:0!important;left:auto!important;
  margin:0!important;padding:0!important;height:14px!important;
  min-height:14px!important;max-height:14px!important;
  display:flex!important;align-items:center!important;
  width:max-content!important;max-width:100%!important;
  flex:none!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span:first-child{top:2px!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof>span:nth-child(2){top:17px!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof>span.made{top:32px!important}
}


/* r1568 visual QA correction — visually verified shortcomings of r1567.
   Retain original Sultan, approved wordmark and game artwork. Scoped to home only. */

/* Render the upper architecture from the original arena panorama (its title is
   baked into the LOWER half). Rather than masking it into a large violet blank
   or duplicating a blurry label, enlarge the picture vertically and expose
   only the top 53%, leaving a crisp, single HTML title below. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
 position:relative!important;overflow:hidden!important;
 background:#28174b!important;isolation:isolate!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::before{
 content:none!important;display:none!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 position:absolute!important;left:0!important;top:0!important;
 width:100%!important;height:188%!important;max-height:none!important;
 object-fit:cover!important;object-position:center top!important;
 mask-image:none!important;-webkit-mask-image:none!important;
 filter:saturate(1.07) brightness(.99)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::after{
 content:""!important;display:block!important;
 position:absolute!important;z-index:2!important;
 inset:55% 0 0!important;pointer-events:none!important;
 background:linear-gradient(0deg,rgba(40,23,75,.28),transparent)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
 position:static!important;height:auto!important;width:auto!important;
 clip-path:none!important;overflow:visible!important;
 font-size:clamp(17px,1.7vw,24px)!important;
 color:#fff2d5!important;
}

/* Sultan original portrait remains unchanged, but the outer rectangle now
   dissolves into the light gradient as a soft elliptical vignette. */
#r1532-shell.r1536-app.r1560-app .hero-art img{
 border-radius:0!important;
 -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 51%,
    black 40%,rgba(0,0,0,.90) 54%,rgba(0,0,0,.28) 82%,transparent 99%)!important;
 mask-image:radial-gradient(ellipse 60% 70% at 50% 51%,
    black 40%,rgba(0,0,0,.90) 54%,rgba(0,0,0,.28) 82%,transparent 99%)!important;
}

/* Game card editorial rhythm — labels/introductions should be comfortably
   legible, without making the artwork or buttons smaller. */
@media(min-width:761px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
  font-size:clamp(11.5px,1.06vw,14px)!important;
  line-height:1.43!important;
  font-weight:580!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text{
  justify-content:center!important;
  gap:6px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-card-action{
  font-size:clamp(12px,1vw,14px)!important;
 }
}

/* Footer legibility: legal credentials and trust links are information, not
   miniature decoration. Keep all information visible and inside one viewport. */
#r1532-shell.r1536-app.r1560-app .proof small{color:#555879!important}
#r1532-shell.r1536-app.r1560-app .proof strong{color:#262347!important}
#r1532-shell.r1536-app.r1560-app .footer-links a{color:#413b60!important}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .footer{
   border-color:#dddce9!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:11px!important;font-weight:650!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:11px!important;font-weight:750!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof .made{
  font-size:11px!important;font-weight:750!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:11px!important;font-weight:650!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art img{
  -webkit-mask-image:radial-gradient(ellipse 65% 75% at 49% 51%,
    black 45%,rgba(0,0,0,.90) 58%,rgba(0,0,0,.22) 86%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 65% 75% at 49% 51%,
    black 45%,rgba(0,0,0,.90) 58%,rgba(0,0,0,.22) 86%,transparent 100%)!important;
 }
}
/* The 320px phone uses compact but not illegible legal text. */
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-size:10.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof strong{
  font-size:10.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .proof small{
  font-size:10.5px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art img{
  -webkit-mask-image:radial-gradient(ellipse 64% 74% at 49% 49%,
     black 48%,rgba(0,0,0,.84) 64%,transparent 99%)!important;
  mask-image:radial-gradient(ellipse 64% 74% at 49% 49%,
     black 48%,rgba(0,0,0,.84) 64%,transparent 99%)!important;
 }
}


/* r1568.1: avoid 188% magnification of the source 470px artwork.
   A controlled portal crop at 140% lets the architectural scene breathe. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 height:140%!important;
 object-fit:cover!important;object-position:center top!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::after{
 content:""!important;display:block!important;
 inset:58% 0 0!important;z-index:2!important;
 background:linear-gradient(to bottom,transparent 0%,rgba(71,25,112,.62) 60%,rgba(49,21,78,.92) 100%)!important;
}


/* r1568.2: hide the remaining faint source watermark/lettering at the
   picture's lower edge; artwork remains the approved portal scene. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::after{
 inset:52% 0 0!important;
 background:linear-gradient(to bottom,
    transparent 0%,
    rgba(52,23,91,.78) 51%,
    #33204f 90%,
    #33204f 100%)!important;
}


/* r1569 — original vector Arena art, no cropping of lettering or pseudo-image.
   This is the LAST, purposeful override of the previously accumulated r1568 effects. */
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
 background:#1e1246!important;
 isolation:isolate!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::before,
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art::after{
 content:none!important;display:none!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art>img{
 position:relative!important;z-index:1!important;
 display:block!important;top:auto!important;left:auto!important;
 width:100%!important;height:100%!important;max-height:100%!important;
 object-fit:cover!important;object-position:center center!important;
 filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;
 transform:none!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
 color:#fff2cf!important;text-shadow:none!important;
 clip-path:none!important;position:static!important;overflow:visible!important;
 white-space:normal!important;font-weight:800!important;
}
/* Unlike the original hard-edged portrait, the same approved Sultan image
   blends from the bottom corners into the white lilac hero. */
#r1532-shell.r1536-app.r1560-app .hero-art img{
 -webkit-mask-image:linear-gradient(to right,transparent 0%,black 13%,black 88%,transparent 100%),
                    linear-gradient(to bottom,black 0%,black 68%,transparent 100%)!important;
 mask-image:linear-gradient(to right,transparent 0%,black 13%,black 88%,transparent 100%),
            linear-gradient(to bottom,black 0%,black 68%,transparent 100%)!important;
 -webkit-mask-composite:source-in!important;mask-composite:intersect!important;
}
/* Text contrast and trust/legal legibility. */
#r1532-shell.r1536-app.r1560-app .footer{
 border-color:#dcdbe9!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .text p{
 text-wrap:pretty!important;
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .footer .proof strong{
  font-weight:750!important;color:#282443!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof small{
  color:#4c4468!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer-links a{
  font-weight:700!important;color:#3a355b!important;
 }
 #r1532-shell.r1536-app.r1560-app .footer .proof>span.made{
  color:#136d50!important;
 }
}
@media(max-width:370px){
 #r1532-shell.r1536-app.r1560-app .header{gap:4px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-brand{width:77px!important;min-width:77px!important}
 #r1532-shell.r1536-app.r1560-app .r1536-brand img{width:76px!important}
 #r1532-shell.r1536-app.r1560-app .login{min-width:102px!important;width:102px!important;font-size:10px!important}
 #r1532-shell.r1536-app.r1560-app .footer .proof small,
 #r1532-shell.r1536-app.r1560-app .footer .proof strong,
 #r1532-shell.r1536-app.r1560-app .footer .proof .made{
  font-size:10.5px!important;
 }
}