/* FBRKH Game Entry Premium 2026
   Visual-only shell for pre-game entry/setup/lobby surfaces.
   Intentionally excludes live gameplay boards and round/result views. */

:root{
  --entry-ink:#fffafc;
  --entry-muted:#b9afc5;
  --entry-line:rgba(255,255,255,.10);
  --entry-panel:rgba(21,13,36,.78);
  --entry-panel-strong:rgba(25,15,43,.94);
  --entry-yellow:#ffd75a;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"]{--entry-accent:#a36cff;--entry-rgb:163,108,255}
html[data-ui-mode="modern"] body[data-game-brand="qadha"]{--entry-accent:#31d2c5;--entry-rgb:49,210,197}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]{--entry-accent:#ff865e;--entry-rgb:255,134,94}
html[data-ui-mode="modern"] body[data-game-brand="top10"]{--entry-accent:#ff62b9;--entry-rgb:255,98,185}

/* ---------- FBRKHA: home / setup / join only ---------- */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].fbrkha-v2-home .home-shell,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen:has(> .page-head){
  width:min(1080px,calc(100% - 28px))!important;
  margin-inline:auto!important;
  padding:clamp(26px,5vw,58px) clamp(14px,3vw,34px) 54px!important;
  min-height:calc(100svh - 18px)!important;
  color:var(--entry-ink)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"]:has(#app.home-shell),
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"]:has(#app.public-screen > .page-head){
  background:
    radial-gradient(70% 55% at 50% 5%,rgba(var(--entry-rgb),.19),transparent 62%),
    linear-gradient(180deg,#0e0718,#08050e 62%,#060309)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .brand-hero{
  max-width:720px!important;
  margin:0 auto 28px!important;
  padding:22px 18px!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .brand-hero .logo-hero{
  transform:scale(1.08)!important;
  filter:drop-shadow(0 22px 46px rgba(var(--entry-rgb),.20))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .brand-tagline{
  margin-top:18px!important;
  font-size:clamp(1.15rem,2.4vw,1.65rem)!important;
  font-weight:900!important;
  color:#fff!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .brand-subtitle{
  max-width:590px!important;margin:8px auto 0!important;color:var(--entry-muted)!important;line-height:1.75!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-actions{
  width:min(820px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action{
  min-height:98px!important;
  padding:17px 18px!important;
  border:1px solid var(--entry-line)!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(var(--entry-rgb),.34)!important;
  background:linear-gradient(145deg,rgba(var(--entry-rgb),.10),rgba(255,255,255,.025))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action-icon{
  width:42px!important;height:42px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;
  color:#130c1a!important;background:var(--entry-yellow)!important;
  font-size:1.2rem!important;font-weight:950!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action b{font-size:.95rem!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action small{color:var(--entry-muted)!important;line-height:1.5!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-features{
  width:min(780px,100%)!important;margin:18px auto 0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:.78!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .page-head{
  max-width:780px!important;margin:0 auto 20px!important;text-align:right!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .page-head h1{
  font-size:clamp(2.2rem,5vw,4.2rem)!important;line-height:1!important;letter-spacing:-.045em!important;color:#fff!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .page-head p{color:var(--entry-muted)!important}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen > .card.setup-card,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen > .page-head + .card{
  width:min(880px,100%)!important;margin-inline:auto!important;padding:clamp(18px,3vw,30px)!important;
  border:1px solid var(--entry-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.91),rgba(14,8,24,.86))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(22px)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .setup-feature-block{
  border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;background:rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .segmented{
  padding:5px!important;border-radius:16px!important;background:rgba(0,0,0,.22)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .segmented .active,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .segment.active{
  color:#160d20!important;background:var(--entry-yellow)!important;box-shadow:0 8px 24px rgba(255,215,90,.15)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #createBtn,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #joinBtn{
  min-height:54px!important;border:0!important;border-radius:17px!important;
  color:#171006!important;background:linear-gradient(135deg,#fff0a0,var(--entry-yellow))!important;
  box-shadow:0 16px 38px rgba(255,215,90,.17)!important;font-weight:950!important;
}

/* ---------- QADHA: initial + setup only ---------- */
html[data-ui-mode="modern"] body[data-game-brand="qadha"]:has(#qApp > .hero-q),
html[data-ui-mode="modern"] body[data-game-brand="qadha"]:has(.qadha-setup-v217){
  background:
    radial-gradient(65% 50% at 50% 4%,rgba(var(--entry-rgb),.15),transparent 66%),
    linear-gradient(180deg,#071416,#061013 60%,#050b0d)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"]:has(#qApp > .hero-q) .q-nav,
html[data-ui-mode="modern"] body[data-game-brand="qadha"]:has(.qadha-setup-v217) .q-nav{
  width:min(1160px,calc(100% - 28px))!important;margin:12px auto 0!important;padding:8px 12px!important;
  border:1px solid var(--entry-line)!important;border-radius:21px!important;
  background:rgba(7,20,22,.68)!important;backdrop-filter:blur(20px)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-initial-home,
html[data-ui-mode="modern"] body[data-game-brand="qadha"] #qApp > .hero-q{
  width:min(1080px,calc(100% - 28px))!important;
  min-height:calc(100svh - 115px)!important;
  margin:0 auto!important;padding:48px clamp(18px,5vw,58px)!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q h1{
  font-size:clamp(4rem,10vw,8rem)!important;line-height:.87!important;letter-spacing:-.06em!important;color:#fff!important;
  text-shadow:0 24px 62px rgba(0,0,0,.32)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q .pill{
  border:1px solid rgba(var(--entry-rgb),.24)!important;background:rgba(var(--entry-rgb),.07)!important;color:var(--entry-accent)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q p{
  max-width:600px!important;color:var(--entry-muted)!important;font-size:1rem!important;line-height:1.75!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-panel{
  border:1px solid rgba(var(--entry-rgb),.13)!important;border-radius:36px!important;
  background:radial-gradient(circle at center,rgba(var(--entry-rgb),.16),rgba(255,255,255,.02) 58%,transparent 72%)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.27)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-panel img{
  filter:drop-shadow(0 28px 54px rgba(var(--entry-rgb),.24))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q .btn-primary{
  color:#071314!important;background:linear-gradient(135deg,#a8fff7,var(--entry-accent))!important;border:0!important;
  box-shadow:0 16px 38px rgba(var(--entry-rgb),.16)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-setup-v217{
  width:min(1120px,calc(100% - 28px))!important;margin:26px auto 54px!important;padding:clamp(20px,3vw,34px)!important;
  border:1px solid var(--entry-line)!important;border-radius:30px!important;
  background:linear-gradient(145deg,rgba(14,32,34,.94),rgba(7,18,20,.90))!important;
  box-shadow:0 36px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-setup-v217 .field,
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-setup-v217 .qadha-team-split{
  border-radius:18px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-pack-chip{
  border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-pack-chip:hover{
  border-color:rgba(var(--entry-rgb),.30)!important;background:rgba(var(--entry-rgb),.055)!important;
}

/* ---------- KHALTAHA: setup / join / lobby only ---------- */
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"],
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"],
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"]{
  background:
    radial-gradient(70% 55% at 50% 5%,rgba(var(--entry-rgb),.16),transparent 64%),
    linear-gradient(180deg,#180b08,#100806 60%,#0a0504)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-top,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .k-top,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .k-top{
  width:min(1160px,calc(100% - 26px))!important;margin:10px auto 0!important;
  border:1px solid var(--entry-line)!important;border-radius:20px!important;
  background:rgba(27,13,10,.70)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-setup-shell,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .join-shell,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-shell{
  width:min(1120px,calc(100% - 26px))!important;margin:0 auto!important;padding:36px 0 54px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-hero,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-heading{
  max-width:760px!important;margin:0 auto 24px!important;text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-hero h1,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-heading h1{
  font-size:clamp(3.2rem,8vw,6.6rem)!important;line-height:.9!important;letter-spacing:-.055em!important;color:#fff!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-hero p,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-heading p{color:var(--entry-muted)!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-card,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .k-card,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .k-card{
  border:1px solid var(--entry-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(35,18,13,.93),rgba(16,8,7,.90))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .mode-toggle,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .option-switch{
  border:1px solid rgba(255,255,255,.085)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .mode-toggle.selected{
  border-color:rgba(var(--entry-rgb),.38)!important;background:rgba(var(--entry-rgb),.075)!important;
  box-shadow:0 12px 34px rgba(var(--entry-rgb),.08)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-btn.gold,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .k-btn.gold{
  color:#1a0d07!important;background:linear-gradient(135deg,#ffe299,var(--entry-yellow))!important;border:0!important;
  box-shadow:0 16px 38px rgba(255,215,90,.15)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .qr-frame{
  border-radius:22px!important;background:#fff!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .room-code{
  color:#fff!important;text-shadow:0 10px 26px rgba(var(--entry-rgb),.20)!important;
}

/* ---------- TOP10: bootstrap / auth / setup only ---------- */
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#loadingView:not(.hidden)),
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#authView:not(.hidden)),
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#errorView:not(.hidden)),
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#setupView:not(.hidden)){
  background:
    radial-gradient(68% 52% at 50% 2%,rgba(var(--entry-rgb),.15),transparent 64%),
    linear-gradient(180deg,#170916,#0f0711 58%,#09050b)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#loadingView:not(.hidden)) .t10-nav,
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#authView:not(.hidden)) .t10-nav,
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#errorView:not(.hidden)) .t10-nav,
html[data-ui-mode="modern"] body[data-game-brand="top10"]:has(#setupView:not(.hidden)) .t10-nav{
  width:min(1160px,calc(100% - 28px))!important;margin:12px auto 0!important;padding:8px 12px!important;
  border:1px solid var(--entry-line)!important;border-radius:21px!important;
  background:rgba(24,10,23,.70)!important;backdrop-filter:blur(20px)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #loadingView,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #authView,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #errorView{
  width:min(620px,calc(100% - 28px))!important;margin:12vh auto 0!important;padding:32px!important;
  border:1px solid var(--entry-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(34,15,33,.94),rgba(16,8,18,.92))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.32)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView{
  width:min(1120px,calc(100% - 28px))!important;margin:28px auto 58px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .setup-hero{
  min-height:210px!important;padding:28px 34px!important;margin-bottom:18px!important;
  border:1px solid rgba(var(--entry-rgb),.16)!important;border-radius:30px!important;
  background:
    radial-gradient(circle at 82% 40%,rgba(var(--entry-rgb),.16),transparent 34%),
    linear-gradient(145deg,rgba(36,16,35,.90),rgba(16,8,18,.78))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.25)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .setup-card{
  border:1px solid var(--entry-line)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(30,15,30,.86),rgba(15,8,17,.80))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .section-title > span{
  color:var(--entry-accent)!important;background:rgba(var(--entry-rgb),.09)!important;border-color:rgba(var(--entry-rgb),.18)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .segmented,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .round-options,
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .timer-options{
  border-radius:16px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView button.active{
  border-color:rgba(var(--entry-rgb),.35)!important;
  box-shadow:0 10px 30px rgba(var(--entry-rgb),.09)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #startSessionBtn{
  min-height:56px!important;border:0!important;border-radius:17px!important;
  color:#170d12!important;background:linear-gradient(135deg,#fff0a0,var(--entry-yellow))!important;
  box-shadow:0 18px 42px rgba(255,215,90,.17)!important;font-weight:950!important;
}

/* ---------- responsive ---------- */
@media (max-width:820px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-actions{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action{min-height:78px!important;border-radius:18px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-features{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-initial-home,
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] #qApp > .hero-q{
    min-height:auto!important;padding:40px 16px 54px!important;display:block!important;text-align:center!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q p{margin-inline:auto!important}
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-q .actions{justify-content:center!important}
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .hero-panel{margin:26px auto 0!important;max-width:330px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-setup-shell,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .join-shell,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-shell{padding-top:24px!important}
  html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .setup-hero{min-height:auto!important;padding:22px!important;border-radius:23px!important}
}
@media (max-width:520px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"].fbrkha-v2-home .home-shell,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen:has(> .page-head){width:calc(100% - 18px)!important;padding-inline:8px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .brand-hero{padding-top:10px!important;margin-bottom:14px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-action{min-height:70px!important;padding:13px!important}
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen > .card.setup-card,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .public-screen > .page-head + .card{padding:16px!important;border-radius:22px!important}
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .q-nav,
  html[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-nav{width:calc(100% - 18px)!important}
  html[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-setup-v217,
  html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView{width:calc(100% - 18px)!important;margin-top:16px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-setup-shell,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .join-shell,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .lobby-shell{width:calc(100% - 18px)!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="setup"] .k-card,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="join"] .k-card,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"][data-k-mode="lobby"] .k-card{border-radius:22px!important}
  html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView .setup-card{border-radius:19px!important}
}
@media (prefers-reduced-motion:reduce){
  html[data-ui-mode="modern"] body[data-game-brand] .home-action,
  html[data-ui-mode="modern"] body[data-game-brand] .btn,
  html[data-ui-mode="modern"] body[data-game-brand] .k-btn,
  html[data-ui-mode="modern"] body[data-game-brand] .t10-btn{transition:none!important}
}


/* ---------- FBRKHA LOBBY — phase-scoped, disappears at game start ---------- */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"]:has(#app[data-fbrkha-phase="lobby"]){
  background:
    radial-gradient(70% 54% at 50% 5%,rgba(163,108,255,.18),transparent 63%),
    linear-gradient(180deg,#0e0718,#08050e 64%,#060309)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"]{
  width:min(1180px,calc(100% - 28px))!important;
  margin-inline:auto!important;
  padding:18px 0 56px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-hero{
  width:min(780px,100%)!important;
  margin:20px auto 24px!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2.35rem,5.5vw,4.9rem)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
  text-shadow:0 18px 46px rgba(0,0,0,.30)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-hero p{
  margin:10px auto 0!important;
  color:var(--entry-muted)!important;
  font-size:.88rem!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-layout{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.45fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-join-card,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-panel{
  border:1px solid var(--entry-line)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.92),rgba(14,8,24,.88))!important;
  box-shadow:0 30px 84px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-join-card{
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-qr{
  width:min(228px,72vw)!important;
  aspect-ratio:1!important;
  padding:12px!important;
  border:0!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 54px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.08)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-qr img{
  width:100%!important;height:100%!important;object-fit:contain!important;border-radius:12px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-code-label{
  margin-top:17px!important;
  color:var(--entry-muted)!important;
  font-size:.66rem!important;
  font-weight:850!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .room-code{
  margin:4px 0 10px!important;
  color:#fff!important;
  font-size:clamp(2.35rem,5vw,4rem)!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
  text-shadow:0 12px 32px rgba(163,108,255,.22)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .join-direct-link{
  width:100%!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:var(--entry-muted)!important;
  font-size:.66rem!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .join-direct-link a{
  display:block!important;
  margin-top:4px!important;
  color:#d8c5ff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-panel{
  padding:22px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .players-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .players-title h3{
  margin:0!important;color:#fff!important;font-size:1.05rem!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .players-title span{
  padding:5px 9px!important;border-radius:999px!important;
  color:#d9caff!important;background:rgba(163,108,255,.08)!important;
  border:1px solid rgba(163,108,255,.16)!important;font-size:.67rem!important;font-weight:850!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-ready-status{
  margin:12px 0!important;padding:9px 11px!important;border-radius:14px!important;
  font-size:.7rem!important;font-weight:850!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-ready-status.ready{
  color:#bfffe9!important;background:rgba(55,214,161,.07)!important;border:1px solid rgba(55,214,161,.16)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-ready-status.waiting{
  color:#eadcff!important;background:rgba(163,108,255,.06)!important;border:1px solid rgba(163,108,255,.13)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-options-stack{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-option{
  padding:11px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-start,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] #toolStartBtn{
  min-height:54px!important;
  margin-top:14px!important;
  border:0!important;
  border-radius:17px!important;
  color:#171006!important;
  background:linear-gradient(135deg,#fff0a0,var(--entry-yellow))!important;
  box-shadow:0 16px 40px rgba(255,215,90,.17)!important;
  font-weight:950!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-start:disabled,
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] #toolStartBtn:disabled{
  filter:saturate(.25)!important;opacity:.55!important;box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"][data-fbrkha-role="player"] .waiting-stage{
  width:min(620px,100%)!important;
  margin:clamp(36px,9vh,90px) auto 0!important;
  padding:32px!important;
  border:1px solid var(--entry-line)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.92),rgba(14,8,24,.88))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.30)!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"][data-fbrkha-role="player"] .waiting-stage h1{
  color:#fff!important;font-size:clamp(2rem,7vw,3.5rem)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"][data-fbrkha-role="player"] .waiting-stage p{
  color:var(--entry-muted)!important;
}
@media (max-width:760px){
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"]{
    width:calc(100% - 18px)!important;padding-top:10px!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-hero{
    margin:14px auto 16px!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-layout{
    grid-template-columns:1fr!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-join-card,
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-panel{
    border-radius:22px!important;padding:16px!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-qr{
    width:min(190px,58vw)!important;
  }
  html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app[data-fbrkha-phase="lobby"] .lobby-options-stack{
    grid-template-columns:1fr!important;
  }
}