.social-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:20px;border:1px solid #778c63;border-radius:12px;background:#0d2118;color:#e1e5cf;box-shadow:0 18px 60px #0009;font:14px Arial,Tahoma,sans-serif;text-align:start}
.social-dialog::backdrop{background:#010b08b8}.social-dialog *{box-sizing:border-box}.social-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.social-dialog h2{font-size:18px;margin:0}.social-dialog h3{font-size:14px}.social-dialog p{line-height:1.7}.social-dialog button{font:inherit;color:inherit;background:#193629;border:1px solid #77916b66;border-radius:7px;min-height:44px;padding:8px 12px;cursor:pointer}.social-dialog button:focus-visible,.player-profile-link:focus-visible{outline:2px solid #e6c587;outline-offset:3px}.social-dialog button:disabled{opacity:.5;cursor:wait}.social-close{flex:none}.social-avatar{display:grid;place-items:center;width:60px;height:60px;border:1px solid #aaab78;border-radius:50%;background:#304b36;font:24px Georgia;color:#eee0bd;margin:8px auto}.social-card{text-align:center}.social-name{font-size:18px!important;overflow-wrap:anywhere}.social-card small{display:block;color:#93aa95;font-size:10px;overflow-wrap:anywhere}.social-card bdi{font-family:monospace;font-weight:400}.social-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.social-actions>button{flex:1 1 130px}.social-danger{color:#ebae9b!important}.social-block-note{padding:10px;border:1px solid #b0784c;border-radius:6px}.social-feedback{color:#dcc18c;min-height:1em;margin-bottom:0}.social-empty{color:#8ca18b;font-size:12px}.social-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #ffffff12;padding:8px 0}.social-person{border:0!important;background:transparent!important;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-row small{font-size:11px;color:#b4c59f}.social-list section+section{border-top:1px solid #ffffff18;margin-top:20px;padding-top:4px}.player-profile-link{cursor:pointer}.player-profile-link:hover{color:#f0d7a3}.room-host.player-profile-link{font:inherit;font-size:11px;background:none;border:0;color:#aab898;padding:4px 0;text-align:start;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:32px}.friend-room{box-shadow:inset 3px 0 #6fa080;background:#18352855}.friend-badge{display:inline-block;font-size:10px;color:#c1d6aa;margin-inline-start:5px}.social-lobby-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.social-lobby-tools button{font:inherit;color:#e1e5cf;background:#183528;border:1px solid #587551;border-radius:6px;min-height:40px;padding:8px 12px}.friend-filter{display:flex;align-items:center;gap:6px;color:#adbe9a;font-size:12px;cursor:pointer}.friend-filter input{accent-color:#69a784}
.portrait-game .social-dialog{position:fixed;inset:auto;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(90deg);width:min(420px,calc(100dvh - 28px));max-width:calc(100dvh - 28px);max-height:calc(100dvw - 24px)}
@media (orientation:landscape) and (max-height:450px),(orientation:portrait) and (max-width:450px){.social-dialog{padding:12px 18px}.social-avatar{width:42px;height:42px;font-size:19px}.social-dialog header{margin-bottom:8px}.social-card p{margin-block:8px}.social-actions{margin-top:8px}}
.social-inbox{display:flex;align-items:center;gap:12px;padding:12px;margin:0 12px 12px;border:1px solid #99b77b;border-radius:8px;background:#1b3928;color:#f0e1b7;text-align:start;font:13px Arial,Tahoma,sans-serif}
.social-inbox[hidden]{display:none}.social-inbox-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.social-inbox-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3eadb}.social-inbox-actions,.social-row-actions{display:flex;gap:6px;flex-wrap:wrap}.social-row-actions{grid-column:1/-1;justify-content:flex-end}
.social-inbox button,.social-quick-actions button{font:inherit;min-height:40px;cursor:pointer;color:#e2ebd9;background:#214a33;border:1px solid #8ab68a88;border-radius:6px;padding:6px 10px}.social-inbox button:disabled,.social-quick-actions button:disabled{cursor:default;opacity:.75}.social-inbox button:focus-visible,.social-quick-actions button:focus-visible{outline:2px solid #f5d394;outline-offset:2px}
.social-inbox-actions button:first-child{background:#327049;color:#fff}.social-inbox-next{font-size:11px!important}.social-notice{margin:4px 12px 8px;color:#d8c69d;font:12px/1.5 Arial,Tahoma,sans-serif;text-align:center;overflow-wrap:anywhere}.social-notice:empty{display:none}
.social-quick-actions{display:flex;flex-direction:column;gap:5px;grid-column:1/-1;margin:8px 0 4px}.social-quick-actions button{width:100%;font-size:11px;line-height:1.35;min-height:36px;padding:6px 3px;white-space:normal}.social-quick-actions button:disabled{border-color:#60775c66;background:#142c20;color:#bbd4ad}
.player .social-inbox{flex:none;flex-direction:column;align-items:stretch;margin:5px 0;padding:8px 5px;gap:6px;font-size:11px}.player .social-inbox-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.player .social-inbox-actions button{min-width:0;padding:5px 2px;font-size:11px;min-height:36px}.player .social-notice{font-size:10px;margin:0 0 4px}.compact-game .social-quick-actions{margin:4px 0 2px;gap:3px}.compact-game .social-quick-actions button{font-size:10px;min-height:32px;padding:4px 2px}.compact-game .player .social-inbox{font-size:10px;margin:3px 0;padding:6px 4px;gap:5px}.compact-game .player .social-inbox button{min-height:32px;font-size:10px}.compact-game .social-inbox-next{font-size:9px!important}
@media(max-width:600px){.social-lobby-tools{gap:8px;padding-inline:8px}.social-lobby-tools button{font-size:11px;padding:6px 8px}.social-lobby-tools .friend-filter{font-size:11px}.social-inbox{gap:8px;padding:8px;margin-inline:8px;flex-wrap:wrap}.social-inbox-copy{flex-basis:160px}.social-inbox button{font-size:12px}}

.player .social-inbox-copy{flex:none}.compact-game .opponent{overflow-x:hidden}

.avatar.photo-host,.social-avatar.photo-host{position:relative}.photo-host{overflow:hidden}.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;background:#213829}.profile-photo.loaded{opacity:1}