/* Huey's reactions stay beside the game, never over the letters or controls. */
.huey-host{display:flex;align-items:center;gap:14px;min-width:0;margin:0;color:#eee1bd}
.huey-portrait{width:132px;height:132px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 14px #0004)}
.huey-caption{min-width:0;text-align:left}
.huey-caption>span{display:block;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#d7b96e;margin-bottom:7px}
.huey-caption>p{font:italic 18px/1.45 Georgia,serif;margin:0;color:inherit;text-wrap:pretty}
.paper .huey-host{color:#635b40}
.paper .huey-caption>span{color:#8c651f}
.huey-aside,.huey-lobby{flex-direction:column;text-align:center;gap:10px}
.huey-aside .huey-portrait{width:min(100%,290px);height:290px}
.huey-lobby .huey-portrait{width:min(100%,300px);height:300px}
.huey-aside .huey-caption,.huey-lobby .huey-caption{text-align:center;max-width:270px}
.frontdoor .welcome-host.huey-host{display:flex;gap:12px}
.frontdoor .welcome-host.huey-host>.huey-portrait{width:46%;height:200px}
.frontdoor .welcome-host .huey-caption>p{font-size:18px}
.tiny-host.huey-host{display:flex;margin:0 0 22px;gap:10px}
.tiny-host.huey-host .huey-portrait{width:100px;height:108px}
.tiny-host .huey-caption>p{font-size:15px}
.results-host.huey-host{display:flex;margin:22px 0 0;gap:12px}
.results-host.huey-host .huey-portrait{width:110px;height:115px}
.results-host .huey-caption>p{font-size:17px}
.countdown-host.huey-host{max-width:400px;margin:20px auto 0;text-align:left;justify-content:center}
.countdown-host .huey-portrait{width:90px;height:90px}
.countdown-host .huey-caption>p{font-size:16px}
@media(prefers-reduced-motion:no-preference){
  .huey-portrait{animation:huey-arrive .45s ease-out both}
  @keyframes huey-arrive{from{opacity:0;transform:translateY(6px) rotate(-2deg)}to{opacity:1;transform:none}}
}
@media(max-width:900px){
  .huey-aside{flex-direction:row;justify-content:center;gap:16px;padding-top:4px}
  .huey-aside .huey-portrait{width:100px;height:110px}
  .huey-aside .huey-caption{text-align:left;max-width:300px}
  .lobby-keeper{display:block}
  .lobby-keeper .lobby-arch{display:none}
  .huey-lobby{flex-direction:row;justify-content:center;gap:16px}
  .huey-lobby .huey-portrait{width:100px;height:110px}
  .huey-lobby .huey-caption{text-align:left;max-width:300px}
  .frontdoor .welcome-host.huey-host{max-width:450px;justify-self:center}
  .frontdoor .welcome-host.huey-host>.huey-portrait{width:105px;height:115px}
  .tiny-host.huey-host{max-width:450px;margin:0 auto 22px}
}
@media(max-width:560px){
  .huey-caption>p,.frontdoor .welcome-host .huey-caption>p{font-size:15px}
  .huey-caption>span{font-size:7px}
  .frontdoor .welcome-host.huey-host{margin-top:16px;gap:12px}
  .frontdoor .welcome-host.huey-host>.huey-portrait{width:88px;height:100px}
  .huey-lobby .huey-portrait,.huey-aside .huey-portrait{width:88px;height:100px}
  .results-host.huey-host .huey-portrait{width:86px;height:95px}
  .results-host .huey-caption>p{font-size:15px}
  .countdown-host .huey-portrait{width:70px;height:78px}
  .countdown-host .huey-caption>p{font-size:14px}
}