/* V10.25: device-specific login experience; gameplay CSS stays unchanged. */
.kh-qr-block{display:none;text-align:center;margin:15px auto 20px;max-width:290px;padding:15px;background:rgba(255,244,211,.94);border:2px solid #bf8b3b;border-radius:16px;color:#40270d;box-shadow:0 5px 20px #0005}
.kh-qr-block img{display:block;width:min(230px,65vw);height:auto;aspect-ratio:1;margin:0 auto;background:white;border:9px solid white;border-radius:8px}
.kh-qr-block p{margin:9px 0 3px;font-weight:bold}
#khJoinLink{font-size:12px;overflow-wrap:anywhere}
body.kh-tv-route #room:not(.hidden) .kh-qr-block{display:block}
body.kh-tv-route #entry .kh-book-left,body.kh-tv-route #entry .kh-book-right .rule,body.kh-tv-route #entry .kh-book-right .buttons{display:none!important}
body.kh-tv-route #entry .kh-book-pages{display:flex!important;align-items:center!important;justify-content:center!important}
body.kh-tv-route #entry .kh-book-right{width:44%;flex:none}
body.kh-phone-route #entry #create,body.kh-phone-route #entry #display,body.kh-phone-route #entry #watch{display:none!important}
body.kh-phone-route #entry .kh-book-intro,body.kh-phone-route #entry .rule{display:none!important}
body.kh-phone-route #entry .kh-book-pages{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}
body.kh-phone-route #entry .kh-book-left,body.kh-phone-route #entry .kh-book-right{width:100%!important;transform:none!important}
body.kh-phone-route #entry .kh-book-right{padding-top:0!important}
body.kh-phone-route #entry .kh-book-left{padding-bottom:0!important}
body.kh-phone-route #entry .kh-book-left .kh-book-field{margin:10px 0}
@media(max-width:780px){
 body.kh-phone-route #entry .kh-book-pages{padding-top:clamp(190px,47vw,280px)!important}
 body.kh-phone-route #entry .kh-book-left,body.kh-phone-route #entry .kh-book-right{background:#fff0ce!important;border:2px solid #b88a41!important;border-radius:14px!important;padding:14px 18px!important;box-shadow:0 6px 24px #2916057a!important}
 body.kh-phone-route #entry .kh-book-right{margin-top:0!important}
 body.kh-phone-route #entry .kh-book-logo{width:min(78vw,340px)!important}
}

/* V10.25.1: prevent the main header crest expanding after leaving the Book of Life. */
body.kh-tv-route main > header img.kh-login-logo,
body.kh-phone-route main > header img.kh-login-logo,
main > header img.kh-login-logo {
  display:block;
  width:min(240px, 34vw) !important;
  max-width:100% !important;
  height:auto !important;
  max-height:150px !important;
  object-fit:contain;
  margin:0 auto 8px;
}
@media(max-width:780px){
  main > header img.kh-login-logo { width:min(170px, 42vw) !important; max-height:110px !important; }
}