/* r831 — owner's approved screenshot fidelity pass.
   Strictly presentation-only: no payment, account, game logic, or backend changes.
   Builds on r830 original artwork and approved logo. */
html[data-home-version="r830-approved-reference"]{
  --r831-ink:#1e0c4b;
  --r831-gold:#dc9334;
  --r831-purple:#6420d6;
  --r831-font:"Cairo","Alexandria",Tahoma,Arial,sans-serif;
  font-synthesis:none;
}
html[data-home-version="r830-approved-reference"] body.platform-home{
  font-family:var(--r831-font)!important;
  color:var(--r831-ink)!important;
  background:#fffdfb!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[data-home-version="r830-approved-reference"] .home-topbar{
  min-height:78px!important;
  background:rgba(255,250,244,.91)!important;
  border-bottom-color:rgba(63,32,96,.045)!important;
  box-shadow:0 3px 20px rgba(41,15,74,.035)!important;
  isolation:isolate;
}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{
  font-family:var(--r831-font)!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
html[data-home-version="r830-approved-reference"] .primary-nav .nav-link svg{
  width:23px!important;height:23px!important;
}
html[data-home-version="r830-approved-reference"] .nav-account{
  font-family:var(--r831-font)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  border-radius:15px!important;
}
html[data-home-version="r830-approved-reference"] .header-play{
  font-family:var(--r831-font)!important;
  font-size:14px!important;
  font-weight:900!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#ae31ff 0%,#751ae4 60%,#5013bd 100%)!important;
  box-shadow:0 9px 23px rgba(93,21,188,.25)!important;
}
html[data-home-version="r830-approved-reference"] .brand,
html[data-home-version="r830-approved-reference"] .brand-mark{
  width:151px!important;
  max-width:151px!important;
}
html[data-home-version="r830-approved-reference"] .brand{min-width:151px!important}
html[data-home-version="r830-approved-reference"] .home-hero{
  background:#fff9f2!important;
  position:relative!important;
}
html[data-home-version="r830-approved-reference"] .hero-visual{
  border-radius:0!important;
  background:#32164f!important;
}
html[data-home-version="r830-approved-reference"] .hero-reference-art{
  image-rendering:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
html[data-home-version="r830-approved-reference"] .hero-copy{
  padding:22px clamp(12px,1.5vw,24px)!important;
  background:radial-gradient(330px 210px at 68% 2%,rgba(255,201,125,.23),transparent 76%),linear-gradient(103deg,#fdf1e7 0%,#fffaf5 23%,#fffdfb 81%)!important;
}
html[data-home-version="r830-approved-reference"] .hero-copy::before{
  width:78px!important;height:65px!important;
  margin-bottom:1px!important;
  transform:translateX(-48px) rotate(-10deg)!important;
  filter:drop-shadow(0 3px 1px rgba(211,135,28,.13));
}
html[data-home-version="r830-approved-reference"] .hero-title{
  font-family:var(--r831-font)!important;
  font-size:clamp(51px,5.75vw,90px)!important;
  line-height:1.15!important;
  letter-spacing:-.045em!important;
  font-weight:1000!important;
  text-align:center!important;
  text-wrap:nowrap!important;
  white-space:nowrap!important;
  color:var(--r831-ink)!important;
  filter:none!important;
}
html[data-home-version="r830-approved-reference"] .hero-title-dark{
  color:var(--r831-ink)!important;
}
html[data-home-version="r830-approved-reference"] .hero-accent{
  color:var(--r831-gold)!important;
  font-weight:1000!important;
}
html[data-home-version="r830-approved-reference"] .hero-accent::after{
  height:4px!important;bottom:-5px!important;opacity:.56!important;
}
html[data-home-version="r830-approved-reference"] .hero-subtitle{
  margin-top:17px!important;
  color:#37254e!important;
  font-family:var(--r831-font)!important;
  font-size:clamp(15px,1.37vw,20px)!important;
  line-height:1.6!important;
  font-weight:600!important;
}
html[data-home-version="r830-approved-reference"] .hero-actions{margin-top:23px!important}
html[data-home-version="r830-approved-reference"] .hero-primary{
  width:min(100%,284px)!important;
  min-height:69px!important;
  border:3px solid #fff!important;
  border-radius:999px!important;
  font-family:var(--r831-font)!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.4!important;
  background:linear-gradient(160deg,#af35ff 0%,#7723f2 49%,#4917ce 100%)!important;
  box-shadow:0 0 0 1px rgba(122,34,224,.25),0 12px 32px rgba(99,24,201,.24)!important;
}
html[data-home-version="r830-approved-reference"] .play-circle{
  width:24px!important;height:26px!important;
  background:transparent!important;
  color:white!important;
  font-size:15px!important;
}
html[data-home-version="r830-approved-reference"] .games-section{
  background:linear-gradient(#fffdfa,#fff)!important;
  padding:7px 0 17px!important;
}
html[data-home-version="r830-approved-reference"] .home-game-card{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 9px 22px rgba(41,15,74,.1)!important;
  isolation:isolate;
}
html[data-home-version="r830-approved-reference"] .game-art{
  background:#f2e6f7!important;
}
html[data-home-version="r830-approved-reference"] .game-art img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto!important;
  backface-visibility:hidden;
}
html[data-home-version="r830-approved-reference"] .card-action-r831{
  position:absolute!important;
  bottom:15px!important;
  right:15px!important;
  left:auto!important;
  z-index:3!important;
  width:136px!important;
  min-height:44px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(74,33,112,.07)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(29,10,58,.11)!important;
  color:#350e7c!important;
  font:900 15px/1.5 var(--r831-font)!important;
  text-decoration:none!important;
  direction:rtl!important;
  white-space:nowrap!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
html[data-home-version="r830-approved-reference"] .home-game-card.fbrkha .card-action-r831{
  left:15px!important;right:auto!important;
}
html[data-home-version="r830-approved-reference"] .card-action-r831:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 7px 18px rgba(29,10,58,.20)!important;
}
html[data-home-version="r830-approved-reference"] .card-action-r831:active{transform:translateY(0)!important}
html[data-home-version="r830-approved-reference"] .card-action-r831 svg{
  width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;
}
html[data-home-version="r830-approved-reference"] .feature-card h3{
  font-family:var(--r831-font)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  color:var(--r831-ink)!important;
}
html[data-home-version="r830-approved-reference"] .feature-icon{
  width:39px!important;height:39px!important;
  color:#3f119f!important;
}
html[data-home-version="r830-approved-reference"] .feature-icon svg{
  width:36px!important;height:36px!important;
}
html[data-home-version="r830-approved-reference"] .features-section{
  padding:15px 0 17px!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-column a,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom{
  font-family:var(--r831-font)!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo,
html[data-home-version="r830-approved-reference"] .fbrkh-footer-logo img{
  width:145px!important;
  min-width:0!important;
}
html[data-home-version="r830-approved-reference"] .hero-join input,
html[data-home-version="r830-approved-reference"] .hero-join button{
  font-family:var(--r831-font)!important;
  font-size:14px!important;
}
/* Large/medium desktop should not wrap titles or compress the navigation. */
@media(min-width:761px) and (max-width:1100px){
  html[data-home-version="r830-approved-reference"] .home-topbar{
    grid-template-columns:120px minmax(300px,1fr) auto!important;
    gap:9px!important;
  }
  html[data-home-version="r830-approved-reference"] .brand{min-width:115px!important;width:115px!important}
  html[data-home-version="r830-approved-reference"] .brand-mark{width:115px!important}
  html[data-home-version="r830-approved-reference"] .primary-nav{gap:13px!important}
  html[data-home-version="r830-approved-reference"] .primary-nav .nav-link{font-size:12px!important;gap:5px!important}
  html[data-home-version="r830-approved-reference"] .hero-title{font-size:clamp(46px,5.2vw,63px)!important}
  html[data-home-version="r830-approved-reference"] .hero-subtitle{font-size:14px!important}
  html[data-home-version="r830-approved-reference"] .hero-primary{min-height:58px!important;font-size:17px!important}
  html[data-home-version="r830-approved-reference"] .card-action-r831{width:105px!important;min-height:36px!important;bottom:9px!important;right:9px!important;font-size:12px!important}
  html[data-home-version="r830-approved-reference"] .home-game-card.fbrkha .card-action-r831{left:9px!important}
}
@media(max-width:760px){
  html[data-home-version="r830-approved-reference"] .home-topbar{
    background:rgba(255,250,245,.97)!important;
    min-height:64px!important;
  }
  html[data-home-version="r830-approved-reference"] .brand{width:112px!important;min-width:112px!important}
  html[data-home-version="r830-approved-reference"] .brand-mark{width:112px!important;height:56px!important}
  html[data-home-version="r830-approved-reference"] .hero-copy{
    padding:22px 12px 24px!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-copy::before{
    width:47px!important;height:37px!important;margin:0 0 3px!important;transform:translateX(-25px) rotate(-10deg)!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-title{
    font-size:clamp(35px,10.3vw,59px)!important;
    line-height:1.17!important;
    letter-spacing:-.05em!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-subtitle{
    margin-top:17px!important;
    font-size:clamp(12px,3.1vw,15px)!important;
    line-height:1.6!important;
  }
  html[data-home-version="r830-approved-reference"] .hero-actions{margin-top:20px!important}
  html[data-home-version="r830-approved-reference"] .hero-primary{
    min-height:57px!important;width:min(100%,265px)!important;font-size:17px!important;
  }
  html[data-home-version="r830-approved-reference"] .card-action-r831{bottom:11px!important;right:11px!important;width:128px!important;min-height:42px!important;font-size:14px!important}
  html[data-home-version="r830-approved-reference"] .home-game-card.fbrkha .card-action-r831{left:11px!important}
  html[data-home-version="r830-approved-reference"] .feature-card h3{font-size:12px!important}
  html[data-home-version="r830-approved-reference"] .feature-icon{width:33px!important;height:33px!important}
  html[data-home-version="r830-approved-reference"] .feature-icon svg{width:31px!important;height:31px!important}
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-column a,
  html[data-home-version="r830-approved-reference"] .fbrkh-footer-bottom{font-size:10px!important}
}
@media(max-width:350px){
  html[data-home-version="r830-approved-reference"] .hero-title{font-size:34px!important}
  html[data-home-version="r830-approved-reference"] .card-action-r831{width:118px!important;min-height:39px!important;font-size:12.5px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-home-version="r830-approved-reference"] .card-action-r831{transition:none!important}
}

/* r832 visual cleanup: the vector account icon is authoritative on mobile. */
@media(max-width:760px){
  html[data-home-version="r830-approved-reference"] .nav-account span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
  html[data-home-version="r830-approved-reference"] .nav-account-icon{display:block!important;width:23px!important;height:23px!important}
}