/* HBT body frames receive exact authored dimensions from hbt-layout.js. */
.hbt-roster .character-art,.hbt-panel>.character-art{flex:none!important;min-height:0;max-height:none!important;max-width:none!important;align-self:center}
.hbt-roster .winning-spotlight .character-art{transform:none}
/* Answers share Parable Pitch's readable handwritten face. Metadata stays UI type. */
.theme-hbt .hbt-answer,.theme-hbt .hbt-answer>strong,.theme-hbt .hbt-writing input,.theme-hbt.phase-hbt-reveal .hbt-panel>h2{font-family:'Banter Hand','Comic Sans MS',cursive;font-weight:400;text-transform:uppercase}
.theme-hbt .hbt-answer small{font-family:system-ui,sans-serif;font-weight:500;text-transform:none}
.host.hbt-playing .room-heading{height:90px;min-height:90px}
.host.hbt-playing #room-title,.host.hbt-playing #room-title img{height:85px;max-height:85px}
.host.hbt-playing #room-title img{width:260px;max-width:260px;object-fit:contain}
.phone.hbt-playing .room-heading{height:52px;min-height:0}
.phone.hbt-playing #room-title,.phone.hbt-playing #room-title img{height:48px;max-height:48px;max-width:155px}
/* The existing :has(7th) desktop selector must not force six tiny phone columns. */
.phone.hbt-playing .hbt-roster:has(>.character-spotlight:nth-child(7)){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
@media(max-height:500px) and (orientation:landscape){.phone.hbt-playing .hbt-roster:has(>.character-spotlight:nth-child(7)){grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}
/* The painted logo is a 3:2 illustration, so reserve real height for its lettering. */
.host.hbt-playing .room-heading{height:130px;min-height:130px}
.host.hbt-playing #room-title,.host.hbt-playing #room-title img{height:125px;max-height:125px}
.host.hbt-playing #room-title img{width:240px;max-width:240px}
.hbt-panel:has(>.time-bar:not([hidden])){padding-top:40px!important}