.player-directory-button{display:inline-flex;align-items:center;gap:.48rem;border:1px solid #cad8c7;background:#f8f6ed;color:#245c49;border-radius:12px;padding:.58rem .78rem;font-weight:800;cursor:pointer;white-space:nowrap}.player-directory-button[hidden]{display:none}.player-directory-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.player-directory-button b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:#dd7048;color:white;font-size:.72rem}
.player-directory-dialog{width:min(1040px,94vw);height:min(720px,88vh);padding:0;border:1px solid #cbd9c7;border-radius:24px;background:#fbfaf6;color:#173f34;box-shadow:0 24px 80px #153d323d}.player-directory-dialog::backdrop{background:#163d3359;backdrop-filter:blur(3px)}.player-directory-dialog .dialog-header{padding:20px 24px;border-bottom:1px solid #d6e0d2}.player-directory-root{height:calc(100% - 91px);display:grid;grid-template-columns:minmax(300px,38%) 1fr;overflow:hidden}
.communication-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-8px -8px 14px}.communication-tabs button{border:1px solid #cbd8cb;border-radius:9px;padding:8px;background:#fff;color:#245c49;font-weight:800;cursor:pointer}.communication-tabs button.active{border-color:#2d765d;background:#2d765d;color:#fff}.directory-conversation textarea:disabled,.directory-conversation button:disabled{opacity:.5;cursor:not-allowed}
.directory-roster{padding:20px;background:#f3f1e7;border-right:1px solid #d7dfd3;overflow:auto}.directory-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:15px}.directory-section-heading div{display:grid;gap:2px}.directory-section-heading span{font-size:.68rem;letter-spacing:.14em;font-weight:900;color:#37755f}.directory-section-heading strong{font-family:Georgia,serif;font-size:1.35rem}.directory-section-heading>small{color:#708078;text-align:right}.directory-player-list{display:grid;gap:10px}.directory-player{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:9px 11px;align-items:center;padding:13px;background:#fffdfa;border:1px solid #d5dfd2;border-radius:16px;transition:.15s ease}.directory-player.selected{border-color:#2d765d;box-shadow:0 0 0 2px #2d765d22}.directory-player.is-you{background:#eaf2e6}.directory-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#2d765d;color:white;font-family:Georgia,serif;font-size:1.25rem;font-weight:900}.directory-player-details{display:grid;min-width:0}.directory-player-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-player-details strong em{margin-left:5px;padding:2px 6px;border-radius:7px;background:#dcebd6;color:#2d6e58;font:800 .61rem/1.2 system-ui;text-transform:uppercase}.directory-player-details small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#687970}.directory-player-details small:first-of-type{color:#2d765d;font-weight:800}.directory-presence{font-size:.7rem;font-weight:800}.directory-presence::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#9aa49f}.directory-presence.online{color:#36765b}.directory-presence.online::before{background:#65ae57}.directory-player button{grid-column:2/4;justify-self:stretch;border:0;border-radius:10px;padding:8px;background:#276d56;color:#fff;font-weight:800;cursor:pointer}.directory-player button b{float:right;background:#f8d873;color:#214f40;border-radius:20px;padding:1px 7px}.directory-empty,.directory-conversation-empty{text-align:center;padding:45px 18px;color:#728079}.directory-empty strong{color:#234f41}
.directory-conversation{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fffdfa}.directory-conversation>header{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid #dbe3d8}.directory-conversation>header>button{display:none;border:0;background:none;color:#245c49;font-size:1.4rem}.directory-conversation>header>div{display:grid;min-width:0;flex:1}.directory-conversation>header small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#697a72}.directory-conversation-empty{margin:auto;max-width:360px}.directory-conversation-empty svg{width:72px;fill:none;stroke:#84a695;stroke-width:3}.directory-conversation-empty h3{font-family:Georgia,serif;font-size:1.6rem;color:#214f40;margin:.5rem 0}.direct-message-thread{list-style:none;margin:0;padding:22px;display:flex;flex-direction:column;gap:12px;flex:1;overflow:auto;background:linear-gradient(#f8f7f0aa,#fffdfa)}.direct-message-thread li{max-width:75%;display:grid;gap:3px}.direct-message-thread li p{margin:0;padding:10px 13px;border-radius:5px 15px 15px 15px;background:#e8eee5;white-space:pre-wrap;overflow-wrap:anywhere}.direct-message-thread li small,.direct-message-thread li time{font-size:.68rem;color:#77857e}.direct-message-thread li.sent{align-self:flex-end}.direct-message-thread li.sent p{background:#2d765d;color:#fff;border-radius:15px 5px 15px 15px}.direct-message-thread li.sent small,.direct-message-thread li.sent time{text-align:right}.direct-message-thread .no-messages{align-self:center;max-width:360px;margin:auto;text-align:center}.direct-message-thread .no-messages p{background:none;color:#74827b}.directory-conversation form{padding:15px 20px;border-top:1px solid #dbe3d8}.directory-conversation form label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:800;color:#3d6c5b}.directory-conversation form>div{display:flex;gap:9px}.directory-conversation textarea{resize:none;flex:1;min-width:0;padding:10px 12px;border:1px solid #cbd8cb;border-radius:12px;font:inherit;background:#fff}.directory-conversation form button{align-self:stretch;border:0;border-radius:12px;padding:0 22px;background:#dd7048;color:#fff;font-weight:900;cursor:pointer}.directory-conversation form>small{display:block;margin-top:5px;color:#7b8881}
@media(max-width:740px){.player-directory-dialog{width:96vw;height:92vh}.player-directory-root{grid-template-columns:1fr}.directory-roster{border:0}.directory-conversation{display:none}.directory-roster:has(+ .directory-conversation header){display:none}.directory-roster:has(+ .directory-conversation header)+.directory-conversation{display:flex}.directory-conversation>header>button{display:block}.player-directory-button span{display:none}}

.directory-player .directory-player-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.directory-player .directory-player-actions button{grid-column:auto;justify-self:stretch;padding:8px 5px}
.directory-player .directory-player-actions button:nth-child(2){background:#dcebdd;color:#235c49}
.directory-player .directory-player-actions button:nth-child(3){background:#e27750;color:#fff}
.conversation-share-actions{grid-column:1/-1;display:flex;gap:7px;margin-top:5px}
.conversation-share-actions button{border:0;border-radius:9px;padding:7px 10px;background:#2c7359;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}
.conversation-share-actions button:last-child{background:#e27750}