/* Chat occupies its own space; it never floats over the character board. */
.game-stage{min-width:0;width:100%}body[data-online=true] .shell{max-width:1500px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px}body[data-online=true] .topbar,body[data-online=true] .page-footer{max-width:1500px}.game-stage{grid-column:1;grid-row:1}body[data-online=true] .inline-room-chat,body[data-online=true] .inline-room-chat.hidden{display:flex;position:sticky;top:20px;right:auto;bottom:auto;grid-column:2;grid-row:1;align-self:start;width:100%;height:min(640px,calc(100dvh - 45px));min-height:300px;z-index:auto;box-shadow:var(--surface-shadow);border-radius:17px}body[data-online=true] #chatLauncher,body[data-online=true] #closeChat{display:none!important}.inline-room-chat>header{padding:16px 14px}.inline-room-chat>header strong{font-size:12px}.inline-room-chat>header small{font-size:9px;line-height:1.6}.inline-room-chat .chat-messages{padding:14px 11px}.inline-room-chat .chat-message{gap:6px}.inline-room-chat .chat-avatar .portrait-wrap{width:23px;height:28px;border-radius:7px}.inline-room-chat .chat-message p{font-size:11px;padding:8px 9px}.inline-room-chat>form{padding:10px;gap:6px;grid-template-columns:minmax(0,1fr) 34px}.inline-room-chat>form input{font-size:11px}.inline-room-chat .chat-empty{font-size:11px;line-height:1.7}.face-voice-controls{margin:18px 0 4px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--input)}.face-voice-controls h3{font-size:17px;margin:9px 0}.face-voice-controls .muted{font-size:12px;line-height:1.7}.face-voice-controls>small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:10px}.face-voice-controls .answer-buttons{gap:8px;margin:12px 0}.face-voice-controls .answer{font-size:13px;padding:12px;min-height:46px}
body[data-face-mode=true][data-face-voice=true] #roomTimeSettings:after{content:'Tempo da vez inclui a chamada e a resposta · palpites enviados pausam para confirmação'}
@media(min-width:1101px) and (max-width:1350px){body[data-online=true] .shell{grid-template-columns:minmax(0,1fr) 235px;gap:16px}body[data-online=true] .face-layout{grid-template-columns:minmax(0,1fr) 245px;gap:13px}body[data-online=true] .face-board{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-online=true] .face-sidebar .panel{padding:17px}body[data-online=true] .prepare-layout,body[data-online=true] .play-layout{grid-template-columns:240px minmax(0,1fr);gap:14px}body[data-online=true] .character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-online=true] .rule-panel,body[data-online=true] .cast-panel{padding:17px}}
@media(max-width:1100px){body[data-online=true] .shell{grid-template-columns:minmax(0,1fr);gap:18px}.game-stage{grid-row:2}body[data-online=true] .inline-room-chat,body[data-online=true] .inline-room-chat.hidden{position:relative;top:auto;grid-column:1;grid-row:1;height:185px;min-height:185px}.inline-room-chat>header{padding:9px 13px}.inline-room-chat>header>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.inline-room-chat>header small{margin:0}.inline-room-chat .chat-messages{padding:9px 12px}.inline-room-chat .chat-message{margin-bottom:6px}.inline-room-chat .chat-avatar{display:none}.inline-room-chat .chat-message>div{display:flex;align-items:baseline;gap:10px}.inline-room-chat .chat-message strong{flex:none;font-size:9px}.inline-room-chat .chat-message p{padding:4px 8px;flex:1}.inline-room-chat .chat-empty{margin:10px 0}.inline-room-chat>form{padding:7px 10px;grid-template-columns:minmax(0,1fr) 32px}.inline-room-chat>form input{padding:8px}.inline-room-chat>form .icon-button{min-height:31px;height:31px;width:32px}}
@media(max-width:760px){body[data-online=true] .inline-room-chat,body[data-online=true] .inline-room-chat.hidden{height:160px;min-height:160px;border-radius:13px}.inline-room-chat>header small{font-size:8px;max-width:155px;text-align:right}.inline-room-chat>header strong{font-size:11px}.inline-room-chat .chat-message p{font-size:10px}.inline-room-chat>form input{font-size:11px}.face-voice-controls{padding:13px}.face-voice-controls h3{font-size:16px}}