/* A compact player card in the room's navy, violet and cyan palette. */
body .social-dialog.player-profile-dialog {
  width:calc(100% - 28px); max-width:390px; max-height:calc(100dvh - 32px);
  padding:18px; overflow:auto; color:#f1eefb; border-radius:22px;
}
.player-profile-dialog .social-dialog-header { padding-bottom:4px; }
body .player-profile-dialog .social-dialog-header h2 { font-size:19px; letter-spacing:0; }
.player-profile-dialog .social-close { min-width:44px; min-height:44px; }
.player-profile-hero { display:flex; align-items:center; gap:16px; padding:12px 0 17px; }
.player-profile-dialog .player-profile-avatar {
  width:80px; height:80px; font-size:51px; border:2px solid #8debf4;
  box-shadow:0 0 0 5px #8debf40c,0 0 24px #64d2ec16;
}
.player-profile-identity { flex:1; min-width:0; }
.player-profile-identity>span { display:block; color:#bdb6ce; font-size:11px; margin-bottom:4px; }
.player-profile-name { margin:0 0 5px; font-size:23px; font-weight:800; line-height:1.3; overflow-wrap:anywhere; }
.player-profile-identity p { margin:0; color:#bdb6ce; font-size:12px; }
.player-profile-chips { margin:7px 0 0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 10px; border-radius:10px; background:#121a2b; color:#bdb6ce; font-size:11px; }
.player-profile-chips strong { color:#94e4f3; font-size:18px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.player-profile-section { margin:16px 0 0; }
.player-profile-section-title { margin:0 0 9px; color:#d8d2e8; font-size:13px; font-weight:700; }
.player-profile-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:11px 0; border-block:1px solid #b7a6d125; }
.player-profile-stats>div { min-width:0; display:flex; flex-direction:column; align-items:center; gap:2px; }
.player-profile-stats>div+div { border-left:1px solid #b7a6d125; }
.player-profile-stats strong { font-size:24px; line-height:1.25; font-weight:800; font-variant-numeric:tabular-nums; color:#f2edfa; }
.player-profile-stats span { font-size:11px; color:#bdb6ce; }
.player-profile-stats>div:nth-child(2) strong { color:#91e9e5; }
.player-profile-section>p { margin:7px 0 0; color:#bdb6ce; font-size:11px; }
.player-profile-result { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0 0; padding:7px 10px; border-radius:9px; background:#b7a6d110; color:#cbc4dc; font-size:12px; }
.player-profile-result.is-win { color:#9af0de; background:#5ed9cf10; }
.player-profile-result.is-loss { color:#f9b1cd; background:#d97ba310; }
.player-profile-equipped { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0; margin:0; list-style:none; }
.player-profile-equipped>li,.player-profile-equipped>div { min-width:0; text-align:center; font-size:11px; color:#d8d2e8; }
.player-profile-equipped>div>span:last-child { display:block; }
.player-profile-preview { height:76px; display:grid; place-items:center; margin:0 0 7px; border:1px solid #b7a6d121; border-radius:13px; background:radial-gradient(ellipse at 50% 100%,#67508730,transparent 80%),#111627; }
.player-profile-preview img { width:60px; height:62px; object-fit:contain; }
.player-profile-frame { width:47px; height:47px; display:block; border:2px solid #adc7d1; padding:2px; border-radius:50%; background:#334457; overflow:hidden; }
.player-profile-frame img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.player-profile-frame .social-avatar-sprite { width:100%; height:100%; }
.player-profile-footer { margin:15px 0 0; font-size:11px; line-height:1.5; color:#bdb6ce; text-align:center; }
.player-profile-footer p { margin:2px 0; }
body .player-profile-return { width:100%; min-height:44px; margin:12px 0 0; border:1px solid #7fcada66; border-radius:12px; background:#294254; color:#bef5fb; font-size:14px; font-weight:700; }
body .player-profile-return:hover { background:#35536a; }
@media(max-height:600px) { body .social-dialog.player-profile-dialog{padding:12px 16px}.player-profile-hero{padding:5px 0 10px}.player-profile-dialog .player-profile-avatar{width:64px;height:64px}.player-profile-section{margin-top:10px}.player-profile-preview{height:62px}.player-profile-footer{margin-top:10px} }