/* Final cross-browser masthead hardening for Khaltaha.
   Keep the Fabraka home mark square and isolated from flex/text sizing on narrow phones. */
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home{
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:nowrap!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home>img{
  display:none!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home::after{
  content:none!important;
  display:none!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home::before{
  content:""!important;
  display:block!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  background-image:url('/assets/fabraka-mark-v1.svg?v=3267-final-header')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  filter:drop-shadow(0 9px 18px rgba(139,92,246,.22));
}

/* The setup hero used a platform emoji as the Khaltaha symbol. WebKit can
   rasterize that emoji as a pale square at 320px. Use the local official mark
   instead so the game identity is identical on every browser and display. */
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] #kApp .k-hero h1>i{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  margin-inline-start:8px!important;
  vertical-align:middle!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/assets/games/khaltaha-mark.svg?v=3268-hero-mark') center/contain no-repeat!important;
  filter:drop-shadow(0 10px 22px rgba(31,196,143,.18));
}

@media(max-width:430px){
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-top .k-site-home::before{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] #kApp .k-hero h1>i{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin-inline-start:6px!important;
  }
}