/* Same public profile presentation from the home page or any room. */
.pp-public { text-align:left; color:#f4f0df; font-family:inherit; line-height:1.5; }
.pp-public * { box-sizing:border-box; }
.pp-header { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.pp-avatar { flex:none; font-size:40px; line-height:1; }
.pp-header > div:last-child { min-width:0; }
.pp-header h2 { margin:0 0 4px; font-size:1.35rem; font-weight:700; overflow-wrap:anywhere; }
.pp-header p, .pp-note { margin:0; color:#aebdb5; font-size:.8rem; }
.pp-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:20px; }
.pp-totals > div { padding:10px 4px; text-align:center; background:#ffffff09; border-radius:10px; }
.pp-totals b { display:block; font-size:1.35rem; color:#f5d17a; }
.pp-totals span { color:#b9c5bd; font-size:.75rem; }
.pp-public h3 { margin:18px 0 6px; font-size:1rem; color:#f4f0df; }
.pp-mode { display:flex; align-items:baseline; justify-content:space-between; gap:6px 14px; padding:7px 0; border-bottom:1px solid #ffffff12; font-size:.9rem; }
.pp-mode > span:first-child { min-width:0; overflow-wrap:anywhere; }
.pp-mode > span:last-child { flex:none; color:#c8d4cb; text-align:right; }
.pp-mode small { display:inline-block; min-width:44px; margin-left:10px; color:#f5d17a; font-size:.8rem; }
.pp-note { margin-top:8px; }
.pp-empty { color:#aebdb5; font-size:.9rem; padding:8px 0; }
.pp-roles { margin-top:14px; font-size:.85rem; color:#bac9bf; }
.pp-roles summary { min-height:32px; padding:4px 0; cursor:pointer; }
.pp-history { display:grid; gap:8px; list-style:none; margin:0; padding:0; }
.pp-game { background:#ffffff08; border-radius:10px; padding:10px 12px; }
.pp-game-top { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:.9rem; }
.pp-outcome { color:#d9a39c; font-size:.8rem; white-space:nowrap; }
.pp-outcome.is-win { color:#f5d17a; }
.pp-outcome.is-place { color:#c0d2c8; }
.pp-game p { margin:5px 0; font-size:.85rem; overflow-wrap:anywhere; }
.pp-game-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:2px 10px; font-size:.72rem; color:#aebdb5; overflow-wrap:anywhere; }
@media(max-width:480px) { .pp-popup { padding:18px 10px !important; } .pp-popup .swal2-html-container { margin:12px 8px 0; } .pp-header { gap:12px; } .pp-mode { font-size:.83rem; } .pp-mode small { min-width:32px; margin-left:5px; } }