/* Original logo asset, with enough room for the lettering and cat punch. */
#lobby-brand{top:10%;padding:0;filter:none;white-space:normal;width:min(580px,50vw)}
#lobby-brand h1{margin:0;font-size:0;line-height:0;letter-spacing:0;text-shadow:none}
.game-logo{display:block;width:100%;height:auto;object-fit:contain}
#lobby-brand small{display:block;width:max-content;max-width:100%;margin:8px auto 0;padding:5px 13px;background:#1b3038e8;border:1px solid #e3a44d;color:#f4dba7;font-size:12px;letter-spacing:2px;box-shadow:3px 3px #12262d}
#lobby-brand p{font-size:13px;margin:10px 0 0;text-shadow:1px 2px #182c33}
#lobby-brand #btn-story{position:static;transform:none;display:block;width:max-content;margin:9px auto 0;pointer-events:auto;font-size:12px;padding:6px 14px}
.cat-icon[data-icon="chat"]{background-image:url('assets/ui/chat-bubble.svg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
#btn-chat-toggle.on{border-color:#e7a64a;box-shadow:0 0 0 2px #182e36,3px 4px #20353d}
.tchat-head b{flex:1;text-align:left}
#game-wrap #chat:not(.hidden){display:flex;flex-direction:column}
.chat-pane-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:7px;border-bottom:1px solid #7b8e87}
.chat-pane-head strong{font-size:14px;flex:1}
.chat-pane-head small{font-size:10px;color:#51676b;max-width:145px;text-align:right;line-height:1.35}
.chat-pane-head .btn{padding:4px 7px;font-size:11px;flex:none}
#chat .join-row{margin-top:auto!important;padding-top:6px}
#chat-input:disabled,#gchat-input:disabled{opacity:.7;cursor:default}
#btn-chat.on{border-color:#245e66;background:#c2dfd4;box-shadow:inset 0 0 0 2px #2e6f73}
@media(max-height:600px){
 #lobby-brand{top:48px;width:min(270px,34vw)}
 #lobby-brand small,#lobby-brand p{display:none}
 #lobby-brand #btn-story{margin:1px auto 0;padding:3px 10px;font-size:10px}
 .chat-pane-head{gap:4px;padding-bottom:4px;margin-bottom:5px}.chat-pane-head strong{font-size:12px}.chat-pane-head small{font-size:9px;max-width:94px}.chat-pane-head .btn{font-size:10px;padding:3px 4px}
 #chat:not(.hidden){height:var(--board-height);box-sizing:border-box}
 #chat .chat-tabs{gap:3px;margin-bottom:5px}#chat .ctab{font-size:10px;padding:4px}
 #chat .chat-quick{gap:3px}#chat .chat-quick button{padding:5px 2px;font-size:10px}
 #chat #chat-log,#chat #chat-glog{flex:1;min-height:0;max-height:none;font-size:11px}
 #chat .join-row{gap:4px}#chat .join-row input{min-width:0;font-size:11px;padding:6px}#chat .join-row .btn{font-size:10px;padding:5px}
}
@media(min-height:601px) and (max-width:1000px){#lobby-brand{top:12%;width:min(560px,65vw)}}