.chat_area{border-radius:5px}.chat_area{border:1px solid #d3d3d3}.chat_area{background-color:var(--light_white);color:var(--light_black);font-size:1rem;display:flex;flex-direction:column;overflow-y:auto;user-select:text;text-align:left;position:relative;z-index:2000}.chat_area *{z-index:inherit}.chat_area>.chat_head>.chat_close{display:inline-block;float:right;padding:.1em}.chat_area>.chat_text{flex-grow:2;padding:3px;overflow-y:auto;box-sizing:border-box}.chat_area .inputfield{display:grid;grid-template:"rec chat"/minmax(0, max-content) minmax(50%, 100%);background:#d3d3d3;flex-shrink:0}.chat_area .recipient{grid-area:rec;color:#444;padding:0 6px;align-self:center}.chat_area input{grid-area:chat;height:2em;max-width:100%;flex-grow:2;font:inherit;padding:.5em;box-sizing:border-box;border:none;border-top:solid #d3d3d3 1px;border-radius:0 0 5px 0;background-color:var(--light_white);color:var(--light_black)}.chat_area input::-webkit-input-placeholder{font-size:1rem;transition:.3s opacity}.chat_area input:focus{outline:none}.chat_area input:focus::-webkit-input-placeholder{opacity:0}.chat_area input:focus::-moz-placeholder{color:#eee}.chat_area.named .little_head{font-size:inherit}.clear{content:"";clear:both;float:none}.message_holder{margin-bottom:.5ex;margin-top:1.2ex;display:flex}.message_holder .message_author{vertical-align:top;padding-right:.5em;user-select:none}.message_holder .message_author>.message_avatar{width:2em;height:2em;background:center/contain no-repeat}.message_holder .messages{flex-grow:2}.message_nick{font-weight:600;font-size:95%}.message_nick.me{color:blue}.message_body{border-radius:.3em;padding:.3ex 0 .4ex;margin-top:.3ex;position:relative}.message_body:after{position:absolute;right:0;color:#a9a9a9;font-size:80%;content:attr(data-after);top:-1.5em}.message_holder.mine .message_body{display:inline-block;background-color:#d4e7fa;float:right;max-width:80%}.message_body>*{display:inline-block}.message_dest{margin-right:.3em;font-style:italic;font-size:80%;color:#0000cd;cursor:pointer}.message_dest:after{content:": "}.chat_nick{color:#d3d3d3;margin-right:3px}.chat_nick.player{color:#dd0}.chat_nick.mine{color:#90ee90}.chat_selectors>*{margin:.1em .2em}.playarea>.chat_area{order:10;min-height:25vh;max-height:25vh;visibility:initial !important;opacity:initial !important}.playarea>.chat_area>.little_head{display:none}.playarea[data-gamegroup=cards]>.chat_area{min-height:20vh}.chat_head{border-bottom:solid #d3d3d3 1px}.chat_head .imagehead{cursor:pointer}.listdaytitle{font-size:1rem;text-align:center;color:#a9a9a9}.narrowpanel>.chat_area{height:100%}.chat_text{overflow-x:hidden}