/* r821 — video feedback corrections */
:root[data-home-version="r821-video-feedback"] body.home-world-r818{
  font-family:"Alexandria",Tahoma,"Segoe UI",Arial,sans-serif!important;
}

/* Approved FBRKH brand — use the real approved mark in header/footer. */
.home-world-r818 .brand-mark{
  width:100px!important;
  height:52px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  overflow:visible!important;
  border-radius:10px!important;
}
.home-world-r818 .fbrkh-site-footer .fbrkh-footer-logo img{
  width:132px!important;
  height:70px!important;
  object-fit:contain!important;
  filter:none!important;
  border-radius:12px!important;
}

/* Arabic heading fidelity: no compressed tracking / animated underline. */
.home-world-r818 .hero-title,
.home-world-r818 .hero-title *,
.home-world-r818 .games-section .section-head h2,
.home-world-r818 .how-section .section-head h2{
  letter-spacing:normal!important;
  font-synthesis:none!important;
}
.home-world-r818 .hero-title{
  font-weight:700!important;
  line-height:1.12!important;
}
.home-world-r818 .hero-title-dark,
.home-world-r818 .hero-accent{
  animation:none!important;
  transform:none!important;
}
.home-world-r818 .hero-title::before,
.home-world-r818 .hero-title::after,
.home-world-r818 .hero-title-dark::before,
.home-world-r818 .hero-title-dark::after,
.home-world-r818 .hero-accent::before,
.home-world-r818 .hero-accent::after{
  display:none!important;
  content:none!important;
  animation:none!important;
}

/* The two hero CTAs had the same destination: keep one clear primary action. */
.home-world-r818 .hero-actions-single{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.home-world-r818 .hero-actions-single .hero-primary{
  min-width:190px!important;
  min-height:54px!important;
}

/* Show the entire approved hero artwork instead of cropping it. */
.home-world-r818 .hero-visual{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:626/435!important;
  overflow:hidden!important;
  background:#f4edf9!important;
}
.home-world-r818 .hero-reference-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* Replace the repeated portrait with five distinct, crisp male-style avatars. */
.home-world-r818 .hero-avatar-overlays{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}
.home-world-r818 .hero-avatar{
  position:absolute;
  top:26.4%;
  width:8.8%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:18%;
  border:2px solid rgba(255,255,255,.94);
  box-shadow:0 3px 8px rgba(14,5,35,.22);
}
.home-world-r818 .hero-avatar-1{left:17.0%}
.home-world-r818 .hero-avatar-2{left:30.0%}
.home-world-r818 .hero-avatar-3{left:43.0%}
.home-world-r818 .hero-avatar-4{left:56.0%}
.home-world-r818 .hero-avatar-5{left:69.0%}

/* How-to: slightly larger, cleaner, and no repeated connector arrows. */
.home-world-r818 .step-card:not(:last-child)::after{display:none!important;content:none!important}
.home-world-r818 .steps{gap:8px!important}
.home-world-r818 .step-card{min-height:116px!important;height:auto!important;padding:13px 22px!important}
.home-world-r818 .step-number{width:54px!important;height:54px!important;font-size:21px!important}
.home-world-r818 .step-card h3{font-size:16px!important}
.home-world-r818 .step-card p{font-size:10px!important}

/* Keep only the requested trust/details block; no duplicated lower CTA. */
.home-world-r818 .home-trust-section{padding:12px 0 28px!important}
.home-world-r818 .home-trust-strip{
  margin-top:0!important;
  min-height:88px!important;
}
.home-world-r818 .home-trust-item{
  color:inherit!important;
  text-decoration:none!important;
  transition:background .16s ease,transform .16s ease!important;
}
@media(hover:hover){
  .home-world-r818 a.home-trust-item:hover{
    background:#fbf8ff!important;
    transform:translateY(-1px);
  }
}
.home-world-r818 .home-trust-item div{min-width:0}
.home-world-r818 .home-trust-item b{font-size:11.5px!important}
.home-world-r818 .home-trust-item small{font-size:8.2px!important;line-height:1.5!important}
.home-world-r818 .home-trust-item em{
  display:block;
  margin-top:2px;
  color:#7a6591;
  font-size:7.8px;
  font-style:normal;
  font-weight:600;
}

/* Account modal: light, calm homepage palette. */
.home-world-r818 #authModal{
  background:rgba(37,19,58,.42)!important;
}
.home-world-r818 #authModal .modal-card{
  width:min(520px,calc(100% - 28px))!important;
  padding:52px 20px 22px!important;
  border:1px solid rgba(79,45,111,.10)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:#261741!important;
  box-shadow:0 30px 80px rgba(44,25,62,.22)!important;
}
.home-world-r818 #authModal .modal-x{
  background:#f7f2fb!important;
  color:#3f2465!important;
  border-color:rgba(80,49,108,.10)!important;
}
.home-world-r818 #authModal .platform-profile-hero{
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f4edff,#fff8ee)!important;
  color:#251541!important;
}
.home-world-r818 #authModal .platform-profile-hero h2,
.home-world-r818 #authModal .platform-profile-hero p,
.home-world-r818 #authModal .platform-profile-hero small{
  color:#251541!important;
}
.home-world-r818 #authModal .account-hint{
  padding:13px 14px!important;
  border:1px solid rgba(112,64,232,.10)!important;
  border-radius:15px!important;
  background:#faf7fd!important;
  color:#665777!important;
  line-height:1.7!important;
}
.home-world-r818 #authModal .btn.primary,
.home-world-r818 #authModal .account-photo-button{
  background:linear-gradient(135deg,#8754ee,#672fdc)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(105,48,222,.18)!important;
}
.home-world-r818 #authModal .btn.ghost{
  background:#f7f3fb!important;
  color:#4b3267!important;
  border:1px solid rgba(80,49,108,.10)!important;
}

