/* r830 — approved homepage reference.
   Hero and game-card artwork are exact crops from the owner-approved reference; older experimental home layers are overridden here. */

html[data-home-version="r830-approved-reference"]{
  --f-purple:#6420d6;
  --f-purple-2:#8a28f2;
  --f-deep:#24104f;
  --f-gold:#eba83a;
  --f-ink:#24113f;
  --f-muted:#62586e;
  --f-line:rgba(63,33,94,.12);
  --f-paper:#fffdfb;
}
html[data-home-version="r830-approved-reference"],
html[data-home-version="r830-approved-reference"] body{background:#fff!important}
html[data-home-version="r830-approved-reference"] body.platform-home{
  margin:0!important;
  color:var(--f-ink)!important;
  font-family:"Alexandria",Tahoma,"Segoe UI",Arial,sans-serif!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(700px 320px at 89% 18%,rgba(255,221,171,.18),transparent 72%),
    #fff!important;
}
html[data-home-version="r830-approved-reference"] body.platform-home main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Header: approved white bar — logo at left, useful actions only. */
html[data-home-version="r830-approved-reference"] .home-topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  max-width:none!important;
  min-height:78px!important;
  margin:0!important;
  padding:7px clamp(22px,5vw,76px)!important;
  display:grid!important;
  grid-template-columns:168px minmax(360px,1fr) auto!important;
  grid-template-areas:"brand nav actions"!important;
  align-items:center!important;
  gap:24px!important;
  direction:ltr!important;
  border:0!important;
  border-bottom:1px solid rgba(54,27,86,.07)!important;
  border-radius:0!important;
  background:rgba(255,253,250,.97)!important;
  box-shadow:0 8px 28px rgba(57,34,71,.045)!important;
  backdrop-filter:blur(16px)!important;
  transition:min-height .16s ease,padding .16s ease,box-shadow .16s ease!important;
}
html[data-home-version="r830-approved-reference"] .home-topbar.is-condensed{
  min-height:64px!important;
  padding-block:3px!important;
  box-shadow:0 10px 30px rgba(57,34,71,.075)!important;
}
html[data-home-version="r830-approved-reference"] .brand{
  grid-area:brand!important;
  justify-self:start!important;
  width:145px!important;
  min-width:145px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  overflow:visible!important;
  border:0!important;
}
html[data-home-version="r830-approved-reference"] .brand-mark{
  width:145px!important;
  height:64px!important;
  max-width:145px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
html[data-home-version="r830-approved-reference"] .home-topbar.is-condensed .brand-mark{height:54px!important}
html[data-home-version="r830-approved-reference"] .brand-word{display:none!important}
html[data-home-version="r830-approved-reference"] .primary-nav{
  grid-area:nav!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(24px,3vw,48px)!important;
  direction:rtl!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{
  min-height:44px!important;
  padding:6px 2px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2b1950!important;
  font:800 13px/1.2 "Alexandria",Tahoma,sans-serif!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link:hover,
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link:focus-visible{color:var(--f-purple)!important;background:rgba(100,32,214,.045)!important}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link::before,
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link::after{display:none!important;content:none!important}
html[data-home-version="r830-approved-reference"] .account-cluster{
  grid-area:actions!important;
  justify-self:end!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
  direction:rtl!important;
}
html[data-home-version="r830-approved-reference"] .nav-account{
  min-width:112px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid rgba(64,32,100,.09)!important;
  border-radius:16px!important;
  background:#f5f0f4!important;
  color:#2d194e!important;
  box-shadow:none!important;
  font:800 12px/1 "Alexandria",Tahoma,sans-serif!important;
}
html[data-home-version="r830-approved-reference"] .nav-account img{
  width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;
}
html[data-home-version="r830-approved-reference"] .header-play{
  min-width:142px!important;
  min-height:46px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#9a25ff,#6420d6)!important;
  color:#fff!important;
  font:850 12px/1 "Alexandria",Tahoma,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 12px 24px rgba(100,32,214,.19)!important;
}
html[data-home-version="r830-approved-reference"] .header-play:hover{transform:translateY(-1px)!important;box-shadow:0 15px 30px rgba(100,32,214,.24)!important}
html[data-home-version="r830-approved-reference"] .header-play-icon{font-size:12px!important}
html[data-home-version="r830-approved-reference"] .mobile-nav-btn{display:none!important}

/* Hero: exact approved composition — approved living-room art left, copy right. */
html[data-home-version="r830-approved-reference"] .home-hero{
  width:min(1536px,100%)!important;
  max-width:none!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1018fr) minmax(420px,518fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:0!important;
  align-items:stretch!important;
  direction:ltr!important;
  background:
    linear-gradient(90deg,transparent 0 62%,rgba(255,250,244,.86) 72%,#fffdfa 100%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html[data-home-version="r830-approved-reference"] .home-hero::before,
html[data-home-version="r830-approved-reference"] .home-hero::after{display:none!important;content:none!important}
html[data-home-version="r830-approved-reference"] .hero-visual{
  grid-area:visual!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  aspect-ratio:1018/429!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0 0 28px 0!important;
  background:#241246!important;
  box-shadow:none!important;
  order:0!important;
}
html[data-home-version="r830-approved-reference"] .hero-reference-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
}
html[data-home-version="r830-approved-reference"] .hero-copy{
  grid-area:copy!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:30px clamp(28px,4vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  direction:rtl!important;
  background:
    radial-gradient(330px 220px at 70% 12%,rgba(255,208,123,.15),transparent 72%),
    linear-gradient(110deg,rgba(255,255,255,.36),#fffdf9 42%,#fff 100%)!important;
  overflow:visible!important;
}
html[data-home-version="r830-approved-reference"] .hero-copy::before{
  content:""!important;
  width:70px!important;
  height:55px!important;
  margin:0 0 8px!important;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 78'%3E%3Cpath fill='%23F3B23A' d='M14 60 6 18l26 19L49 4l19 33 27-20-9 43H14Z'/%3E%3Cpath fill='%23FFD66E' d='M19 55 14 28l20 15 15-26 17 26 20-15-6 27H19Z'/%3E%3C/svg%3E")!important;
}
html[data-home-version="r830-approved-reference"] .hero-title{
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
  padding:0!important;
  color:#24104f!important;
  font-size:clamp(49px,4.8vw,78px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
  text-wrap:balance!important;
  overflow:visible!important;
}
html[data-home-version="r830-approved-reference"] .hero-title-dark{color:#24104f!important}
html[data-home-version="r830-approved-reference"] .hero-accent{
  display:inline-block!important;
  color:var(--f-gold)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  position:relative!important;
  text-shadow:none!important;
}
html[data-home-version="r830-approved-reference"] .hero-accent::after{
  content:""!important;
  position:absolute!important;
  right:14%!important;
  left:14%!important;
  bottom:-9px!important;
  height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--f-gold),transparent)!important;
  opacity:.8!important;
}
html[data-home-version="r830-approved-reference"] .hero-subtitle{
  width:min(100%,430px)!important;
  margin:24px auto 0!important;
  padding:0!important;
  color:#51445e!important;
  font-size:15px!important;
  line-height:1.8!important;
  font-weight:500!important;
  text-align:center!important;
}
html[data-home-version="r830-approved-reference"] .hero-actions{
  width:100%!important;
  margin:26px 0 0!important;
  display:flex!important;
  justify-content:center!important;
}
html[data-home-version="r830-approved-reference"] .hero-primary{
  width:min(100%,280px)!important;
  min-width:0!important;
  min-height:58px!important;
  padding:0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#9b28ff,#6420d6)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:16px!important;
  font-weight:850!important;
  box-shadow:0 16px 34px rgba(100,32,214,.25)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
html[data-home-version="r830-approved-reference"] .hero-primary:hover{transform:translateY(-2px)!important;box-shadow:0 20px 40px rgba(100,32,214,.30)!important}
html[data-home-version="r830-approved-reference"] .hero-primary:active{transform:translateY(1px) scale(.99)!important}
html[data-home-version="r830-approved-reference"] .play-circle{
  width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fff!important;color:#7620e2!important;font-size:10px!important;
}
html[data-home-version="r830-approved-reference"] .hero-world-focus,
html[data-home-version="r830-approved-reference"] .recent-game-chip{display:none!important}

/* Header "انضم بكود" opens this compact panel. */
html[data-home-version="r830-approved-reference"] .hero-join{
  position:fixed!important;
  z-index:95!important;
  top:84px!important;
  left:50%!important;
  width:min(520px,calc(100% - 24px))!important;
  margin:0!important;
  padding:12px!important;
  display:none!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(81,43,111,.13)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 60px rgba(46,25,67,.20)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-home-version="r830-approved-reference"] .hero-join.is-open{display:block!important}
html[data-home-version="r830-approved-reference"] .hero-join-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}
html[data-home-version="r830-approved-reference"] .hero-join input{
  width:100%!important;min-height:48px!important;padding:0 15px!important;border:1px solid rgba(72,38,101,.15)!important;border-radius:13px!important;
  background:#fbf9fd!important;color:#2b1748!important;font:700 13px/1 "Alexandria",Tahoma,sans-serif!important;text-align:center!important;letter-spacing:.08em!important;
}
html[data-home-version="r830-approved-reference"] .hero-join button{
  min-width:116px!important;min-height:48px!important;padding:0 16px!important;border:0!important;border-radius:13px!important;
  background:linear-gradient(135deg,#9326f5,#6520d5)!important;color:#fff!important;font:800 12px/1 "Alexandria",Tahoma,sans-serif!important;
}
html[data-home-version="r830-approved-reference"] .join-status{margin:7px 3px 0!important;min-height:15px!important;font-size:10px!important;text-align:center!important;color:#6c5b78!important}
html[data-home-version="r830-approved-reference"] .hero-resume{
  width:min(100%,380px)!important;
  margin:14px auto 0!important;
}

/* Cards: exact approved artwork. No duplicated visible title/copy/button. */
html[data-home-version="r830-approved-reference"] .games-section{
  width:100%!important;
  margin:0!important;
  padding:14px 0 18px!important;
  background:#fff!important;
  border:0!important;
}
html[data-home-version="r830-approved-reference"] .games-section::before,
html[data-home-version="r830-approved-reference"] .games-section::after{display:none!important;content:none!important}
html[data-home-version="r830-approved-reference"] .games-section .home-section{
  width:min(1400px,calc(100% - 34px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
}
html[data-home-version="r830-approved-reference"] .games-section .section-head{display:none!important}
html[data-home-version="r830-approved-reference"] .games-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,346fr) minmax(0,336fr) minmax(0,335fr) minmax(0,348fr)!important;
  gap:12px!important;
  direction:ltr!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding:0!important;
}
html[data-home-version="r830-approved-reference"] .home-game-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(49,23,75,.08)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(48,26,66,.08)!important;
  cursor:pointer!important;
  transition:transform .17s ease,box-shadow .17s ease!important;
  direction:rtl!important;
}
html[data-home-version="r830-approved-reference"] .home-game-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(48,26,66,.13)!important}
html[data-home-version="r830-approved-reference"] .home-game-card:active{transform:translateY(0) scale(.993)!important}
html[data-home-version="r830-approved-reference"] .game-art{
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#f7f3fa!important;
}
html[data-home-version="r830-approved-reference"] .home-game-card.fbrkha .game-art{aspect-ratio:346/241!important}
html[data-home-version="r830-approved-reference"] .home-game-card.qadha .game-art{aspect-ratio:336/241!important}
html[data-home-version="r830-approved-reference"] .home-game-card.khaltaha .game-art{aspect-ratio:335/241!important}
html[data-home-version="r830-approved-reference"] .home-game-card.top10 .game-art{aspect-ratio:348/241!important}
html[data-home-version="r830-approved-reference"] .game-art::before,
html[data-home-version="r830-approved-reference"] .game-art::after{display:none!important;content:none!important}
html[data-home-version="r830-approved-reference"] .game-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  border:0!important;
}
html[data-home-version="r830-approved-reference"] .game-card-body{
  position:absolute!important;
  width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* Benefits — compact reference strip. */
html[data-home-version="r830-approved-reference"] .features-section{
  width:min(1400px,calc(100% - 34px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:12px 0 10px!important;
}
html[data-home-version="r830-approved-reference"] .features-panel{
  width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-home-version="r830-approved-reference"] .feature-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(65,34,95,.08)!important;
  border-bottom:1px solid rgba(65,34,95,.08)!important;
}
html[data-home-version="r830-approved-reference"] .feature-card{
  min-height:92px!important;
  margin:0!important;
  padding:15px 14px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"icon title" "icon copy"!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:12px!important;
  border:0!important;
  border-inline-start:1px solid rgba(65,34,95,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:right!important;
}
html[data-home-version="r830-approved-reference"] .feature-card:first-child{border-inline-start:0!important}
html[data-home-version="r830-approved-reference"] .feature-icon{
  grid-area:icon!important;
  width:38px!important;height:38px!important;margin:0!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:rgba(100,32,214,.08)!important;color:#5f20cc!important;
}
html[data-home-version="r830-approved-reference"] .feature-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
html[data-home-version="r830-approved-reference"] .feature-card h3{
  grid-area:title!important;margin:0!important;color:#28164d!important;font-size:12px!important;line-height:1.4!important;font-weight:850!important;
}
html[data-home-version="r830-approved-reference"] .feature-card p{
  grid-area:copy!important;margin:2px 0 0!important;color:#786b82!important;font-size:8.5px!important;line-height:1.45!important;
}
html[data-home-version="r830-approved-reference"] .device-row{display:none!important}

/* Official strip — logos first, almost no copy. */
html[data-home-version="r830-approved-reference"] .home-trust-section{
  width:min(1400px,calc(100% - 34px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:6px 0 16px!important;
}
html[data-home-version="r830-approved-reference"] .home-trust-visual-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1.05fr .9fr 1.15fr!important;
  gap:0!important;
  min-height:84px!important;
  padding:8px 0!important;
  border:1px solid rgba(65,34,95,.09)!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card{
  min-width:0!important;
  min-height:68px!important;
  padding:8px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:0!important;
  border-inline-start:1px solid rgba(65,34,95,.09)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2d1b48!important;
  text-decoration:none!important;
}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card:first-child{border-inline-start:0!important}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card>span{
  margin:0!important;color:#3b2855!important;font-size:8.5px!important;font-weight:800!important;
}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card>img{
  display:block!important;width:auto!important;max-width:150px!important;height:42px!important;object-fit:contain!important;
}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card small{display:none!important}
html[data-home-version="r830-approved-reference"] .home-payment-logos{
  min-height:42px!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:6px!important;
}
html[data-home-version="r830-approved-reference"] .home-payment-logos img{
  width:100%!important;height:28px!important;object-fit:contain!important;background:transparent!important;padding:0!important;
}

/* Mobile bottom nav stays app-like, but unobtrusive. */
html[data-home-version="r830-approved-reference"] .mobile-sticky-play{display:none!important}
html[data-home-version="r830-approved-reference"] .home-app-nav{display:none!important}

/* Homepage footer: exact compact light treatment. */
html[data-home-version="r830-approved-reference"] .fbrkh-site-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-top:1px solid rgba(65,34,95,.08)!important;
  color:#2e1b48!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-site-footer::before{display:none!important}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-shell{
  width:min(1400px,calc(100% - 34px))!important;
  margin:0 auto!important;
  padding:12px 0 16px!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-main{
  display:grid!important;
  grid-template-columns:170px 1fr 1fr!important;
  gap:18px!important;
  align-items:center!important;
  padding:0!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo{
  width:132px!important;min-width:132px!important;height:62px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo img{
  width:132px!important;height:62px!important;max-width:132px!important;max-height:62px!important;object-fit:contain!important;filter:none!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-brand>p,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-tagline,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-contact,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-officials,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-column h3{display:none!important}
html[data-home-version="r830-approved-reference"] .fbrkh-socials{margin:0!important;gap:4px!important}
html[data-home-version="r830-approved-reference"] .fbrkh-socials a{
  width:26px!important;height:26px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#6e607b!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-socials svg{width:16px!important;height:16px!important}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-column{
  min-width:0!important;
  display:flex!important;
  justify-content:center!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-column nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px 22px!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-column a{
  min-height:32px!important;padding:0!important;color:#5e5368!important;font-size:8.5px!important;text-decoration:none!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom{
  min-height:34px!important;
  padding:8px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  border-top:0!important;
  color:#8a7f91!important;
  font-size:8px!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom button{display:none!important}

/* Interaction details. */
html[data-home-version="r830-approved-reference"] :is(a,button,[tabindex]):focus-visible{
  outline:3px solid rgba(103,32,217,.32)!important;
  outline-offset:3px!important;
}
html[data-home-version="r830-approved-reference"] .is-pressed{transform:scale(.985)!important}

/* Tablet. */
@media(max-width:1050px){
  html[data-home-version="r830-approved-reference"] .home-topbar{
    grid-template-columns:130px 1fr auto!important;
    gap:14px!important;
    padding-inline:18px!important;
  }
  html[data-home-version="r830-approved-reference"] .brand{width:118px!important;min-width:118px!important}
  html[data-home-version="r830-approved-reference"] .brand-mark{width:118px!important;height:58px!important}
  html[data-home-version="r830-approved-reference"] .primary-nav{gap:18px!important}
  html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{font-size:11px!important}
  html[data-home-version="r830-approved-reference"] .nav-account{min-width:94px!important}
  html[data-home-version="r830-approved-reference"] .header-play{min-width:120px!important}
  html[data-home-version="r830-approved-reference"] .home-hero{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)!important}
  html[data-home-version="r830-approved-reference"] .hero-title{font-size:clamp(45px,5.5vw,64px)!important}
}

/* Phone: deliberate composition, not a squeezed desktop. */
@media(max-width:760px){
  html[data-home-version="r830-approved-reference"] body.platform-home{padding-bottom:68px!important}
  html[data-home-version="r830-approved-reference"] .home-topbar{
    min-height:64px!important;
    padding:4px 10px!important;
    grid-template-columns:44px 1fr auto!important;
    grid-template-areas:"menu brand actions"!important;
    gap:8px!important;
    direction:ltr!important;
  }
  html[data-home-version="r830-approved-reference"] .mobile-nav-btn{
    grid-area:menu!important;
    display:flex!important;
    width:40px!important;height:40px!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;
    border:1px solid rgba(68,34,98,.10)!important;border-radius:12px!important;background:#fff!important;
  }
  html[data-home-version="r830-approved-reference"] .mobile-nav-btn span{width:18px!important;height:2px!important;background:#412161!important;border-radius:99px!important}
  html[data-home-version="r830-approved-reference"] .brand{
    grid-area:brand!important;justify-self:center!important;width:104px!important;min-width:104px!important;height:54px!important;
  }
  html[data-home-version="r830-approved-reference"] .brand-mark{width:104px!important;height:54px!important}
  html[data-home-version="r830-approved-reference"] .account-cluster{
    grid-area:actions!important;justify-self:end!important;gap:7px!important;
  }
  html[data-home-version="r830-approved-reference"] .header-play{display:none!important}
  html[data-home-version="r830-approved-reference"] .nav-account{
    min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;font-size:0!important;
  }
  html[data-home-version="r830-approved-reference"] .nav-account span{font-size:0!important}
  html[data-home-version="r830-approved-reference"] .nav-account span::before{content:"";display:block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%!important;box-sizing:border-box!important}
  html[data-home-version="r830-approved-reference"] .primary-nav{
    position:absolute!important;
    top:64px!important;right:8px!important;left:8px!important;
    z-index:92!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    padding:8px!important;
    border:1px solid rgba(70,37,99,.10)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 20px 50px rgba(55,28,74,.18)!important;
  }
  html[data-home-version="r830-approved-reference"] .primary-nav.is-open{display:flex!important}
  html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{
    width:100%!important;min-height:45px!important;justify-content:center!important;font-size:12px!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-join{top:70px!important}

  html[data-home-version="r830-approved-reference"] .home-hero{
    width:100%!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    background:#fff!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-copy{
    padding:34px 20px 28px!important;
    background:
      radial-gradient(280px 160px at 50% 0,rgba(255,207,122,.16),transparent 72%),
      #fff!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-copy::before{width:50px!important;height:39px!important;margin-bottom:4px!important}
  html[data-home-version="r830-approved-reference"] .hero-title{
    max-width:350px!important;
    font-size:clamp(38px,11vw,52px)!important;
    line-height:1.08!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-subtitle{max-width:330px!important;margin-top:18px!important;font-size:12px!important}
  html[data-home-version="r830-approved-reference"] .hero-actions{margin-top:20px!important}
  html[data-home-version="r830-approved-reference"] .hero-primary{width:min(100%,245px)!important;min-height:52px!important;font-size:14px!important}
  html[data-home-version="r830-approved-reference"] .hero-visual{
    width:100%!important;
    aspect-ratio:1018/429!important;
    border-radius:0!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-resume{width:min(100%,330px)!important}

  html[data-home-version="r830-approved-reference"] .games-section{padding:12px 0 10px!important}
  html[data-home-version="r830-approved-reference"] .games-section .home-section{width:100%!important}
  html[data-home-version="r830-approved-reference"] .games-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:84vw!important;
    gap:10px!important;
    padding:2px 9vw 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:9vw!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  html[data-home-version="r830-approved-reference"] .games-grid::-webkit-scrollbar{display:none!important}
  html[data-home-version="r830-approved-reference"] .home-game-card{scroll-snap-align:center!important;scroll-snap-stop:always!important;border-radius:18px!important}
  html[data-home-version="r830-approved-reference"] .game-art{aspect-ratio:1.435/1!important}

  html[data-home-version="r830-approved-reference"] .features-section{width:calc(100% - 22px)!important;padding:6px 0 8px!important}
  html[data-home-version="r830-approved-reference"] .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-home-version="r830-approved-reference"] .feature-card{
    min-height:84px!important;padding:11px 9px!important;column-gap:8px!important;border-bottom:1px solid rgba(65,34,95,.08)!important;
  }
  html[data-home-version="r830-approved-reference"] .feature-card:nth-child(odd){border-inline-start:0!important}
  html[data-home-version="r830-approved-reference"] .feature-card:nth-last-child(-n+2){border-bottom:0!important}
  html[data-home-version="r830-approved-reference"] .feature-icon{width:32px!important;height:32px!important}
  html[data-home-version="r830-approved-reference"] .feature-card h3{font-size:10px!important}
  html[data-home-version="r830-approved-reference"] .feature-card p{font-size:7.5px!important}

  html[data-home-version="r830-approved-reference"] .home-trust-section{width:calc(100% - 22px)!important;padding:4px 0 12px!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important;
  }
  html[data-home-version="r830-approved-reference"] .home-trust-visual-card{
    min-height:88px!important;padding:8px!important;border-bottom:1px solid rgba(65,34,95,.08)!important;
  }
  html[data-home-version="r830-approved-reference"] .home-trust-visual-card:nth-child(odd){border-inline-start:0!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-card:nth-last-child(-n+2){border-bottom:0!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-card>img{max-width:120px!important;height:38px!important}

  html[data-home-version="r830-approved-reference"] .home-app-nav{
    position:fixed!important;z-index:85!important;right:8px!important;left:8px!important;bottom:8px!important;
    height:58px!important;padding:5px 7px!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;
    border:1px solid rgba(64,32,94,.10)!important;border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 14px 36px rgba(52,29,70,.15)!important;backdrop-filter:blur(18px)!important;
  }
  html[data-home-version="r830-approved-reference"] .home-app-nav-item{
    min-height:46px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    border:0!important;background:transparent!important;color:#6f6279!important;font-size:7.5px!important;text-decoration:none!important;
  }
  html[data-home-version="r830-approved-reference"] .home-app-nav-item svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
  html[data-home-version="r830-approved-reference"] .home-app-nav-item.is-active{color:#6821d7!important}

  html[data-home-version="r830-approved-reference"] .fbrkh-footer-shell{width:calc(100% - 22px)!important;padding:12px 0 76px!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-main{
    grid-template-columns:1fr!important;gap:6px!important;justify-items:center!important;
  }
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-brand{align-items:center!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo{width:112px!important;min-width:112px!important;height:54px!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo img{width:112px!important;height:54px!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-column{width:100%!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-column nav{gap:4px 15px!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom{justify-content:center!important;text-align:center!important;padding-top:5px!important}
}
@media(max-width:350px){
  html[data-home-version="r830-approved-reference"] .hero-title{font-size:35px!important}
  html[data-home-version="r830-approved-reference"] .games-grid{grid-auto-columns:86vw!important;padding-inline:7vw!important;scroll-padding-inline:7vw!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-grid{grid-template-columns:1fr!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-card{border-inline-start:0!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-home-version="r830-approved-reference"] *,
  html[data-home-version="r830-approved-reference"] *::before,
  html[data-home-version="r830-approved-reference"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* r830.1 — final fidelity pass against the owner-approved reference */
html[data-home-version="r830-approved-reference"] .nav-link-icon{
  width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important;
}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{gap:8px!important}
html[data-home-version="r830-approved-reference"] .nav-account{gap:8px!important}
html[data-home-version="r830-approved-reference"] .nav-account-icon{
  width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important;
}
html[data-home-version="r830-approved-reference"] .header-play-icon{
  width:18px!important;height:18px!important;display:block!important;fill:#fff!important;stroke:none!important;flex:0 0 auto!important;
}

/* Approved strip order is left-to-right: sessions / devices / no download / renewed. */
html[data-home-version="r830-approved-reference"] .feature-grid{direction:ltr!important}
html[data-home-version="r830-approved-reference"] .feature-card{direction:rtl!important;text-align:center!important;grid-template-columns:1fr!important;grid-template-areas:"icon" "title"!important;justify-items:center!important;row-gap:7px!important}
html[data-home-version="r830-approved-reference"] .feature-card p{display:none!important}
html[data-home-version="r830-approved-reference"] .feature-icon{grid-area:icon!important;margin:0 auto!important}
html[data-home-version="r830-approved-reference"] .feature-card h3{grid-area:title!important;text-align:center!important;font-size:11px!important}

/* Approved official strip: logos only, same left-to-right ordering as the reference. */
html[data-home-version="r830-approved-reference"] .home-trust-visual-grid{direction:ltr!important}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card{direction:rtl!important}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card>span,
html[data-home-version="r830-approved-reference"] .home-trust-visual-card>small{display:none!important}
html[data-home-version="r830-approved-reference"] .home-trust-visual-card>img{height:48px!important;max-width:175px!important}
html[data-home-version="r830-approved-reference"] .payments-card{direction:ltr!important}
html[data-home-version="r830-approved-reference"] .home-payment-logos{max-width:320px!important;margin-inline:auto!important}

/* Approved footer: brand alone at far left, legal links only, copyright at far right. */
html[data-home-version="r830-approved-reference"] .fbrkh-footer-main{
  grid-template-columns:170px minmax(0,1fr)!important;
  direction:ltr!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-brand{direction:ltr!important}
html[data-home-version="r830-approved-reference"] .fbrkh-socials{display:none!important}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-main > .fbrkh-footer-column:nth-child(2){display:none!important}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-main > .fbrkh-footer-column:nth-child(3){
  display:flex!important;justify-content:flex-end!important;direction:rtl!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-main > .fbrkh-footer-column:nth-child(3) nav{justify-content:flex-end!important}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom{direction:rtl!important}

/* The approved reference uses a clean edge-to-edge hero; keep the artwork unobstructed. */
html[data-home-version="r830-approved-reference"] .hero-visual::before,
html[data-home-version="r830-approved-reference"] .hero-visual::after{display:none!important;content:none!important}
html[data-home-version="r830-approved-reference"] .hero-reference-art{object-fit:cover!important;object-position:center!important}

/* No decorative text markers or duplicate text blocks. */
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link::before,
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link::after,
html[data-home-version="r830-approved-reference"] .game-card-body{display:none!important}

@media(max-width:760px){
  html[data-home-version="r830-approved-reference"] .feature-grid{direction:ltr!important}
  html[data-home-version="r830-approved-reference"] .feature-card{grid-template-columns:1fr!important;grid-template-areas:"icon" "title"!important;text-align:center!important}
  html[data-home-version="r830-approved-reference"] .home-trust-visual-grid{direction:ltr!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-main{grid-template-columns:1fr!important;direction:ltr!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-main > .fbrkh-footer-column:nth-child(3){justify-content:center!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-main > .fbrkh-footer-column:nth-child(3) nav{justify-content:center!important}
  html[data-home-version="r830-approved-reference"] .nav-account-icon{width:20px!important;height:20px!important}
}