/* V10.25.2: TV-only waiting room, preserving all original game elements. */
body.kh-tv-route.kh-tv-waiting{background:#101d32 url('/assets/new-jerusalem-background.png') center/cover fixed no-repeat;overflow:hidden}
body.kh-tv-route.kh-tv-waiting main{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:clamp(12px,2vh,24px) clamp(18px,3vw,52px);display:flex;flex-direction:column}
body.kh-tv-route.kh-tv-waiting main>header{display:flex!important;flex:0 0 auto;align-items:center;justify-content:center;height:clamp(78px,16vh,160px);margin:0 0 1vh!important}
body.kh-tv-route.kh-tv-waiting main>header img.kh-login-logo{width:auto!important;height:100%!important;max-height:100%!important;max-width:min(36vw,320px)!important;object-fit:contain}
body.kh-tv-route.kh-tv-waiting main>header p{display:none}
body.kh-tv-route.kh-tv-waiting #room{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(9px,1.6vh,18px) clamp(14px,2vw,30px);align-content:stretch;flex:1;min-height:0;width:min(1200px,100%);margin:0 auto;padding:clamp(10px,1.7vh,22px);background:rgba(7,21,42,.65);border:1px solid #d8ac58;border-radius:20px;box-shadow:0 12px 55px #0009;backdrop-filter:blur(5px)}
body.kh-tv-route.kh-tv-waiting #room>.top{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(8px,2vh,24px);background:linear-gradient(145deg,#102846f2,#06182eec);border:2px solid #bb9148;border-radius:14px;padding:12px;min-height:0}
body.kh-tv-route.kh-tv-waiting #room>.top small{font-family:Georgia,serif;color:#f4d89c;font-size:clamp(15px,2.5vh,24px);letter-spacing:.16em}
body.kh-tv-route.kh-tv-waiting #roomcode{font-family:Georgia,serif;font-size:clamp(36px,7vw,100px);line-height:1.1;letter-spacing:.08em;text-shadow:0 3px 12px #000}
body.kh-tv-route.kh-tv-waiting #room>.top #status{color:#d9e4f2;font-size:clamp(12px,1.8vh,20px)}
body.kh-tv-route.kh-tv-waiting #khQrBlock{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:clamp(9px,1.3vh,18px);background:linear-gradient(145deg,#102846f2,#06182eec);border:2px solid #bb9148;border-radius:14px;box-shadow:none;color:#f6e5bc}
body.kh-tv-route.kh-tv-waiting #khQrImage{display:block;width:auto;height:auto;max-width:min(100%,29vh);max-height:29vh;aspect-ratio:1;object-fit:contain;border:clamp(5px,1vh,10px) solid white;background:white;border-radius:7px}
body.kh-tv-route.kh-tv-waiting #khQrBlock p{font-size:clamp(12px,1.8vh,18px);text-align:center;margin:8px 0 2px}
body.kh-tv-route.kh-tv-waiting #khJoinLink{font-size:clamp(9px,1.2vh,12px);text-align:center;color:#b7c9e1}
body.kh-tv-route.kh-tv-waiting #room>.grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,25px);margin:0;min-height:0}
body.kh-tv-route.kh-tv-waiting #room>.grid .player{background:linear-gradient(135deg,#112b4bea,#071b33ef);border:2px solid #b58b46;border-radius:13px;padding:clamp(9px,1.7vh,18px);min-height:clamp(72px,12vh,120px);display:flex;flex-direction:column;justify-content:center}
body.kh-tv-route.kh-tv-waiting #room>.grid .player small{color:#e6c37b;letter-spacing:.12em}
body.kh-tv-route.kh-tv-waiting #room>.grid .player h3{font-family:Georgia,serif;font-size:clamp(15px,2.5vh,26px);margin:5px 0;overflow-wrap:anywhere}
body.kh-tv-route.kh-tv-waiting #room>.hint{grid-column:1/-1;grid-row:3;display:block;text-align:center;margin:0;padding:clamp(7px,1.3vh,14px);background:#07182edc;border:1px solid #b58b46;border-radius:10px;color:#f3d591;font-family:Georgia,serif;font-size:clamp(12px,1.9vh,20px)}
body.kh-tv-route.kh-tv-waiting #room>.faction-panel,body.kh-tv-route.kh-tv-waiting #room>.setup-coin,body.kh-tv-route.kh-tv-waiting #room>.opening-banner,body.kh-tv-route.kh-tv-waiting #room>.viewtools,body.kh-tv-route.kh-tv-waiting #room>.battlefield,body.kh-tv-route.kh-tv-waiting #room>#role,body.kh-tv-route.kh-tv-waiting #room>#role~p,body.kh-tv-route.kh-tv-waiting #room>.buttons,body.kh-tv-route.kh-tv-waiting #room>.hand-panel,body.kh-tv-route.kh-tv-waiting #room>h3,body.kh-tv-route.kh-tv-waiting #room>#events,body.kh-tv-route.kh-tv-waiting #room>#events~*{display:none!important}
@media(max-height:550px){body.kh-tv-route.kh-tv-waiting main>header{height:12vh}body.kh-tv-route.kh-tv-waiting #room>.grid .player{min-height:55px}body.kh-tv-route.kh-tv-waiting #room>.grid .player h3{font-size:14px}body.kh-tv-route.kh-tv-waiting #room>.hint{font-size:12px;padding:5px}}
/* V10.25.5: player portraits alongside names */
#room>.grid .player{position:relative;align-items:center;gap:3px}
.kh-player-portrait{width:clamp(38px,6vh,68px);height:clamp(38px,6vh,68px);border:2px solid #e4bf72;border-radius:50%;background:#263c56;display:grid;place-items:center;overflow:hidden;font-size:clamp(22px,4vh,40px);box-shadow:0 0 12px #d8b56c55;flex-shrink:0}
.kh-player-portrait img{display:block;width:100%;height:100%;object-fit:cover}
body.kh-tv-waiting #room>.grid .player{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;justify-content:center;align-content:center;text-align:left;padding-inline:clamp(12px,3vw,40px)}
body.kh-tv-waiting #room>.grid .player .kh-player-portrait{grid-column:1;grid-row:1/3}
body.kh-tv-waiting #room>.grid .player small{grid-column:2;grid-row:1}
body.kh-tv-waiting #room>.grid .player h3{grid-column:2;grid-row:2}

/* V10.25.10: shift the PHOTO content upward inside its existing circular frame.
   The player panel and gold ring stay in the same place. */
body.kh-tv-route.kh-tv-waiting #room>.grid .player .kh-player-portrait{
  overflow:hidden!important;
  border-radius:50%!important;
}
body.kh-tv-route.kh-tv-waiting #room>.grid .player .kh-player-portrait img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:translateY(-17%) scale(1.22)!important;
  transform-origin:center center!important;
}
