/* Fbrkh V2 first-paint layer — modern mode only.
   Keeps the first visible frame branded while game/account runtimes bootstrap. */

html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-loading{
  min-height:clamp(390px,68dvh,680px)!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  place-items:center!important;
  align-content:center!important;
  gap:15px!important;
  padding:34px 18px!important;
  color:var(--khx-muted,#a8b8c8)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-loading::before{
  content:"";
  width:min(210px,58vw);
  height:82px;
  display:block;
  background:url('/assets/games/khaltaha-logo.svg') center/contain no-repeat;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.22));
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-loading::after{
  content:"";
  width:30px;
  height:30px;
  display:block;
  border:3px solid rgba(92,225,203,.16);
  border-top-color:var(--khx-teal,#5ce1cb);
  border-radius:50%;
  animation:fbrkh-first-paint-spin .78s linear infinite;
}

html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2{
  width:min(520px,100%);
  min-height:calc(100dvh - 116px);
  margin-inline:auto;
  padding:30px 18px calc(36px + env(safe-area-inset-bottom));
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  text-align:center;
}
html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2 img{
  width:min(150px,42vw);
  height:auto;
  display:block;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.24));
}
html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2 span{
  margin-top:5px;
  color:var(--text,#fff);
  font-size:clamp(24px,7vw,34px);
  font-weight:950;
  letter-spacing:-.02em;
}
html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2 p{
  max-width:340px;
  margin:0;
  color:var(--muted,#b8b1c8);
  font-size:13px;
  font-weight:750;
  line-height:1.75;
}
html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2 i{
  width:31px;
  height:31px;
  margin-top:5px;
  display:block;
  border:3px solid rgba(141,92,255,.18);
  border-top-color:var(--accent,#8d5cff);
  border-radius:50%;
  animation:fbrkh-first-paint-spin .78s linear infinite;
}

/* Classic keeps its previous first-paint behavior untouched. */
html[data-ui-mode="classic"] .online-preflight-v2{display:none!important}

@keyframes fbrkh-first-paint-spin{to{transform:rotate(360deg)}}

@media(max-width:600px){
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-loading{
    min-height:calc(100dvh - 86px)!important;
    padding:24px 14px!important;
  }
  html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2{
    min-height:calc(100dvh - 84px);
    padding-inline:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-loading::after,
  html[data-ui-mode="modern"] .game-fbrkha-online .online-preflight-v2 i{
    animation-duration:1.8s;
  }
}