/* V10.25.5 phone identity selector */
.kh-identity-picker{background:#102943;border:1px solid #c9a15c;border-radius:13px;padding:14px;margin:14px 0;color:#f5e5bf;text-align:center;font-family:system-ui,sans-serif}
.kh-identity-picker h3{font-size:18px;margin:2px 0 6px;color:#f3cb79}.kh-identity-picker p{font-size:13px;margin:0 0 12px}
.kh-avatar-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.kh-avatar-choice{padding:7px 0;font-size:clamp(19px,5vw,30px);background:#243e5c;border:2px solid transparent;border-radius:8px;min-width:0}
.kh-avatar-choice.chosen{border-color:#f4d68d;background:#3e5470}
.kh-photo-label{display:block;margin:12px auto 7px;padding:11px;background:#314b69;border-radius:9px;font-weight:700;cursor:pointer}
.kh-photo-label input{display:block;margin:7px auto 0;max-width:100%;font-size:12px;padding:0;border:0;background:transparent}
.kh-identity-preview{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:35px}.kh-identity-preview img{height:40px;width:40px;object-fit:cover;border-radius:50%;border:2px solid #f4d68d}

/* V10.25.6: honor hidden identity picker on TV */
.kh-identity-picker[hidden]{display:none!important}

/* V10.25.7: Identity selection is phone-only, never part of the TV Book of Life. */
body.kh-tv-route .kh-identity-picker,body.kh-tv-waiting .kh-identity-picker{display:none!important}
body.kh-phone-route #entry .kh-identity-picker{display:block;position:relative;z-index:5;width:100%;max-width:100%;margin:12px auto;box-sizing:border-box}
body.kh-phone-route #entry .kh-avatar-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.kh-phone-route #entry .kh-avatar-choice{min-height:48px;font-size:26px}
@media(max-width:780px){body.kh-phone-route #entry .kh-identity-picker{padding:14px 10px}body.kh-phone-route #entry .kh-photo-label input{font-size:14px}}

/* V10.25.8: Identity choices only on the phone joining page. */
.kh-identity-picker{display:none!important}
body.kh-phone-route #entry:not(.hidden) .kh-identity-picker:not([hidden]){display:block!important}
/* TV / homepage should never show the identity form. */
body:not(.kh-phone-route) .kh-identity-picker{display:none!important}
/* On phones, never show the large TV player portraits and player slots. */
body.kh-phone-route #room>.grid,
body.kh-phone-route #room>.top,
body.kh-phone-route #room>.top~.hint,
body.kh-phone-route #room>#khQrBlock{display:none!important}
body.kh-phone-route #room .kh-player-portrait{width:44px;height:44px;font-size:24px}
