#detail-dialog:focus{outline:none}
#detail-dialog::before{content:"CLICK OUTSIDE OR PRESS ESC TO CLOSE";position:absolute;top:14px;right:20px;color:#aaa;font-family:'Blender Pro',Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.2;pointer-events:none}
#detail-dialog:has(.player-profile) .player-profile-info{justify-content:flex-start;gap:12px;padding-top:36px}
#detail-dialog:has(.player-profile) .player-profile-info>.eyebrow{margin:0;font-size:12px;letter-spacing:.12em}
#detail-dialog:has(.player-profile) .player-profile-info h2{margin:2px 0 0;line-height:1}
#detail-dialog:has(.player-profile) .player-profile-info .profile-real-name{margin:0;color:#bdbdbd}
#detail-dialog:has(.player-profile) .player-categories{width:100%;margin-top:10px;padding-top:18px;border-top:1px solid #383838}
#detail-dialog:has(.player-profile) .player-profile-info .player-badges{margin-top:0}
#detail-dialog:has(.player-profile) .creator-profile-extra{gap:5px}
#detail-dialog:has(.player-profile) .profile-social-icons{width:100%;margin-top:10px;padding-top:18px;border-top:1px solid #383838}
#detail-dialog:has(.player-profile) .profile-like{margin-top:6px}
@media(max-width:700px){
  #detail-dialog::before{content:"TAP OUTSIDE TO CLOSE";top:14px;right:16px;font-size:11px}
  #detail-dialog:has(.player-profile){padding:44px 16px 20px}
  #detail-dialog:has(.player-profile) .player-profile-info{gap:10px;padding-top:0}
  #detail-dialog:has(.player-profile) .player-categories{margin-top:8px;padding-top:15px}
  #detail-dialog:has(.player-profile) .profile-social-icons{margin-top:8px;padding-top:15px}
}