/* Mobile live-first layout: player, then complete chat, then channel details. */
.st-chat-mobile-actions{display:none}
.st-chat-user-card{max-height:65vh;overflow-y:auto}
.chat-msg-content .st-chat-body{white-space:normal;overflow-wrap:anywhere}
.chat-msg-content .st-chat-body .st-message-sticker{font-size:25px;line-height:1.25;margin:0 4px}
.chat-msg-content .st-chat-body .st-message-wink{font-size:32px}
.chat-msg .mod-badge{font-size:12px;vertical-align:middle;background:#29463c;border-radius:5px;padding:1px 3px}
.chat-time{font-variant-numeric:tabular-nums}
@media(max-width:900px){
 body.watching .content{padding:0 0 55px}
 body.watching .watch-layout{display:flex!important;flex-direction:column;gap:0;align-items:stretch}
 body.watching .watch-layout>.watch-main{display:contents}
 body.watching .watch-layout .player-wrap{order:1;width:100%;aspect-ratio:16/9;border:0;border-radius:0}
 body.watching .watch-layout .watch-tools{order:2;min-height:34px;padding:5px 12px;border-top:0;border-left:0;border-right:0}
 body.watching .watch-layout>.chat{order:3;width:100%;height:clamp(420px,calc(100dvh - 56.25vw - 105px),730px);max-height:none;min-height:0;position:relative;top:auto;border-left:0;border-right:0;border-radius:0;overflow:visible;background:#0a0e16}
 body.watching .watch-layout .watch-details{order:4;width:100%;padding:20px 16px 15px}
 body.watching .watch-layout .stream-heading{gap:11px}
 body.watching .watch-layout .stream-heading h1{font-size:19px}
 body.watching .watch-layout .chat-title{padding:10px 14px;min-height:48px;gap:9px;border-color:#283832}
 body.watching .watch-layout .chat-title strong{font-size:16px}
 body.watching .watch-layout .chat-title>div{gap:9px}
 body.watching .watch-layout .chat-guidelines{display:none}
 body.watching .watch-layout #chat-log{padding:10px 11px;min-height:0;overscroll-behavior:contain}
 body.watching .watch-layout .chat-msg{display:block;position:relative;padding:3px 2px;margin:0 0 6px;line-height:1.42;font-size:14px}
 body.watching .watch-layout .chat-msg>.avatar{display:none}
 body.watching .watch-layout .chat-msg-content{display:block;font-size:14px;line-height:1.5}
 body.watching .watch-layout .chat-msg .chat-time{display:none}
 body.watching .watch-layout .st-chat-name{font-size:14px;font-weight:850}
 body.watching .watch-layout .chat-msg-content .st-chat-body{display:inline}
 body.watching .watch-layout .chat-msg-content .st-chat-body .st-message-sticker{font-size:25px;display:inline-flex;min-width:25px;max-width:45px}
 body.watching .watch-layout .chat-msg-content .st-chat-body img.st-chat-gif{max-width:86px;max-height:65px}
 body.watching .watch-layout .chat-compose{position:relative;bottom:auto;background:#101720;border-top:1px solid #394741;padding:8px 11px calc(8px + env(safe-area-inset-bottom,0px))}
 body.watching .watch-layout .st-chat-mobile-actions{display:flex;align-items:center;gap:10px;min-height:36px;margin-bottom:5px}
 body.watching .watch-layout #st-chat-picker-toggle{background:#20362b;color:#caffdb;border:1px solid #3c8055;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:900}
 body.watching .watch-layout #st-chat-picker-toggle[aria-expanded=true]{background:#36764f}
 body.watching .watch-layout #st-chat-picker-toggle span{font-size:11px;font-weight:700}
 body.watching .watch-layout .st-chat-fun-note{font-size:10px;color:#8cac9b}
 body.watching .watch-layout .emoji-bar{display:none;overflow-x:auto;max-width:100%;margin:0 0 8px;flex-wrap:nowrap}
 body.watching .watch-layout .emoji-bar.st-palette-open{display:flex}
 body.watching .watch-layout .chat-compose form{display:flex;align-items:stretch;gap:7px}
 body.watching .watch-layout .chat-compose input{flex:1;min-width:0;font-size:16px;padding:12px 11px;background:#0b121a;border-color:#41544a;min-height:44px}
 body.watching .watch-layout .chat-compose form .btn{font-size:13px;min-width:68px;padding:9px 12px;min-height:44px}
 body.watching .watch-layout .chat-signin{padding:12px;font-size:13px}
 body.watching .watch-layout .st-chat-palette{position:absolute;bottom:100%;left:8px;right:8px;z-index:30;max-height:min(45vh,275px);box-shadow:0 -15px 50px #000c}
 body.watching .watch-layout .st-chat-user-card{bottom:68px;left:8px;right:8px;width:auto;max-height:56vh;z-index:31;box-shadow:0 -9px 35px #000e}
 body.watching .watch-layout .channel-identity{margin:14px 0}
 body.watching .watch-layout .channel-tabs{gap:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
 body.watching .watch-layout .channel-tabs button{flex:0 0 auto}
 body.watching .watch-layout .detail-buttons .btn{padding:11px 13px}
 body.watching .watch-layout .st-support-actions{margin-top:12px}
 body.watching .watch-layout .chat.collapsed{height:auto!important;min-height:0}
 body.watching .watch-layout .chat.collapsed .chat-title{min-height:45px}
 body.watching .watch-layout .chat-status{font-size:0;display:inline-flex;align-items:center;justify-content:center}
 body.watching .watch-layout .chat-status::after{content:'';background:#5fff96;border-radius:50%;height:7px;width:7px}
 body.watching .watch-layout .chat-status.disconnected::after{background:#e8b56f}
}
@media(max-width:620px){
 body.watching .watch-layout .player-wrap{position:relative}
 body.watching .watch-layout .player-wrap video{object-fit:contain}
 body.watching .watch-layout .chat-title strong{font-size:0}
 body.watching .watch-layout .chat-title strong::before{content:'Chat ao vivo';font-size:15px}
 body.watching .watch-layout .st-chat-game-btn{padding:6px 10px;font-size:11px}
 body.watching .watch-layout .watch-tools{font-size:10px}
 body.watching .watch-layout .stream-heading{align-items:flex-start;flex-direction:column}
 body.watching .watch-layout .stream-heading h1{font-size:19px;margin:0 0 5px}
 body.watching .watch-layout .detail-buttons{width:100%}
 body.watching .watch-layout .detail-buttons .btn{flex:1;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.st-message-wink,.st-message-sticker{animation:none!important}}