.game-experience-card{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #d7c6e5}
.game-xp-heading{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;font-size:.9rem;font-weight:800}
.game-xp-heading strong{font-size:1.12rem;color:#6d16d7}
.game-xp-description{font-size:.77rem;color:#5a4e66;margin:.35rem 0 .55rem}
.game-leaderboard{border:2px solid #291d38;background:#fff;border-radius:20px;box-shadow:4px 4px 0 #291d38;padding:1rem;margin:1.2rem 0;min-width:0}
.game-leaderboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.game-leaderboard-heading h2{font-size:1.12rem;margin:0;font-weight:900}
.game-leaderboard-heading p,.game-leaderboard-note{font-size:.79rem;color:#6c6072;margin:.35rem 0 .6rem;line-height:1.45}
.game-leaderboard-heading button{min-height:44px;min-width:44px;border:2px solid #291d38;background:#eee2ff;border-radius:12px;font-size:1.4rem;flex:none}
.game-leaderboard-list{list-style:none;padding:0;margin:.7rem 0 1rem;display:grid;gap:.5rem}
.game-leaderboard-list li{display:flex;align-items:center;gap:.65rem;padding:.65rem;border:1px solid #e3d8ed;border-radius:12px;min-width:0}
.game-leaderboard-list li>span:first-child{font-weight:900;color:#6d16d7;min-width:2ch}
.game-leaderboard-list img{width:36px;height:36px;object-fit:cover;border-radius:50%;flex:none}
.game-leaderboard-list .game-person{flex:1;min-width:0;overflow-wrap:anywhere}
.game-leaderboard-list .game-person strong{display:block;font-size:.86rem}
.game-leaderboard-list .game-person small{display:block;font-size:.71rem;color:#786c82}
.game-leaderboard-list .game-score{font-size:.79rem;font-weight:900;white-space:nowrap}
#game-leaderboard-status:empty{display:none}
#game-leaderboard-status{font-size:.77rem;color:#594c64}
#game-join-button{min-height:44px}
@media(max-width:360px){.game-leaderboard{padding:.75rem}.game-leaderboard-list li{gap:.4rem;padding:.5rem}.game-leaderboard-list .game-score{font-size:.72rem}}
