/* Hungry Wars profile v52 — illustrated icon pack. Visual-only; all profile values stay dynamic. */

#modal[data-view="profile"] .hw-profile-ui-icon,
#modal[data-view="publicProfile"] .hw-profile-ui-icon{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
  filter:drop-shadow(0 2px 2px rgba(80,38,0,.18));
}

/* Header gift button */
#modal[data-view="profile"] .hw-make-gift,
#modal[data-view="publicProfile"] .hw-make-gift{gap:9px!important}
#modal[data-view="profile"] .hw-make-gift .make-gift-art,
#modal[data-view="publicProfile"] .hw-make-gift .make-gift-art{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;
}
#modal[data-view="profile"] .hw-make-gift .make-gift-icon,
#modal[data-view="publicProfile"] .hw-make-gift .make-gift-icon{width:34px!important;height:34px!important}

/* Premium/VIP badge */
#modal[data-view="profile"] .hw-social-plan,
#modal[data-view="publicProfile"] .hw-social-plan{
  display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 10px 4px 6px!important;
}
#modal[data-view="profile"] .hw-social-plan .plan-icon,
#modal[data-view="publicProfile"] .hw-social-plan .plan-icon{width:22px!important;height:22px!important;filter:drop-shadow(0 1px 1px rgba(36,6,55,.35))!important}
#modal[data-view="profile"] .hw-social-plan span,
#modal[data-view="publicProfile"] .hw-social-plan span{font-size:10px!important;font-weight:1000!important;line-height:1!important}

/* Settings gear: real illustrated icon instead of text glyph. */
#modal[data-view="profile"] .hw-profile-gear,
#modal[data-view="publicProfile"] .hw-profile-gear{padding:5px!important;display:grid!important;place-items:center!important;font-size:0!important;overflow:visible!important}
#modal[data-view="profile"] .hw-profile-gear .settings-icon,
#modal[data-view="publicProfile"] .hw-profile-gear .settings-icon{width:42px!important;height:42px!important;filter:drop-shadow(0 2px 2px rgba(84,39,0,.18))!important}

/* Small plan marker inside the hero. */
#modal[data-view="profile"] .hw-profile-stage-title span,
#modal[data-view="publicProfile"] .hw-profile-stage-title span{gap:6px!important;padding:5px 12px 5px 7px!important}
#modal[data-view="profile"] .hw-profile-stage-title .stage-badge-icon,
#modal[data-view="publicProfile"] .hw-profile-stage-title .stage-badge-icon{width:25px!important;height:25px!important}

/* Main stat row: replace emojis with high-detail art. */
#modal[data-view="profile"] .hw-social-stats span,
#modal[data-view="publicProfile"] .hw-social-stats span{
  width:48px!important;height:43px!important;display:grid!important;place-items:center!important;font-size:0!important;margin:0 auto 2px!important;
}
#modal[data-view="profile"] .hw-social-stats .stat-icon,
#modal[data-view="publicProfile"] .hw-social-stats .stat-icon{width:46px!important;height:46px!important;filter:drop-shadow(0 3px 2px rgba(92,47,2,.18))!important}
#modal[data-view="profile"] .hw-social-stats>div:nth-child(2) .stat-icon,
#modal[data-view="publicProfile"] .hw-social-stats>div:nth-child(2) .stat-icon{width:49px!important;height:49px!important}
#modal[data-view="profile"] .hw-social-stats>div:nth-child(3) .stat-icon,
#modal[data-view="publicProfile"] .hw-social-stats>div:nth-child(3) .stat-icon{width:48px!important;height:48px!important}
#modal[data-view="profile"] .hw-social-stats>div:nth-child(4) .stat-icon,
#modal[data-view="publicProfile"] .hw-social-stats>div:nth-child(4) .stat-icon{width:47px!important;height:47px!important}
#modal[data-view="profile"] .hw-social-stats>div:nth-child(5) .stat-icon,
#modal[data-view="publicProfile"] .hw-social-stats>div:nth-child(5) .stat-icon{width:44px!important;height:44px!important}

