/* r1034: cross-game public entry visual QA fixes, no gameplay or server changes. */
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .k-hero h1 {
  font-size:clamp(44px,5vw,70px)!important;
  line-height:1.19!important;
  letter-spacing:0!important;
  margin:0 0 12px!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .k-hero p {
  position:relative!important;
  margin:0 auto 14px!important;
  line-height:1.65!important;
  color:#63304a!important;
  font-size:clamp(14px,1.45vw,17px)!important;
  opacity:1!important;
  max-width:40rem!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .setup-panel .section-title span {
  color:#74445a!important;
  -webkit-text-fill-color:#74445a!important;
  opacity:1!important;
  font-size:clamp(13px,1.12vw,15px)!important;
  line-height:1.55!important;
  max-width:min(52%,25rem)!important;
  overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .mode-toggle small {
  font-size:clamp(12px,1.08vw,14px)!important;
  line-height:1.48!important;
  color:#66374e!important;
  opacity:1!important;
  overflow-wrap:anywhere!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2):has(.k-setup-shell) #fbrkhHostFocusToggle {
  position:absolute!important;
  top:84px!important;
  right:20px!important;
  bottom:auto!important;
  left:auto!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  transform:none!important;
  box-shadow:0 4px 12px rgba(79,32,60,.13)!important;
  z-index:5!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2):has(.k-setup-shell) #fbrkhHostFocusToggle span {
  font-size:17px!important;
}
@media (min-width:960px) {
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .hero {
   justify-self:center!important;
   margin-inline:auto!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .home-actions {
   justify-self:center!important;
   margin-inline:auto!important;
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:13px!important;
   max-width:min(820px,100%)!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .home-actions > :is(.home-action-create,.home-action-join) {
   grid-column:auto!important;
   min-width:0!important;
   width:100%!important;
   max-width:none!important;
   min-height:114px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .home-actions > .home-action-how {
   grid-column:1/-1!important;
   width:100%!important;
 }

}
@media (max-width:540px) {
 html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .k-hero h1 {
    font-size:clamp(42px,11.7vw,55px)!important;
    line-height:1.17!important;
    margin-bottom:10px!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .mode-toggle small {
   font-size:12px!important;
   line-height:1.45!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell .setup-panel .section-title span {
   font-size:12.5px!important;
   max-width:54%!important;
 }
}

/* Keep the Fbrkha game mark inside narrow 320px screens. */
@media (max-width:360px) {
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .hero .logo-hero {
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   justify-self:center!important;
   overflow:hidden!important;
 }
 html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] #app.home-shell > .hero .logo-hero img.logo-image {
   width:100%!important;
   height:auto!important;
   min-width:0!important;
   max-width:100%!important;
   object-fit:contain!important;
 }
}