/* Fabraka premium homepage v2 — functional production UI, modern mode only. */

html[data-ui-mode="modern"] body.platform-home.home-v2{
  --ph-bg:#050b18;
  --ph-navy:#07152d;
  --ph-panel:rgba(5,17,41,.88);
  --ph-panel-2:rgba(7,24,55,.88);
  --ph-line:rgba(133,169,239,.24);
  --ph-text:#fffaf1;
  --ph-muted:#c2c9d7;
  --ph-gold:#ffc83d;
  --ph-gold-2:#ffe38b;
  --ph-purple:#9f5bff;
  --ph-purple-2:#6f35ed;
  --ph-red:#e52d43;
  --ph-green:#08a77d;
  --ph-blue:#1389f5;
  min-height:100vh;
  margin:0;
  padding:0;
  color:var(--ph-text);
  background:var(--ph-bg)!important;
  font-family:"Alexandria","Tahoma",system-ui,sans-serif;
  overflow-x:hidden;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 *,
html[data-ui-mode="modern"] body.platform-home.home-v2 *::before,
html[data-ui-mode="modern"] body.platform-home.home-v2 *::after{box-sizing:border-box}

/* Cinematic lounge made from light/depth layers without sacrificing performance. */
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-ambient{
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 7% 40%,rgba(121,49,218,.46) 0 10%,rgba(65,29,125,.20) 22%,transparent 36%),
    radial-gradient(ellipse at 93% 40%,rgba(99,62,210,.40) 0 10%,rgba(52,34,118,.18) 23%,transparent 37%),
    radial-gradient(circle at 13% 25%,rgba(255,188,88,.52) 0 1.2%,rgba(255,162,54,.16) 4%,transparent 11%),
    radial-gradient(circle at 87% 25%,rgba(255,188,88,.48) 0 1.2%,rgba(255,162,54,.14) 4%,transparent 11%),
    radial-gradient(ellipse at 50% 13%,rgba(43,70,153,.28),transparent 42%),
    linear-gradient(180deg,rgba(3,9,24,.06),rgba(4,10,25,.38) 52%,rgba(3,8,20,.97) 100%),
    linear-gradient(90deg,#08142d 0%,#111b3c 16%,#09142d 34%,#08142b 66%,#111a3b 84%,#071126 100%)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-ambient::before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:48%!important;
  background:
    radial-gradient(ellipse at 8% 88%,rgba(62,25,116,.92) 0 15%,transparent 16%),
    radial-gradient(ellipse at 27% 94%,rgba(32,28,86,.88) 0 19%,transparent 20%),
    radial-gradient(ellipse at 73% 94%,rgba(33,29,87,.88) 0 19%,transparent 20%),
    radial-gradient(ellipse at 92% 88%,rgba(60,25,113,.92) 0 15%,transparent 16%),
    linear-gradient(180deg,transparent 0 31%,rgba(1,6,16,.64) 100%)!important;
  filter:blur(8px)!important;
  opacity:.94!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-ambient::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 16% 31%,rgba(255,205,127,.12),transparent 10%),
    radial-gradient(circle at 84% 31%,rgba(255,205,127,.12),transparent 10%),
    linear-gradient(90deg,transparent 0 6%,rgba(255,196,119,.035) 7%,transparent 8%,transparent 92%,rgba(255,196,119,.035) 93%,transparent 94%)!important;
}

