@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
/* r1532 — restore actual approved preview geometry. Deliberately separate from old r1524 styles. */
body.platform-home.home-r1532-active{background:#f7f8fc!important;color:#17172a!important;overflow-x:hidden!important}
body.platform-home.home-r1532-active>.home-topbar,body.platform-home.home-r1532-active>main,body.platform-home.home-r1532-active>.home-app-nav,body.platform-home.home-r1532-active>footer{display:none!important}
#r1532-shell{max-width:1630px;min-height:100svh;margin:auto;padding:18px 26px;display:flex;flex-direction:column;gap:12px;position:relative;direction:rtl;text-align:right;font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',Tahoma,sans-serif!important;color:#17172a}
#r1532-shell *{box-sizing:border-box}
#r1532-shell button{font:inherit;cursor:pointer}
#r1532-shell a{text-decoration:none;color:inherit}
#r1532-shell .header{height:66px;flex-shrink:0;background:#fff;border:1px solid #ebebf2;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 4px 20px #20204006}
#r1532-shell .brand{display:flex;align-items:center;min-width:134px;height:54px;position:relative}
#r1532-shell .brand img{width:124px;height:54px;object-fit:contain;display:block;filter:none}
#r1532-shell .header-links{display:flex;gap:36px;font-size:13px;font-weight:700;color:#77768d}
#r1532-shell .header-links .active{color:#2d2347;position:relative}
#r1532-shell .header-links .active::after{content:'';position:absolute;bottom:-20px;right:8px;left:8px;height:3px;background:#5433b8;border-radius:4px}
#r1532-shell .header-actions{display:flex;align-items:center;gap:12px}
#r1532-shell .login{display:inline-flex;align-items:center;justify-content:center;color:#432e8c;border:1px solid #e5dcfa;background:#f5f1fe;border-radius:13px;padding:10px 22px;font-size:12px;font-weight:700;min-height:40px}
#r1532-shell .iconbtn{background:white;border:1px solid #ebebf2;border-radius:13px;width:39px;height:39px;color:#5f587b;font-size:19px;display:grid;place-items:center}
#r1532-shell .hero{height:159px;min-height:159px;display:flex;align-items:center;overflow:hidden;position:relative;background:linear-gradient(112deg,#f1edff 0%,white 30%,white 67%,#f5f2ff 100%);border:1px solid #ebebf2;border-radius:20px;padding:17px 30px;isolation:isolate}
#r1532-shell .hero::after{content:'';position:absolute;left:0;top:0;height:100%;width:380px;opacity:.55;background:radial-gradient(circle at 30% 70%,#d6cbfa,transparent 64%);z-index:-1}
#r1532-shell .hero-copy{z-index:2;position:relative;padding-inline-start:14px}
#r1532-shell .eyebrow{color:#6a43cf;font-size:12px;font-weight:700;letter-spacing:.1px}
#r1532-shell .hero h1{font-size:clamp(27px,3.6vw,43px);margin:4px 0 3px;line-height:1.45;font-weight:800;letter-spacing:-1.2px;color:#17172a}
#r1532-shell .hero h1 em{font-style:normal;color:#6837c1}
#r1532-shell .hero p{margin:0;font-size:14px;color:#6f6c83}
#r1532-shell .hero-art{margin-right:auto;position:relative;width:280px;height:180px;align-self:end;display:grid;place-items:end center;overflow:hidden}
#r1532-shell .hero-art::before{content:'';position:absolute;bottom:5px;width:240px;height:130px;border-radius:100% 100% 0 0;background:linear-gradient(135deg,#e8e0fe,#f9f7fe)}
#r1532-shell .hero-art img{position:relative;z-index:1;height:169px;max-width:260px;object-fit:contain;object-position:bottom;filter:none}
#r1532-shell .hero-art .backup{display:none;font-size:19px;color:#745aca}
#r1532-shell .controls{height:46px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:14px}
#r1532-shell .tabs{display:flex;border:1px solid #e8e5ef;background:#fff;padding:4px;gap:4px;border-radius:14px;height:44px}
#r1532-shell .tab{background:transparent;border:0;border-radius:10px;color:#77718d;font-weight:700;font-size:13px;padding:5px 23px;cursor:pointer}
#r1532-shell .tab.active{background:#4b279d;color:#fff;box-shadow:0 5px 10px #4b279d24}
#r1532-shell .context{font-size:12px;color:#888598}
#r1532-shell .context strong{color:#33314a}
#r1532-shell .gamegrid{flex:1;min-height:400px;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
#r1532-shell .tile{position:relative;overflow:hidden;border-radius:19px;isolation:isolate;box-shadow:0 15px 45px #17172a0b;min-height:167px;transition:transform .17s,box-shadow .17s;color:#fff;background:#191632;display:block}
#r1532-shell .tile:hover{transform:translateY(-3px);box-shadow:0 22px 45px #17172a1b}
#r1532-shell .tile::before{content:'';position:absolute;inset:0;opacity:.65;z-index:-1;background:radial-gradient(ellipse at 77% 0%,#ffffff16,transparent 50%)}
#r1532-shell .tile .noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff .75px,transparent .75px);background-size:18px 18px;mask-image:linear-gradient(115deg,transparent,#000)}
#r1532-shell .tile .text{position:absolute;right:22px;bottom:20px;z-index:3}
#r1532-shell .tile h2{font-size:25px;margin:0;line-height:1.4;font-weight:800;letter-spacing:-.4px;color:#fff}
#r1532-shell .tile p{margin:1px 0 0;color:#ffffffcf;font-size:11px;font-weight:500}
#r1532-shell .tile .arrow{position:absolute;left:18px;bottom:19px;width:37px;height:37px;border-radius:50%;border:1px solid #ffffff4e;color:#fff;display:grid;place-items:center;background:#ffffff18;font-size:19px;z-index:3}
#r1532-shell .art{position:absolute;inset:0;overflow:hidden}
#r1532-shell .arena{grid-row:span 2;background:radial-gradient(circle at 36% 41%,#493884,#211747 55%,#17142d 100%)}
#r1532-shell .arena .text{right:25px;bottom:26px}
#r1532-shell .arena h2{font-size:40px;color:#f4edff}
#r1532-shell .arena p{font-size:13px}
#r1532-shell .arena .arena-frame{position:absolute;left:4%;right:4%;top:6%;bottom:13%;border:1px solid #bfaff14d;border-radius:50% 50% 24% 24%;box-shadow:inset 0 0 0 15px #a69ae309,inset 0 0 0 45px #b5a1f007;transform:perspective(600px) rotateX(7deg)}
#r1532-shell .arena .arena-frame::before{content:'';position:absolute;left:8%;right:8%;top:10%;bottom:4%;border:2px solid #bea9ff77;border-radius:50% 50% 18% 18%;box-shadow:0 0 65px #7749e370,inset 0 0 55px #815fe43c}
#r1532-shell .arena .arena-frame::after{content:'♛';position:absolute;left:38%;top:17%;font-size:110px;color:#e6c58f;text-shadow:0 0 25px #e6c58f55;transform:rotateX(-7deg)}
#r1532-shell .arena .ring{position:absolute;left:9%;right:9%;bottom:15%;height:30%;border:1px solid #be97f544;border-radius:50%;transform:rotateX(65deg)}
#r1532-shell .arena .corner{position:absolute;top:25px;right:25px;font-size:10px;letter-spacing:.2em;color:#c9bff0}
#r1532-shell .fbrkha{background:linear-gradient(120deg,#30164c,#171128)}
#r1532-shell .fbrkha .art::before,#r1532-shell .fbrkha .art::after{content:'';position:absolute;width:100px;height:140px;left:27%;top:-7%;border:2px solid #cca4e87a;border-radius:16px;transform:rotate(-20deg);background:linear-gradient(130deg,#8761b733,#9f58cd11)}
#r1532-shell .fbrkha .art::after{left:41%;top:0;transform:rotate(15deg);border-color:#e1caad88}
#r1532-shell .fbrkha .symbol{position:absolute;left:25%;top:14%;font-size:58px;color:#dab9f6;font-weight:800;transform:rotate(-10deg)}
#r1532-shell .qadha{background:linear-gradient(120deg,#0c3350,#071925)}
#r1532-shell .qadha .art::before{content:'';position:absolute;width:174px;height:174px;left:21%;top:-41px;border:1px solid #78def07a;border-radius:100%;box-shadow:0 0 0 20px #63ceea0d,0 0 0 48px #57bce511}
#r1532-shell .qadha .symbol{position:absolute;top:11%;left:32%;height:88px;width:88px;display:grid;place-items:center;color:#b5ebff;filter:drop-shadow(0 0 14px #83deef60)}
#r1532-shell .qadha .symbol svg{width:100%;height:100%}
#r1532-shell .khaltaha{background:linear-gradient(115deg,#143f40,#092625)}
#r1532-shell .khaltaha .symbol{position:absolute;top:-31%;left:25%;font-size:200px;color:#82e5ce;font-weight:500;transform:rotate(-17deg);text-shadow:0 0 20px #9ffad63a;line-height:1.4}
#r1532-shell .topten{background:linear-gradient(115deg,#58301c,#271811)}
#r1532-shell .topten .symbol{position:absolute;top:-35%;left:18%;font-size:170px;color:#f2ce92;font-weight:900;opacity:.8;letter-spacing:-12px;text-shadow:0 0 24px #d79b4a55}
#r1532-shell .free-card:nth-child(1){background:linear-gradient(115deg,#303763,#141a36)}
#r1532-shell .free-card:nth-child(2){background:linear-gradient(115deg,#453258,#211b35)}
#r1532-shell .free-card:nth-child(3){background:linear-gradient(115deg,#27464f,#122c38)}
#r1532-shell .free-card:nth-child(4){background:linear-gradient(115deg,#62402c,#2d201d)}
#r1532-shell .free-card .symbol{position:absolute;left:15%;top:0;font-size:125px;font-weight:700;opacity:.4;color:#fff}
#r1532-shell .free-card .text{bottom:25px}
#r1532-shell .free-card h2{font-size:29px}
#r1532-shell .free-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}
#r1532-shell .footer{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border:1px solid #ebebf2;border-radius:16px;color:#7d7a8c;font-size:11px;gap:12px}
#r1532-shell .footer-links{display:flex;gap:19px}
#r1532-shell .proof{display:flex;align-items:center;gap:25px}
#r1532-shell .proof strong{color:#48415c}
#r1532-shell .footer-brand{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:105px;height:46px}
#r1532-shell .footer-brand img{height:46px;width:102px;object-fit:contain;display:block;filter:none}
#r1532-shell .mobile-nav{display:none}
#r1532-shell .hint{font-size:10px;color:#bbb9c6;text-align:center}
#r1532-shell .search-panel{position:absolute;top:76px;left:21px;width:min(420px,calc(100vw - 42px));padding:15px;display:grid;gap:10px;background:#fff;border:1px solid #e7e1f2;border-radius:16px;box-shadow:0 16px 55px #17172a24;z-index:75}
#r1532-shell .search-panel label{display:block;font-size:12px;font-weight:700;color:#3c2b64}
#r1532-shell .search-panel input{border:1px solid #e4dff0;border-radius:10px;height:42px;min-width:0;padding:7px 12px;font:inherit;color:#252033;background:#fff}
#r1532-shell .search-panel button{border:0;border-radius:10px;padding:10px 16px;background:#4b279d;color:#fff}
#r1532-shell .search-panel .form-row{display:flex;gap:6px}
#r1532-shell .search-panel .form-row input{flex:1}
#r1532-shell .search-panel .status{font-size:11px;color:#7e6b9d}
#r1532-shell .hide{display:none!important}
#r1532-shell [hidden]{display:none!important}
#r1532-shell .sr-only{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
#r1532-shell a:focus-visible,#r1532-shell button:focus-visible,#r1532-shell input:focus-visible{outline:3px solid #8055cf;outline-offset:3px}
@media(min-width:900px) and (min-height:730px){#r1532-shell{height:100svh}#r1532-shell .gamegrid{min-height:0}}
@media(max-width:800px){#r1532-shell{padding:11px;gap:9px;min-height:100svh;padding-bottom:79px} #r1532-shell .header{height:58px;border-radius:14px;padding:0 12px}
#r1532-shell .brand{min-width:108px}
#r1532-shell .brand img{width:100px;height:45px}
#r1532-shell .header-links{display:none}
#r1532-shell .header-actions .iconbtn{width:32px;height:32px;font-size:17px}
#r1532-shell .login{padding:9px 12px;font-size:11px}
#r1532-shell .hero{height:139px;min-height:139px;padding:12px 15px;border-radius:17px}
#r1532-shell .hero h1{font-size:24px;letter-spacing:-.8px}
#r1532-shell .hero p{font-size:11px;max-width:190px}
#r1532-shell .eyebrow{font-size:10px}
#r1532-shell .hero-art{width:145px;height:144px;margin-left:-11px}
#r1532-shell .hero-art::before{width:144px;height:90px}
#r1532-shell .hero-art img{height:137px;max-width:145px}
#r1532-shell .controls{height:43px}
#r1532-shell .tabs{height:43px;width:100%;display:grid;grid-template-columns:1fr 1fr}
#r1532-shell .tab{padding:6px 10px;font-size:12px}
#r1532-shell .context{display:none}
#r1532-shell .gamegrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:152px 144px 144px;flex:none;min-height:0;gap:9px}
#r1532-shell .tile{min-height:0;border-radius:15px}
#r1532-shell .arena{grid-column:span 2;grid-row:span 1}
#r1532-shell .arena .text{right:17px;bottom:14px}
#r1532-shell .arena h2{font-size:28px}
#r1532-shell .arena p{font-size:10px}
#r1532-shell .arena .arena-frame{left:10%;right:24%;top:-9%;bottom:-40%}
#r1532-shell .arena .arena-frame::after{font-size:66px;left:37%;top:25%}
#r1532-shell .arena .corner{display:none}
#r1532-shell .tile .text{right:14px;bottom:13px}
#r1532-shell .tile h2{font-size:19px}
#r1532-shell .tile p{font-size:9px;max-width:155px}
#r1532-shell .tile .arrow{left:10px;bottom:12px;width:27px;height:27px;font-size:15px}
#r1532-shell .fbrkha .art::before,#r1532-shell .fbrkha .art::after{width:55px;height:85px}
#r1532-shell .fbrkha .symbol{font-size:33px}
#r1532-shell .qadha .art::before{height:120px;width:120px;top:-42px}
#r1532-shell .qadha .symbol{width:60px;height:60px;top:4%}
#r1532-shell .khaltaha .symbol{font-size:140px;top:-40%}
#r1532-shell .topten .symbol{font-size:110px;top:-30%}
#r1532-shell .free-grid{grid-template-rows:repeat(2,180px);grid-template-columns:repeat(2,1fr)}
#r1532-shell .free-card .symbol{font-size:86px}
#r1532-shell .free-card h2{font-size:20px}
#r1532-shell .footer{display:none}
#r1532-shell .mobile-nav{height:62px;background:#ffffffef;display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;right:0;left:0;z-index:65;align-items:center;border-top:1px solid #ebebf2;box-shadow:0 -4px 20px #22223a09;padding-bottom:env(safe-area-inset-bottom)}
#r1532-shell .mobile-nav a,#r1532-shell .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;color:#9692a5;font-weight:600;background:none;border:0}
#r1532-shell .mobile-nav .active{color:#502bb4}
#r1532-shell .mobile-nav .ico{font-size:20px;line-height:1.5}
#r1532-shell .hint{display:none}
#r1532-shell .search-panel{top:69px;left:0}}
@media(max-width:350px){#r1532-shell .hero h1{font-size:20px}#r1532-shell .hero p{font-size:10px}#r1532-shell .hero-art{width:108px}#r1532-shell .hero-art img{height:122px}#r1532-shell .tile h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){#r1532-shell *{transition:none!important;animation:none!important}}
@media(prefers-color-scheme:dark){body.platform-home.home-r1532-active[data-theme="dark"] #r1532-shell{color:#f4f0ff}body.platform-home.home-r1532-active[data-theme="dark"] #r1532-shell .header,body.platform-home.home-r1532-active[data-theme="dark"] #r1532-shell .footer{background:#fefcff}}
/* Override the abandoned r1524 body lock. Never crop the signed-off layout on
   shorter laptop screens; preserve a viewport-sized app when space allows. */
@media(min-width:960px) and (min-height:675px){
html[data-home-version="r830-approved-reference"] body.platform-home.home-r1524.home-r1532-active{
 display:block!important;height:auto!important;min-height:100svh!important;
 overflow-x:hidden!important;overflow-y:auto!important;
}
}
@media(min-width:801px) and (max-height:729px){
#r1532-shell .gamegrid{min-height:340px}
}

/* Specificity barrier: retired r1524 intentionally used !important grid and
   mobile footer rules. Those must never render alongside the approved mockup. */
html[data-home-version="r830-approved-reference"] body.platform-home.home-r1524.home-r1532-active > header.home-topbar,
html[data-home-version="r830-approved-reference"] body.platform-home.home-r1524.home-r1532-active > main,
html[data-home-version="r830-approved-reference"] body.platform-home.home-r1524.home-r1532-active > nav.home-app-nav,
html[data-home-version="r830-approved-reference"] body.platform-home.home-r1524.home-r1532-active > footer{
  display:none!important;
}