/* Match the in-game shell, 18rem chat column and 16px gutter. */
.rk-game-lobby{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.rk-lobby-games,.rk-lobby-chat{min-width:0}
.rk-lobby-chat{font-family:"RK Jua","Malgun Gothic",sans-serif}
.rk-lobby-chat>.rounded-lg{overflow:hidden}
.rk-lobby-chat.rk-game-ui>.rounded-lg>div.border-b{background:var(--game-blue);border-bottom:2px solid var(--game-ink);border-radius:0;padding:10px 12px}
.rk-lobby-chat .rk-lobby-chat-header{flex-wrap:wrap;gap:8px}
.rk-lobby-chat .rk-lobby-chat-status{flex-wrap:wrap;font-size:12px}
.rk-lobby-chat .rk-lobby-chat-status .text-sm{font-size:12px}
.rk-lobby-chat .rk-lobby-chat-messages{position:relative;height:480px;overflow-x:auto;font-size:.875rem}
.rk-lobby-chat .rk-lobby-chat-join{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px}
.rk-lobby-chat .rk-lobby-chat-join button{box-shadow:none}
.rk-lobby-chat .rk-lobby-message-body{display:block;overflow-wrap:anywhere}
.rk-lobby-chat .rk-lobby-message-body>span{font-size:.875rem}
.rk-lobby-chat .rk-lobby-message-body>span:nth-child(2){display:block}
.rk-lobby-chat .rk-lobby-message-body>span:nth-child(3){font-size:11px;color:#83788f}
.rk-lobby-chat .rk-lobby-message-body>span:nth-child(4){display:none}
.rk-lobby-chat button[type="submit"]{padding:6px 10px}
@media(max-width:1023px){.rk-lobby-chat .rk-lobby-chat-messages{height:240px}}
@media(min-width:1024px){
    .rk-game-lobby{grid-template-columns:minmax(0,1fr) 18rem;gap:16px}
}