/* Header */
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-topbar{
  width:min(1390px,calc(100% - 44px))!important;
  height:76px!important;
  min-height:76px!important;
  margin:18px auto 0!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:230px 1fr 260px!important;
  align-items:center!important;
  gap:18px!important;
  position:relative!important;
  z-index:50!important;
  border:1px solid rgba(123,161,233,.27)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(4,15,37,.95),rgba(4,12,30,.91))!important;
  box-shadow:0 22px 65px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .brand{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  text-decoration:none!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-mark{
  width:47px!important;
  height:47px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 16px rgba(139,92,246,.28)) drop-shadow(0 2px 8px rgba(244,196,48,.16))!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-word{
  display:flex!important;
  flex-direction:column!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:.98!important;
  font-weight:900!important;
  letter-spacing:-1.3px!important;
  white-space:nowrap!important;
  text-shadow:0 6px 20px rgba(0,0,0,.24)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-word small{
  display:block!important;
  margin-top:7px!important;
  color:#c7cedb!important;
  font-size:8px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav .nav-link{
  min-height:42px!important;
  padding:0 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:#d9deea!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:.18s ease!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav .nav-link.active{
  color:#fff!important;
  border-color:rgba(62,143,255,.62)!important;
  background:linear-gradient(180deg,rgba(8,87,176,.72),rgba(8,43,99,.55))!important;
  box-shadow:0 8px 24px rgba(4,86,177,.22),inset 0 1px rgba(255,255,255,.08)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .desktop-account{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  min-height:44px!important;
  max-width:220px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(131,164,225,.30)!important;
  border-radius:18px!important;
  background:rgba(7,18,41,.81)!important;
  color:#eaf0f8!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .platform-account-avatar{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .fbrkh-tools-button-inline{width:40px!important;height:40px!important;min-width:40px!important;background:transparent!important;border:0!important;color:#e5d7ff!important;box-shadow:none!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-nav-btn{display:none!important}

/* Hero */
html[data-ui-mode="modern"] body.platform-home.home-v2 main{display:block!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero{
  width:min(1325px,calc(100% - 58px))!important;
  min-height:350px!important;
  margin:0 auto!important;
  padding:35px 215px 18px!important;
  position:relative!important;
  display:block!important;
  text-align:center!important;
  direction:rtl!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-copy{max-width:810px!important;margin:0 auto!important;position:relative!important;z-index:4!important;text-align:center!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero h1{
  max-width:820px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-size:clamp(50px,5vw,76px)!important;
  line-height:1.08!important;
  letter-spacing:-4px!important;
  font-weight:900!important;
  text-wrap:balance!important;
  text-shadow:0 16px 45px rgba(0,0,0,.38)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero h1 .hero-gold{
  color:var(--ph-gold)!important;
  background:linear-gradient(180deg,var(--ph-gold-2),#ffb82e)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 7px 20px rgba(255,185,47,.16))!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero h1 .hero-white{color:#fff!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-lead{
  max-width:720px!important;
  margin:14px auto 0!important;
  color:#e7eaf1!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:500!important;
  text-shadow:0 4px 16px rgba(0,0,0,.42)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-micro{
  margin:8px auto 0!important;
  color:#c8cfdd!important;
  font-size:11px!important;
  font-weight:600!important;
  word-spacing:8px!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-micro i{color:#b56bff!important;font-style:normal!important;margin-inline:5px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-actions{margin-top:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-primary,
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-secondary{
  height:50px!important;
  min-height:50px!important;
  border-radius:25px!important;
  padding:0 30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-decoration:none!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  transition:.18s ease!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-primary{
  min-width:238px!important;
  border:1px solid #ffe29a!important;
  background:linear-gradient(180deg,#ffdb70,#ffb82d)!important;
  color:#20180a!important;
  box-shadow:0 10px 30px rgba(255,184,45,.30),inset 0 1px rgba(255,255,255,.72)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-primary:hover{transform:translateY(-2px)!important;box-shadow:0 14px 38px rgba(255,184,45,.38)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-secondary{
  min-width:190px!important;
  border:1px solid rgba(205,219,255,.56)!important;
  background:rgba(7,20,45,.64)!important;
  color:#f7f8fc!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}

/* Room join */
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-join{width:min(570px,100%)!important;margin:15px auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-copy{display:none!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row{
  direction:rtl!important;
  height:60px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 112px!important;
  gap:7px!important;
  align-items:center!important;
  border:1px solid rgba(58,134,238,.66)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(7,27,61,.92),rgba(7,22,50,.90))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.025),0 0 28px rgba(34,106,218,.08)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-people{font-size:18px!important;color:#bc8cff!important;letter-spacing:-7px!important;text-align:center!important;padding-left:8px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row input{
  width:100%!important;
  height:44px!important;
  padding:0 10px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
  letter-spacing:2px!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row input::placeholder{color:#a7b0cb!important;letter-spacing:0!important;font-weight:600!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row .btn{
  height:46px!important;
  min-height:46px!important;
  padding:0 19px!important;
  border:1px solid rgba(220,183,255,.50)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#9d51ff,#7134ed)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(110,49,238,.28),inset 0 1px rgba(255,255,255,.20)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 #joinGameHelp{display:none!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .join-status{min-height:13px!important;margin:3px 0 0!important;color:#d7dce7!important;font-size:10px!important}

/* Handwritten note and card stack */
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-note{
  position:absolute!important;
  left:0!important;
  top:78px!important;
  z-index:2!important;
  color:#c992ff!important;
  font-size:19px!important;
  line-height:1.55!important;
  font-weight:700!important;
  text-align:center!important;
  transform:rotate(-6deg)!important;
  text-shadow:0 0 24px rgba(166,103,255,.42)!important;
  opacity:.94!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-note span{display:block!important;margin-top:2px!important;color:#e687ff!important;font-size:28px!important;line-height:.8!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-card-stack{position:absolute!important;right:4px!important;top:63px!important;width:210px!important;height:245px!important;z-index:2!important;transform:rotate(-5deg)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card{position:absolute!important;width:150px!important;height:198px!important;border:1px solid rgba(159,94,255,.46)!important;border-radius:14px!important;background:linear-gradient(145deg,#271c4d,#14172f)!important;box-shadow:0 20px 42px rgba(0,0,0,.38)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card.back{right:34px!important;top:0!important;transform:rotate(-6deg)!important;opacity:.60!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card.mid{right:15px!important;top:11px!important;transform:rotate(-1deg)!important;opacity:.82!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card.front{right:0!important;top:23px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(150deg,#2b204f,#14172f 72%)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card.front img{width:80px!important;height:80px!important;object-fit:contain!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.32))!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .stack-card.front small{color:#e2c9ff!important;font-size:13px!important;line-height:1.5!important;font-weight:700!important;text-align:center!important}

/* Main game cards */
html[data-ui-mode="modern"] body.platform-home.home-v2 .games-section{width:min(1310px,calc(100% - 58px))!important;margin:0 auto!important;padding:0 0 14px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .games-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;direction:rtl!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card{
  position:relative!important;
  min-height:222px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  cursor:pointer!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 17px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card:hover{transform:translateY(-4px) scale(1.006)!important;box-shadow:0 24px 50px rgba(0,0,0,.36)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.fib{border-color:#9c3cff!important;background:#361060!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.qadha{border-color:#ff4556!important;background:#59121d!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.khaltaha{border-color:#13cca0!important;background:#074438!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.top10{border-color:#278fff!important;background:#073e80!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:-3!important;opacity:.86!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-shade{position:absolute!important;inset:0!important;z-index:-2!important;background:linear-gradient(180deg,rgba(5,8,18,.01),rgba(5,8,18,.16) 48%,rgba(5,8,18,.80) 100%)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card-inner{height:100%!important;min-height:222px!important;padding:17px 18px 15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;position:relative!important;text-align:center!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-mark-image{position:absolute!important;top:18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:102px!important;height:102px!important;max-width:calc(100% - 40px)!important;object-fit:contain!important;filter:drop-shadow(0 11px 15px rgba(0,0,0,.30))!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup{display:block!important;margin-top:102px!important;text-align:center!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup h3{margin:0!important;color:#fff!important;font-size:27px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-1px!important;text-shadow:0 5px 18px rgba(0,0,0,.48)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup small{display:block!important;margin-top:7px!important;color:rgba(255,255,255,.92)!important;font-size:10.5px!important;line-height:1.45!important;font-weight:600!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-go{position:absolute!important;left:13px!important;bottom:13px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;color:#fff!important;text-decoration:none!important;font-family:Arial,sans-serif!important;font-size:26px!important;background:rgba(255,255,255,.14)!important;box-shadow:0 7px 19px rgba(0,0,0,.22)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.fib .game-go{background:#7635f1!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.qadha .game-go{background:#dc3043!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.khaltaha .game-go{background:#079d75!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card.top10 .game-go{background:#0c84ed!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card .meta{display:none!important}

/* Benefits */
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-strip{
  width:min(1310px,calc(100% - 58px))!important;
  min-height:76px!important;
  margin:0 auto 14px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(118,155,220,.27)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(5,21,46,.82),rgba(5,17,39,.79))!important;
  box-shadow:0 13px 32px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature{min-height:58px!important;padding:8px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;text-align:right!important;border-left:1px solid rgba(122,153,211,.22)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature:first-child{border-left:0!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-icon{color:#b57dff!important;font-size:26px!important;line-height:1!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-icon.bolt{color:#ffd149!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-icon.screens{letter-spacing:-9px!important;padding-left:8px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-icon.people{color:#f27ae3!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.3!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .feature small{display:block!important;margin-top:4px!important;color:#a7b1c4!important;font-size:9px!important;line-height:1.45!important}

/* Lower strip */
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-section{width:min(1310px,calc(100% - 58px))!important;margin:0 auto!important;padding:0 0 30px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:5px 4px 10px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-head h2{margin:0!important;color:#fff!important;font-size:18px!important;font-weight:900!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-head a{color:#bf8cff!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card{min-height:84px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:56px 1fr 28px!important;align-items:center!important;gap:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;text-decoration:none!important;box-shadow:0 9px 24px rgba(0,0,0,.20)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card.fib{background:linear-gradient(135deg,#5a20ab,#371174)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card.qadha{background:linear-gradient(135deg,#a31929,#671019)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card.khaltaha{background:linear-gradient(135deg,#08785a,#064a3d)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card.top10{background:linear-gradient(135deg,#0b65bd,#073d82)!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card img{width:52px!important;height:52px!important;object-fit:contain!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card b{color:#fff!important;font-size:15px!important;font-weight:900!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card small{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.80)!important;font-size:8.5px!important;line-height:1.35!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-card i{color:#fff!important;font-style:normal!important;font-size:25px!important;text-align:center!important}

html[data-ui-mode="modern"] body.platform-home.home-v2 .resume-section{width:min(1210px,calc(100% - 58px))!important;margin:0 auto 12px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .approved-footer{width:min(1310px,calc(100% - 58px))!important;margin:0 auto!important;padding:19px 0 30px!important;border-top:1px solid rgba(255,255,255,.085)!important;color:#8995aa!important;font-size:10px!important}
html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav{display:none!important}

/* Tablet */
@media (max-width:1050px) and (min-width:701px){
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-topbar{width:calc(100% - 28px)!important;grid-template-columns:165px 1fr 205px!important;padding-inline:15px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav{gap:2px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav .nav-link{padding:0 9px!important;font-size:11px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero{width:calc(100% - 30px)!important;padding-inline:145px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-card-stack{right:-10px!important;transform:scale(.84) rotate(-5deg)!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-note{left:-10px!important;transform:scale(.84) rotate(-6deg)!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .games-section,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-strip,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-section{width:calc(100% - 30px)!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card{min-height:205px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card-inner{min-height:205px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-mark-image{width:88px!important;height:88px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup{margin-top:88px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup h3{font-size:22px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-strip{grid-template-columns:repeat(2,1fr)!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .feature:nth-child(2){border-left:0!important}
}

/* Mobile = native mobile homepage, not a fake phone preview. */
@media (max-width:700px){
  html[data-ui-mode="modern"] body.platform-home.home-v2{padding-bottom:78px!important;background:#061022!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-ambient{
    background:
      linear-gradient(180deg,rgba(4,12,29,.10),rgba(4,10,24,.60) 43%,#061022 100%),
      radial-gradient(circle at 50% 23%,rgba(79,61,174,.32),transparent 38%),
      radial-gradient(circle at 16% 21%,rgba(255,183,78,.14),transparent 12%),
      linear-gradient(180deg,#07162f,#071024)!important;
  }
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-topbar{
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:7px 14px!important;
    display:grid!important;
    grid-template-columns:44px 1fr 44px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.085)!important;
    border-radius:0!important;
    background:rgba(4,13,31,.91)!important;
    box-shadow:none!important;
    backdrop-filter:blur(16px)!important;
  }
  html[data-ui-mode="modern"] body.platform-home.home-v2 .brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;gap:6px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-mark{width:35px!important;height:35px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-word{font-size:24px!important;letter-spacing:-.7px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-word small{display:block!important;margin-top:3px!important;font-size:5.4px!important;line-height:1!important;max-width:150px!important;text-align:center!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .desktop-account{display:none!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-nav-btn{grid-column:1!important;grid-row:1!important;display:block!important;width:40px!important;height:40px!important;padding:9px!important;border:0!important;background:transparent!important;justify-self:start!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-nav-btn span{display:block!important;height:2px!important;margin:5px 0!important;border-radius:2px!important;background:#fff!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-topbar::after{content:"♧"!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;color:#fff!important;font-size:23px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .primary-nav{display:none!important}

  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero{width:100%!important;min-height:0!important;margin:0!important;padding:25px 17px 13px!important;display:block!important;text-align:center!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-note,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-card-stack{display:none!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-copy{max-width:100%!important;margin:0!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero h1{max-width:365px!important;margin:0 auto!important;font-size:clamp(36px,10.4vw,48px)!important;line-height:1.12!important;letter-spacing:-2.1px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-lead{max-width:370px!important;margin-top:10px!important;font-size:11.5px!important;line-height:1.75!important;color:#e4e8f0!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-micro{margin-top:6px!important;font-size:8.5px!important;word-spacing:2px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-actions{display:block!important;margin-top:14px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-primary{width:100%!important;max-width:395px!important;height:50px!important;min-height:50px!important;border-radius:25px!important;font-size:14px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-secondary{display:none!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .hero-join{width:100%!important;max-width:395px!important;margin:10px auto 0!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row{height:52px!important;grid-template-columns:34px minmax(0,1fr) 74px!important;gap:4px!important;padding:5px!important;border-radius:13px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .join-people{font-size:14px!important;padding-left:4px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row input{height:40px!important;font-size:13px!important;padding-inline:4px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .join-input-row .btn{height:40px!important;min-height:40px!important;border-radius:10px!important;padding:0 10px!important;font-size:12px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .join-status{margin:1px 0 0!important;min-height:10px!important}

  html[data-ui-mode="modern"] body.platform-home.home-v2 .games-section{width:100%!important;margin:0!important;padding:0 14px 12px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .games-grid{grid-template-columns:1fr!important;gap:9px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card{height:87px!important;min-height:87px!important;border-radius:14px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-art{opacity:.78!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-shade{background:linear-gradient(90deg,rgba(5,10,23,.10),rgba(5,10,23,.22) 43%,rgba(5,10,23,.60))!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card-inner{height:87px!important;min-height:87px!important;padding:8px 49px 8px 92px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:right!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-mark-image{position:absolute!important;top:50%!important;right:12px!important;left:auto!important;transform:translateY(-50%)!important;width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup{margin:0!important;text-align:right!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup h3{font-size:20px!important;letter-spacing:-.4px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup small{margin-top:4px!important;font-size:8.6px!important;white-space:normal!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-go{left:10px!important;bottom:50%!important;transform:translateY(50%)!important;width:32px!important;height:32px!important;font-size:22px!important}

  html[data-ui-mode="modern"] body.platform-home.home-v2 .feature-strip,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .quick-section,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .approved-footer{display:none!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .resume-section{width:calc(100% - 28px)!important;margin:0 auto 10px!important}

  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100!important;
    height:69px!important;
    padding:5px 9px calc(5px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    align-items:center!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:rgba(4,13,31,.975)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.30)!important;
  }
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav a,
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav button{min-height:52px!important;border:0!important;background:transparent!important;color:#aab5c9!important;text-decoration:none!important;font:inherit!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;cursor:pointer!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav span{font-size:19px!important;line-height:1!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav b{font-size:9px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .mobile-bottom-nav .active{color:#ffd34e!important}
}

@media (max-width:360px){
  html[data-ui-mode="modern"] body.platform-home.home-v2 .home-hero{padding-inline:12px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .games-section{padding-inline:10px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-card-inner{padding-right:82px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-mark-image{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .game-title-lockup h3{font-size:18px!important}
  html[data-ui-mode="modern"] body.platform-home.home-v2 .brand-word small{font-size:4.9px!important}
}

@media (prefers-reduced-motion:reduce){
  html[data-ui-mode="modern"] body.platform-home.home-v2 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}