#drawGuessInput:empty::before{content:attr(data-placeholder);color:rgba(255,255,255,.35);pointer-events:none}
/* Floating bubbles sat on top of the controls bar and swallowed the Next
   button taps. A voice call is a focused screen: no bubbles at all. */
body.vid-voice-only #fcMoreBubble,
body.vid-voice-only #fcGameBubble,
body.vid-voice-only #fcMoreMenu,
body.vid-voice-only #friendsBubble,
body.vid-voice-only #drawBubble{display:none!important}
/* The typing / "N silent observers" line had its own row in the column, so
   the chat's flat background showed as a solid strip across the full width
   between the wallpaper and the composer. Pull the row back over the bottom
   of the message area and make it transparent: the pill then floats on the
   wallpaper and no strip is drawn. Net height is zero, so nothing shifts
   when it is empty. */
#chatScreen .typing-bar{
  min-height:28px !important;
  background:transparent !important;
  border:none !important;
}
/* Illustrated drawing scene above the Start Playing button — two character
   avatars + an easel doodle + floating speech bubbles/decorative icons, built
   entirely from emoji/CSS (no image assets) so it stays crisp at any size. */
.scrib-illustration{position:relative;height:180px;margin:4px auto 24px;max-width:300px;display:flex;align-items:flex-end;justify-content:center;gap:10px}
.draw-card{max-width:420px;padding:22px;border-radius:20px;background:var(--surface,rgba(255,255,255,.04));border:1px solid var(--border,rgba(128,128,160,.25));text-align:center}
.draw-card-art{font-size:2.4rem;letter-spacing:.35em;margin-bottom:14px}
.draw-play-label{font-weight:800}
.draw-status{min-height:1.2em;margin:10px 0 0;font-size:.9rem;color:var(--muted)}
.draw-status.is-error{color:#e5484d}
#drawVerifyHost{margin-top:12px}
.draw-copy{max-width:720px}
.draw-copy h2{margin:28px 0 10px}
.draw-copy ol,.draw-copy ul{padding-left:1.2em;line-height:1.7}
.draw-copy li{margin-bottom:8px}
.draw-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);max-width:88vw;padding:10px 16px;border-radius:12px;background:#1d1530;color:#fff;font-size:.88rem;opacity:0;pointer-events:none;transition:.2s;z-index:9800}
.draw-toast.show{opacity:1;transform:translateX(-50%)}

#drawVoiceBar{display:flex;align-items:center;gap:8px}
#drawVoiceStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}