/* FBRKH v3.2.2 — Khaltaha fairness and mobile image guard */
.image-stage{width:min(600px,95%);aspect-ratio:16/10;contain:layout paint;background:#fff}
.image-stage img{width:100%;height:100%;object-fit:contain;object-position:center}
.image-stage.image-load-failed{display:grid;place-items:center;background:linear-gradient(135deg,#1a1027,#2a1740);border-color:rgba(255,218,101,.65)}
.image-stage.image-load-failed img{visibility:hidden}
.image-stage.image-load-failed::after{content:"";clip-path:none;background:transparent}
.image-stage.image-load-failed>span{inset:auto 12px 12px;left:12px;transform:none;white-space:normal;text-align:center;background:rgba(0,0,0,.78);font-size:13px}
@media(max-width:600px){.image-stage{width:min(100%,560px);max-height:48dvh}}

/* Visual QA hotfix — some Windows/browser combinations render the mixer emoji
   in the Khaltaha setup hero as a plain cyan tofu square. Keep the semantic
   markup but replace the glyph visually with the real game brand mark. */
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-hero h1 i{
  display:inline-block!important;
  width:clamp(46px,5vw,68px)!important;
  height:clamp(46px,5vw,68px)!important;
  margin-inline-start:10px!important;
  vertical-align:middle!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/assets/games/khaltaha-mark.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 8px 22px rgba(53,217,232,.22));
}
@media(max-width:600px){
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-hero h1 i{
    width:44px!important;height:44px!important;margin-inline-start:7px!important;
  }
}