/* Khaltaha host experience V2 — modern mode only.
   Participant-specific phone screens are handled by khaltaha-player-experience-v2.css. */

html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2){
  --khx-bg:#07111d;
  --khx-bg-2:#0a1826;
  --khx-panel:rgba(12,25,40,.96);
  --khx-panel-2:rgba(16,33,50,.97);
  --khx-line:rgba(255,255,255,.10);
  --khx-line-strong:rgba(255,255,255,.16);
  --khx-text:#faf9f3;
  --khx-muted:#a8b8c8;
  --khx-teal:#5ce1cb;
  --khx-green:#22c892;
  --khx-gold:#f2c94c;
  --khx-purple:#8b5cf6;
  --khx-red:#ff7188;
  min-height:100dvh;
  background:
    radial-gradient(720px 500px at 95% -10%,rgba(34,200,146,.17),transparent 64%),
    radial-gradient(600px 440px at -8% 32%,rgba(139,92,246,.12),transparent 68%),
    linear-gradient(180deg,var(--khx-bg-2),var(--khx-bg) 58%,#050c15 100%)!important;
}

html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-top{
  width:min(1260px,calc(100% - 20px));
  min-height:62px;
  margin:7px auto 0;
  padding:7px 10px;
  top:6px;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:8px;
  border:1px solid var(--khx-line)!important;
  border-radius:18px;
  background:rgba(5,14,24,.86)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.21);
  backdrop-filter:blur(18px) saturate(120%);
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-site-home{
  width:54px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.03)
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-site-home img{width:50px!important;height:38px!important;object-fit:contain!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-game-title{justify-self:center;min-width:0;display:flex;justify-content:center}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-game-title img{width:min(150px,30vw)!important;height:42px!important;object-fit:contain!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #connection{
  justify-self:end;min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(92,225,203,.17)!important;border-radius:999px!important;background:rgba(34,200,146,.06)!important;color:#aaf4e2!important;font-size:11px!important;font-weight:900!important
}

html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp{
  width:min(1260px,calc(100% - 24px))!important;
  padding-top:16px!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-card{
  border-color:var(--khx-line)!important;
  background:linear-gradient(180deg,var(--khx-panel-2),var(--khx-panel))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-btn{
  border-radius:14px!important;
  box-shadow:none!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-btn:not(.gold):not(.ghost):not(.danger){
  background:linear-gradient(135deg,var(--khx-green),#169f78)!important;
  color:#04140f!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-btn.gold{
  background:linear-gradient(135deg,var(--khx-gold),#e5a92d)!important;
  color:#1b1506!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-btn.ghost{
  border-color:var(--khx-line)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--khx-text)!important;
}

/* Setup */
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-setup-shell{width:min(1120px,100%)!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero{padding:24px 12px 18px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero h1{font-size:clamp(45px,7vw,76px)!important;margin:9px 0 5px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero p{font-size:16px!important;line-height:1.7!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .setup-panel{gap:14px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-grid{gap:8px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle{
  min-height:148px!important;padding:12px 9px!important;border-color:var(--khx-line)!important;border-radius:17px!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle:has(input:checked){
  border-color:rgba(92,225,203,.42)!important;background:linear-gradient(145deg,rgba(34,200,146,.10),rgba(139,92,246,.065))!important;box-shadow:inset 0 0 0 1px rgba(92,225,203,.08)!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle .mode-check{border-color:var(--khx-line)!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle:has(input:checked) .mode-check{background:var(--khx-teal)!important;color:#061712!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) :is(.setup-options>div,.setup-options>.k-field,.option-switch){
  border-color:var(--khx-line)!important;background:rgba(255,255,255,.025)!important
}

/* Lobby */
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .lobby-layout{gap:10px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .join-board,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .lobby-players{
  border-color:var(--khx-line)!important;
  background:linear-gradient(180deg,var(--khx-panel-2),var(--khx-panel))!important;
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .player-chip{
  border-color:var(--khx-line)!important;background:rgba(255,255,255,.035)!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .room-code{border-color:rgba(242,201,76,.48)!important;background:rgba(242,201,76,.04)!important;color:var(--khx-gold)!important}

/* Live host round */
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .game-shell{
  width:100%;gap:10px!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .game-head{
  position:sticky;top:75px;z-index:36;gap:8px!important;padding:5px;border:1px solid var(--khx-line);border-radius:17px;background:rgba(5,14,24,.88);backdrop-filter:blur(15px)
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) :is(.round-pill,.mode-pill,.timer-shell){
  min-height:52px!important;padding:6px 10px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .timer{color:var(--khx-teal)!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-card{
  min-height:260px!important;padding:18px 22px!important;gap:12px!important;border-radius:22px!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-explain{
  border-color:rgba(92,225,203,.18)!important;background:rgba(34,200,146,.045)!important;border-radius:14px!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-main{min-height:170px!important;gap:10px!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-main h1{
  font-size:clamp(29px,4.5vw,54px)!important;line-height:1.35!important;text-wrap:balance
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .turn-now{background:rgba(242,201,76,.055)!important;color:var(--khx-gold)!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .progress-shell{
  border:1px solid var(--khx-line);background:rgba(255,255,255,.025)!important
}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .progress i{background:linear-gradient(90deg,var(--khx-teal),var(--khx-green))!important}
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .host-stage-actions,
html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .answer-form{
  border-color:var(--khx-line)!important;background:rgba(5,14,24,.91)!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important;backdrop-filter:blur(15px)
}

@media(max-width:760px){
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2){overflow-x:hidden!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-top{
    width:calc(100% - 12px)!important;min-height:58px!important;margin-top:6px!important;padding:6px!important;top:5px!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;border-radius:16px!important
  }
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-site-home{width:42px!important;min-width:42px!important;height:42px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-site-home img{width:39px!important;height:33px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-game-title img{width:min(120px,31vw)!important;height:38px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #connection{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-tools-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp{
    width:calc(100% - 12px)!important;padding:8px 0 calc(18px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important
  }

  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-card{padding:16px!important;border-radius:20px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero{padding:16px 8px 12px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero h1{font-size:clamp(39px,12vw,56px)!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .k-hero p{font-size:13px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle{min-height:132px!important;padding:10px 7px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle i{font-size:28px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle b{font-size:14px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle small{font-size:10px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .setup-options{grid-template-columns:1fr!important;gap:8px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .setup-footer{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .setup-footer .k-btn{width:100%!important}

  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .lobby-layout{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .join-board{grid-template-columns:120px minmax(0,1fr)!important;padding:14px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .player-chip{padding:8px!important;border-radius:13px!important}

  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .game-shell{gap:7px!important;padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .game-head{
    top:69px!important;grid-template-columns:1fr auto 1fr!important;gap:5px!important;padding:5px!important;border-radius:15px!important
  }
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) :is(.round-pill,.mode-pill,.timer-shell){min-height:46px!important;padding:5px 7px!important;border-radius:10px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .round-pill b,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-pill b{font-size:12px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .round-pill small,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-pill small,
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .timer-shell small{font-size:8px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-pill{padding-inline:8px!important;min-width:0!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-pill>i{font-size:20px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .timer{font-size:20px!important}

  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-card{
    min-height:0!important;padding:13px 11px!important;gap:9px!important;border-radius:18px!important
  }
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-explain{padding:8px 9px!important;gap:8px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-explain>span{font-size:24px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-explain h2{font-size:15px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-explain p{font-size:10px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-main{min-height:150px!important;gap:9px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .prompt-main h1{font-size:clamp(23px,7vw,34px)!important;line-height:1.38!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .sentence{font-size:clamp(19px,6vw,28px)!important;padding:10px 12px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .choice-preview{gap:5px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .choice-preview span{padding:8px 10px!important;font-size:14px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .progress-shell{grid-template-columns:1fr!important;gap:5px!important;padding:8px!important}

  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .host-stage-actions{
    position:sticky!important;bottom:max(4px,env(safe-area-inset-bottom))!important;z-index:55!important;width:100%!important;display:flex!important;justify-content:flex-start!important;gap:5px!important;padding:5px!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:14px!important;scrollbar-width:none!important;background:rgba(5,14,24,.95)!important
  }
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .host-stage-actions::-webkit-scrollbar{display:none!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .host-stage-actions>*{flex:0 0 auto!important;min-height:42px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .answer-form{
    position:sticky!important;bottom:max(4px,env(safe-area-inset-bottom))!important;z-index:56!important;width:100%!important;padding:6px!important;border-radius:15px!important;background:rgba(5,14,24,.95)!important
  }
}

@media(max-width:390px){
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-grid{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle{min-height:106px!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;text-align:right!important;justify-items:start!important;align-items:center!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .mode-toggle i{grid-row:1/3!important;font-size:28px!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .join-board{grid-template-columns:1fr!important}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .qr-frame{width:150px;margin-inline:auto}
  html[data-ui-mode="modern"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) .player-grid{grid-template-columns:1fr!important}
}