/* The empty notification placeholder from the header must never reserve space. */
.home-world-r818 .header-notify,
.home-world-r818 #headerNotifyBtn{display:none!important}

/* Mobile/tablet corrections for the video feedback changes. */
@media(max-width:820px){
  .home-world-r818 .brand-mark{width:88px!important;height:42px!important}
  .home-world-r818 .hero-actions-single{justify-content:center!important}
  .home-world-r818 .hero-actions-single .hero-primary{width:min(230px,74vw)!important}
  .home-world-r818 .hero-visual{aspect-ratio:626/435!important}
  .home-world-r818 .hero-avatar{border-width:1.5px}
}
@media(max-width:760px){
  .home-world-r818 .hero-title{
    font-size:clamp(36px,10vw,43px)!important;
    line-height:1.14!important;
  }
  .home-world-r818 .steps{gap:4px!important}
  .home-world-r818 .step-card{min-height:88px!important;padding:12px 10px!important}
  .home-world-r818 .step-number{width:48px!important;height:48px!important}
  .home-world-r818 .home-trust-section{padding:12px 14px 18px!important;width:100%!important}
  .home-world-r818 .home-trust-item{min-height:78px!important}
  .home-world-r818 .home-trust-item b{font-size:10px!important}
  .home-world-r818 .home-trust-item small{font-size:7.4px!important}
  .home-world-r818 .home-trust-item em{font-size:7.2px!important}
}


/* r821 final geometry corrections found during browser review */
@media(min-width:821px){
  .home-world-r818 .hero-visual{
    max-width:700px!important;
    justify-self:start!important;
    align-self:center!important;
  }
}
@media(max-width:820px){
  .home-world-r818 .home-topbar{
    position:fixed!important;
    display:block!important;
  }
  .home-world-r818 .brand{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    width:96px!important;
    min-width:96px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    justify-content:center!important;
  }
  .home-world-r818 .brand-mark{
    width:88px!important;
    height:42px!important;
  }
  .home-world-r818 .mobile-nav-btn{
    position:absolute!important;
    right:9px!important;
    left:auto!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .home-world-r818 .account-cluster{
    position:absolute!important;
    left:9px!important;
    right:auto!important;
    top:50%!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .home-world-r818 .nav-account{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  .home-world-r818 .nav-account>span:not(.platform-account-avatar){display:none!important}
  .home-world-r818 .nav-account:not(:has(.platform-account-avatar))::before{
    content:""!important;
    width:17px!important;
    height:17px!important;
    border:2px solid #3f2465!important;
    border-radius:50%!important;
    box-shadow:0 10px 0 -4px #3f2465!important;
    transform:translateY(-2px)!important;
  }
}