/* Purple section ribbons get illustrated header icons. */
#modal[data-view="profile"] .hw-profile-gifts-title h3,
#modal[data-view="publicProfile"] .hw-profile-gifts-title h3,
#modal[data-view="profile"] .hw-achievements.social>h3,
#modal[data-view="publicProfile"] .hw-achievements.social>h3{
  display:flex!important;align-items:center!important;gap:8px!important;
}
#modal[data-view="profile"] .section-icon,
#modal[data-view="publicProfile"] .section-icon{width:30px!important;height:30px!important;filter:drop-shadow(0 2px 2px rgba(45,7,54,.30))!important}

/* Actual received gift art. Avatar gifts remain avatars; normal gifts use game-quality art. */
#modal[data-view="profile"] .hw-received-gift>.hw-profile-gift-art,
#modal[data-view="publicProfile"] .hw-received-gift>.hw-profile-gift-art{
  width:78px!important;height:78px!important;flex:0 0 78px!important;display:grid!important;place-items:center!important;
  border-radius:16px!important;background:linear-gradient(145deg,#7c2983,#bb57a4)!important;
  border:3px solid #e8b94b!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.16),0 3px 7px rgba(83,34,3,.13)!important;
}
#modal[data-view="profile"] .hw-received-gift>.hw-profile-gift-art .gift-art,
#modal[data-view="publicProfile"] .hw-received-gift>.hw-profile-gift-art .gift-art{
  width:72px!important;height:72px!important;border:0!important;border-radius:0!important;object-fit:contain!important;filter:drop-shadow(0 4px 4px rgba(47,8,47,.20))!important;
}
#modal[data-view="profile"] .hw-received-gift>.hw-profile-avatar-gift,
#modal[data-view="publicProfile"] .hw-received-gift>.hw-profile-avatar-gift{width:78px!important;height:78px!important;object-fit:cover!important}

/* Empty gift slot */
#modal[data-view="profile"] .hw-profile-empty-slot>.empty-gift-art,
#modal[data-view="publicProfile"] .hw-profile-empty-slot>.empty-gift-art{
  width:70px!important;height:70px!important;display:grid!important;place-items:center!important;opacity:1!important;font-size:0!important;flex:0 0 70px!important;
}
#modal[data-view="profile"] .hw-profile-empty-slot .empty-gift-icon,
#modal[data-view="publicProfile"] .hw-profile-empty-slot .empty-gift-icon{width:64px!important;height:64px!important;opacity:.70!important;filter:grayscale(.08) drop-shadow(0 3px 3px rgba(88,48,6,.13))!important}

/* Achievement cards: large illustrated icon badges, no emoji glyphs. */
#modal[data-view="profile"] .hw-ach-grid>div,
#modal[data-view="publicProfile"] .hw-ach-grid>div{padding-left:90px!important}
#modal[data-view="profile"] .hw-ach-grid i,
#modal[data-view="publicProfile"] .hw-ach-grid i{
  left:12px!important;width:68px!important;height:68px!important;padding:0!important;display:grid!important;place-items:center!important;
  font-size:0!important;background:radial-gradient(circle,#fff6ce 0 44%,#f4c54b 45% 56%,#6f1586 57% 65%,#d68a12 66% 100%)!important;
  border:0!important;box-shadow:0 3px 0 #99540b,0 5px 9px rgba(80,38,3,.14),inset 0 1px #fff!important;overflow:visible!important;
}
#modal[data-view="profile"] .hw-ach-grid .achievement-icon,
#modal[data-view="publicProfile"] .hw-ach-grid .achievement-icon{width:66px!important;height:66px!important;filter:drop-shadow(0 3px 3px rgba(76,32,0,.18))!important}

/* Keep the illustrated art crisp on smaller layouts. */
@media(max-width:980px){
  #modal[data-view="profile"] .hw-social-stats span,#modal[data-view="publicProfile"] .hw-social-stats span{width:42px!important;height:38px!important}
  #modal[data-view="profile"] .hw-social-stats .stat-icon,#modal[data-view="publicProfile"] .hw-social-stats .stat-icon{width:40px!important;height:40px!important}
  #modal[data-view="profile"] .hw-ach-grid i,#modal[data-view="publicProfile"] .hw-ach-grid i{width:60px!important;height:60px!important}
  #modal[data-view="profile"] .hw-ach-grid .achievement-icon,#modal[data-view="publicProfile"] .hw-ach-grid .achievement-icon{width:58px!important;height:58px!important}
}