#chatButton,#partyChat {box-sizing:border-box;color:#e8dcc0;border:1px solid #b79a59;background:rgba(12,10,14,.94);}
#chatButton {position:absolute;z-index:9;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));padding:7px 10px;font:14px 'Upheaval',monospace;cursor:pointer;min-height:32px;}
#partyChat {position:absolute;z-index:12;left:12px;bottom:52px;width:min(420px,calc(100% - 24px));padding:8px;pointer-events:none;font:20px/1.12 'Jersey 10 Canvas',sans-serif;user-select:text;-webkit-user-select:text;}
#chatButton[hidden],#partyChat[hidden] {display:none;}
#partyChat header {display:none;align-items:center;justify-content:space-between;gap:8px;font:14px 'Upheaval',monospace;color:#f7d36a;margin-bottom:6px;}
#partyChat button {color:#f7d36a;background:#292018;border:1px solid #8b7442;cursor:pointer;padding:7px 9px;font:12px 'Upheaval',monospace;min-height:32px;}
#partyChat .chat-log {max-height:64px;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;}
#partyChat .chat-log>div {padding:2px 0;}
#partyChat strong {font-weight:400;}
#partyChat form,#partyChat .chat-status {display:none;}
#partyChat.chat-open {pointer-events:auto;display:flex;flex-direction:column;max-height:calc(100% - 64px);}
#partyChat.chat-open header,#partyChat.chat-open form,#partyChat.chat-open .chat-status {flex-shrink:0;}
#partyChat.chat-open header {display:flex;}
#partyChat.chat-open .chat-log {min-height:0;max-height:min(180px,30dvh);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#b79a59 #171215;}
#partyChat.chat-open form {display:flex;gap:6px;margin-top:8px;}
#partyChat input {box-sizing:border-box;min-width:0;flex:1;background:#171215;color:#fff1d7;border:1px solid #8b7442;padding:7px;font:20px 'Jersey 10 Canvas',sans-serif;user-select:text;-webkit-user-select:text;touch-action:manipulation;}
#partyChat.chat-open .chat-status {display:block;padding-top:5px;font-size:17px;color:#c9b68c;}
#partyChat input:focus-visible,#partyChat button:focus-visible,#chatButton:focus-visible {outline:2px solid #f7d36a;outline-offset:2px;}
@media(max-width:600px) {#partyChat {left:8px;width:calc(100% - 16px);}#chatButton {font-size:12px;}}
/* Leave the playfield visible on a phone turned sideways, including with its keyboard up. */
@media(max-height:500px) and (orientation:landscape) {
 #partyChat {width:min(480px,calc(100% - 24px));padding:5px;font-size:16px;line-height:1;}
 #partyChat .chat-log,#partyChat.chat-open .chat-log {max-height:32px;}
 #partyChat.chat-open header {display:block;height:0;margin:0;font-size:0;}
 #partyChat header button {position:absolute;right:5px;bottom:5px;font-size:10px;min-height:28px;padding:4px;width:48px;}
 #partyChat.chat-open form {padding-right:54px;gap:4px;margin-top:4px;}
 #partyChat input {font-size:16px;padding:4px;}
 #partyChat form button {font-size:10px;padding:4px;min-height:28px;}
 #partyChat.chat-open .chat-status {display:none;}
}