:root{--aa-footer-space:64px;--aa-cream:#fff7e6;--aa-burgundy:#8d2e35;--aa-gold:#f2c55c}
*{box-sizing:border-box}body.aaGameApp{margin:0;min-height:100vh;padding-bottom:var(--aa-footer-space);overflow-x:hidden;background:#ead5b4;font-family:'Alexandria',sans-serif}
.aaStageBackdrop{position:fixed;inset:0;z-index:-2;background:url('/assets/img/arabimasra7.webp') center/cover no-repeat}.aaStageBackdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(35,15,6,.08),rgba(35,15,6,.2))}
.aaUniverseBar{position:sticky;top:0;z-index:900;min-height:80px;padding:9px 16px;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:10px;background:rgba(255,247,227,.94);border-bottom:1px solid rgba(94,49,21,.18);box-shadow:0 8px 25px rgba(41,20,7,.14);backdrop-filter:blur(14px)}
.aaUniverseLogo img{width:72px;height:62px;object-fit:contain;display:block}.aaUniverseNav{display:flex;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}.aaUniverseNav::-webkit-scrollbar{display:none}.aaUniverseNav a{min-width:76px;height:54px;padding:5px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(98,55,27,.14);border-radius:16px;color:#3c2417;background:#fff;text-decoration:none;font-size:20px;font-weight:900;box-shadow:0 6px 14px rgba(58,29,10,.09);transition:.18s}.aaUniverseNav a span{font-size:10px}.aaUniverseNav a:hover,.aaUniverseNav a.is-active{transform:translateY(-2px);border-color:var(--aa-gold);box-shadow:0 8px 18px rgba(139,47,47,.16)}
.aaUniverseTools{display:flex;justify-content:flex-end;gap:8px}.aaUniverseTools button{width:44px;height:44px;border:1px solid rgba(98,55,27,.14);border-radius:15px;background:#fff;font-size:20px;cursor:pointer}
.aaGameStage{width:min(1180px,calc(100% - 24px));margin:16px auto 24px}.aaGameBanner{position:relative;min-height:98px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.35);border-radius:25px;color:#fff;background:linear-gradient(135deg,rgba(111,33,38,.96),rgba(183,58,67,.93));box-shadow:0 15px 35px rgba(52,19,10,.22)}
.aaBackGames{flex:0 0 auto;padding:11px 14px;border-radius:14px;color:#4c3215;background:linear-gradient(#ffe594,#f2c45b);font-size:13px;font-weight:900;text-decoration:none}.aaGameIdentity{display:flex;align-items:center;gap:13px}.aaGameIdentity__icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.14);font-size:35px}.aaGameIdentity h1{margin:0;font-family:'Baloo Bhaijaan 2';font-size:clamp(27px,4vw,46px);line-height:1}.aaGameIdentity p{margin:5px 0 0;font-size:13px;font-weight:700}
.aaArabiGuide{position:fixed;top:96px;right:14px;z-index:850;width:min(320px,calc(100vw - 28px));display:flex;align-items:flex-end;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18));transition:.35s}.aaArabiGuide.is-hidden{opacity:0;transform:translateX(35px);pointer-events:none}.aaArabiGuide img{position:relative;z-index:2;width:82px;height:115px;object-fit:contain;margin-right:-18px}.aaArabiGuide__bubble{flex:1;min-height:76px;padding:14px 20px 14px 14px;border:1px solid rgba(109,54,31,.14);border-radius:20px 20px 6px 20px;background:rgba(255,255,255,.97);color:#32241d;font-size:12px;font-weight:800;line-height:1.7}.aaArabiGuide__bubble b{display:block;color:var(--aa-burgundy)}.aaArabiGuide__close{position:absolute;top:7px;left:7px;z-index:4;width:25px;height:25px;border:0;border-radius:50%;background:#f5e8d8;color:#8b2f2f;cursor:pointer}
.aaGameViewport{position:relative;margin-top:14px;min-height:530px;overflow:hidden;border:1px solid rgba(109,54,31,.16);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 20px 45px rgba(35,17,7,.2)}
.aaLegacyFrame{display:block;width:100%;height:calc(100vh - 270px);min-height:540px;border:0;background:#fff}.aaLegacyLoader{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffaf0}.aaLegacyLoader span{width:42px;height:42px;border:4px solid #ead9bd;border-top-color:var(--aa-burgundy);border-radius:50%;animation:aaSpin .8s linear infinite}@keyframes aaSpin{to{transform:rotate(360deg)}}
.aaStatsDrawer{position:fixed;top:0;left:0;bottom:0;z-index:1200;width:min(360px,92vw);padding:24px;transform:translateX(-105%);transition:.3s;background:#fff9ec;box-shadow:16px 0 45px rgba(0,0,0,.24)}.aaStatsDrawer.is-open{transform:translateX(0)}.aaStatsDrawer__close{float:left;width:36px;height:36px;border:0;border-radius:50%;font-size:22px}.aaStatsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.aaStatsGrid div{padding:17px 10px;text-align:center;border:1px solid #efd8a4;border-radius:18px;background:#fff}.aaStatsGrid span,.aaStatsGrid b,.aaStatsGrid small{display:block}.aaStatsGrid span{font-size:24px}.aaStatsGrid b{font-size:22px;color:var(--aa-burgundy)}
@media(max-width:780px){:root{--aa-footer-space:68px}.aaStageBackdrop{background-image:url('/assets/img/arabimasra7-mobile.webp');background-position:top center}.aaUniverseBar{min-height:70px;padding:7px 8px;grid-template-columns:55px 1fr 88px}.aaUniverseLogo img{width:52px;height:50px}.aaUniverseNav{justify-content:flex-start}.aaUniverseNav a{min-width:58px;height:48px;border-radius:13px;font-size:17px}.aaUniverseNav a span{font-size:8px}.aaUniverseTools button{width:38px;height:38px}.aaGameStage{width:calc(100% - 12px);margin-top:8px}.aaGameBanner{min-height:82px;padding:10px;border-radius:19px}.aaGameIdentity__icon{width:48px;height:48px;font-size:27px}.aaGameIdentity h1{font-size:26px}.aaGameIdentity p{display:none}.aaBackGames{padding:9px 10px;font-size:10px}.aaArabiGuide{top:76px;right:6px;width:270px}.aaArabiGuide img{width:63px;height:88px}.aaArabiGuide__bubble{min-height:63px;padding:10px 17px 10px 10px;font-size:10px}.aaGameViewport{margin-top:7px;border-radius:18px}.aaLegacyFrame{height:calc(100svh - 225px);min-height:520px}}


/* Native games batch 1 */
.aaGameViewport{
  position:relative;
  overflow:hidden;
}

.aaNativeGame{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:18px;
  box-sizing:border-box;
}

.aaNativeTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.aaNativeTitle{
  margin:0;
  color:#6f2525;
  font-size:clamp(24px,3vw,36px);
  font-weight:900;
}

.aaNativeHud{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.aaHudChip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:8px 13px;
  border:1px solid rgba(123,38,38,.11);
  border-radius:999px;
  color:#4d2d22;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 18px rgba(0,0,0,.06);
  font-weight:900;
}

.aaGamePanel{
  border:1px solid rgba(123,38,38,.09);
  border-radius:28px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(0,0,0,.1);
}

.aaModeBar,
.aaNativeActions,
.aaNativeShare{
  display:flex;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}

.aaModeBar{margin-bottom:14px}

.aaNativeBtn{
  border:0;
  min-height:46px;
  padding:11px 18px;
  border-radius:16px;
  cursor:pointer;
  font-family:inherit;
  font-weight:900;
  transition:transform .18s ease,filter .18s ease;
}

.aaNativeBtn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.aaNativeBtn:disabled{opacity:.48;cursor:not-allowed;transform:none}

.aaNativeBtn--main{color:#fff;background:linear-gradient(135deg,#b63b4d,#7d262e)}
.aaNativeBtn--blue{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}
.aaNativeBtn--gold{color:#3a2d14;background:linear-gradient(135deg,#f6d36f,#efb83b)}
.aaNativeBtn--green{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d)}
.aaNativeBtn--ghost{color:#7b2626;background:#fff;border:1px solid rgba(123,38,38,.16)}
.aaNativeBtn.is-active{box-shadow:0 0 0 4px rgba(246,211,111,.28)}

.aaNativeMessage{
  min-height:52px;
  margin:14px 0 0;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:18px;
  color:#6f2525;
  background:#fff7e3;
  font-weight:900;
}

.aaNativeProgress{
  height:11px;
  overflow:hidden;
  border-radius:999px;
  background:#efe7dc;
}

.aaNativeProgress span{
  display:block;
  height:100%;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#22c55e,#f4cd69);
  transition:width .35s ease;
}

.aaNativeEnd{
  display:none;
  margin-top:16px;
  padding:24px;
  text-align:center;
  border-radius:25px;
  background:linear-gradient(145deg,#fff9e9,#fff);
  border:1px solid rgba(239,188,66,.25);
}

.aaNativeEnd.is-visible{display:block;animation:aaEndIn .4s ease}
.aaNativeStars{font-size:42px;letter-spacing:5px}
.aaNativeBest{margin-top:8px;color:#7b2626;font-weight:900}

@keyframes aaEndIn{
  from{opacity:0;transform:translateY(14px) scale(.98)}
  to{opacity:1;transform:none}
}

.aaFxConfetti{
  position:absolute;
  z-index:80;
  top:-24px;
  color:#efb83b;
  font-size:18px;
  pointer-events:none;
  animation:aaConfettiFall 1.8s ease-in forwards;
}

@keyframes aaConfettiFall{
  0%{opacity:0;transform:translateY(0) rotate(0)}
  10%{opacity:1}
  100%{opacity:0;transform:translateY(620px) rotate(720deg)}
}

@media(max-width:640px){
  .aaNativeGame{padding:10px}
  .aaNativeTop{align-items:flex-start}
  .aaNativeHud{gap:5px}
  .aaHudChip{min-height:35px;padding:6px 9px;font-size:12px}
  .aaNativeBtn{min-height:43px;padding:10px 12px;font-size:12px}
}


/* =========================================================
   Ahlan Arabi Game Fullscreen
   Keep the WHOLE game reachable on every screen size.
========================================================= */
.aaGameViewport:fullscreen,
.aaGameViewport:-webkit-full-screen,
.aaGameViewport.aaPseudoFullscreen{
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff !important;
}

/* Native games keep their natural height; the fullscreen viewport scrolls
   only when the whole game is taller than the device screen. */
.aaGameViewport:fullscreen > :not(.aaFullscreenExit),
.aaGameViewport:-webkit-full-screen > :not(.aaFullscreenExit),
.aaGameViewport.aaPseudoFullscreen > :not(.aaFullscreenExit){
  width:100% !important;
  max-width:none !important;
  max-height:none !important;
}

/* Legacy iframe games should occupy the entire fullscreen area. */
.aaGameViewport:fullscreen > .aaLegacyFrame,
.aaGameViewport:-webkit-full-screen > .aaLegacyFrame,
.aaGameViewport.aaPseudoFullscreen > .aaLegacyFrame{
  width:100% !important;
  height:100dvh !important;
  min-height:100dvh !important;
}

/* Exit control stays inside the fullscreen element, so it is always visible. */
.aaFullscreenExit{
  position:fixed;
  top:max(10px, env(safe-area-inset-top));
  left:max(10px, env(safe-area-inset-left));
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:48px;
  padding:0 14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:15px;
  background:rgba(255,255,255,.96);
  color:#7b2626;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  font:900 14px/1 'Alexandria',sans-serif;
  cursor:pointer;
}

.aaGameViewport:fullscreen > .aaFullscreenExit,
.aaGameViewport:-webkit-full-screen > .aaFullscreenExit,
.aaGameViewport.aaPseudoFullscreen > .aaFullscreenExit{
  display:flex;
}

/* Fallback for browsers/devices where the Fullscreen API is unavailable. */
body.aaPseudoFullscreenOpen{
  overflow:hidden !important;
}

.aaGameViewport.aaPseudoFullscreen{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
}