/* Hungry Wars profile v51 — final visual balance pass on top of v49/v50. Dynamic HTML only. */

/* Make the hero feel richer without bringing back giant purple shapes. */
#modal[data-view="profile"] .hw-social-stage,
#modal[data-view="publicProfile"] .hw-social-stage{
  height:350px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.99) 0 11%,rgba(255,250,232,.96) 31%,rgba(255,235,177,.52) 62%,transparent 80%),
    radial-gradient(ellipse at 50% 104%,rgba(232,166,44,.13),transparent 46%),
    linear-gradient(120deg,transparent 0 36%,rgba(255,221,111,.07) 36% 37%,transparent 37% 63%,rgba(255,221,111,.06) 63% 64%,transparent 64%),
    linear-gradient(180deg,#fffaf0 0%,#fbe6b5 100%)!important;
  border-bottom:2px solid #ca821b!important;
}
#modal[data-view="profile"] .hw-social-stage .hw-profile-confetti:after,
#modal[data-view="publicProfile"] .hw-social-stage .hw-profile-confetti:after{
  opacity:.44!important;
}

/* Soft halo and subtle gold ornament around the live avatar/frame. */
#modal[data-view="profile"] .hw-profile-plan-wrap:before,
#modal[data-view="publicProfile"] .hw-profile-plan-wrap:before{
  content:"";position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-47%);
  border-radius:50%;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle,rgba(255,245,184,.50) 0 42%,rgba(255,207,72,.12) 58%,transparent 72%),
    conic-gradient(from 0deg,transparent 0 8%,rgba(239,186,57,.14) 8% 10%,transparent 10% 23%,rgba(239,186,57,.12) 23% 25%,transparent 25% 100%);
  filter:blur(.2px);
}
#modal[data-view="profile"] .hw-profile-plan-wrap:after,
#modal[data-view="publicProfile"] .hw-profile-plan-wrap:after{
  content:"";position:absolute;left:50%;bottom:5px;width:270px;height:28px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse,rgba(94,54,9,.19),transparent 72%);pointer-events:none;z-index:1;
}
#modal[data-view="profile"] .hw-profile-plan-frame,
#modal[data-view="publicProfile"] .hw-profile-plan-frame{filter:drop-shadow(0 12px 14px rgba(92,51,4,.24)) drop-shadow(0 0 8px rgba(255,208,75,.20))!important}

/* Balance speech card with the hero instead of letting it float too far right. */
#modal[data-view="profile"] .hw-profile-speech,
#modal[data-view="publicProfile"] .hw-profile-speech{
  right:47px!important;top:78px!important;width:292px!important;min-height:126px!important;
  box-shadow:0 5px 0 #ad6813,0 13px 24px rgba(91,51,9,.13),inset 0 1px 0 #fff!important;
}

/* Slightly tighter stats so the whole profile fits more comfortably vertically. */
#modal[data-view="profile"] .hw-social-stats,
#modal[data-view="publicProfile"] .hw-social-stats{height:122px!important;padding:13px 22px 15px!important;gap:12px!important}
#modal[data-view="profile"] .hw-social-stats>div,
#modal[data-view="publicProfile"] .hw-social-stats>div{min-height:90px!important}
#modal[data-view="profile"] .hw-social-stats span,
#modal[data-view="publicProfile"] .hw-social-stats span{font-size:27px!important}

/* Gift area: a little more premium, while preserving dynamic cards. */
#modal[data-view="profile"] .hw-profile-gifts,
#modal[data-view="publicProfile"] .hw-profile-gifts{
  background:linear-gradient(180deg,#fff8e7 0%,#f8dda0 100%)!important;
  padding:12px 22px 15px!important;
}
#modal[data-view="profile"] .hw-received-gift,
#modal[data-view="publicProfile"] .hw-received-gift{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.72),transparent 26%),
    linear-gradient(145deg,#fffefa,#ffeab5)!important;
}
#modal[data-view="profile"] .hw-profile-empty-slot,
#modal[data-view="publicProfile"] .hw-profile-empty-slot{background:linear-gradient(145deg,rgba(255,254,248,.86),rgba(255,235,186,.55))!important}

/* Section ribbons: keep text crisp and centered. */
#modal[data-view="profile"] .hw-profile-gifts-title,
#modal[data-view="publicProfile"] .hw-profile-gifts-title,
#modal[data-view="profile"] .hw-achievements.social>h3,
#modal[data-view="publicProfile"] .hw-achievements.social>h3{
  height:46px!important;
  background:linear-gradient(180deg,#a23bb7 0%,#711e83 50%,#52105d 100%)!important;
}
#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{font-size:19px!important;color:#fff5ae!important}

/* Achievements: fit more of the bottom row on normal 1080p displays. */
#modal[data-view="profile"] .hw-achievements.social,
#modal[data-view="publicProfile"] .hw-achievements.social{padding:12px 22px 20px!important}
#modal[data-view="profile"] .hw-ach-grid>div,
#modal[data-view="publicProfile"] .hw-ach-grid>div{min-height:108px!important;padding-top:14px!important;padding-bottom:14px!important}
#modal[data-view="profile"] .hw-ach-grid i,
#modal[data-view="publicProfile"] .hw-ach-grid i{width:60px!important;height:60px!important}

@media(max-width:980px){
  #modal[data-view="profile"] .hw-social-stage,#modal[data-view="publicProfile"] .hw-social-stage{height:430px!important}
  #modal[data-view="profile"] .hw-profile-speech,#modal[data-view="publicProfile"] .hw-profile-speech{right:18px!important;width:270px!important}
}