/* Hungry Wars profile v50 — visual polish only. Keeps every profile value dynamic. */

/* 1) Hero background: richer cream/gold texture without large purple geometry. */
#modal[data-view="profile"] .hw-social-stage,
#modal[data-view="publicProfile"] .hw-social-stage{
  height:365px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.98) 0 10%,rgba(255,249,227,.94) 30%,rgba(255,235,179,.44) 60%,transparent 79%),
    radial-gradient(circle at 18% 26%,rgba(255,207,67,.12),transparent 22%),
    radial-gradient(circle at 83% 20%,rgba(173,89,215,.07),transparent 19%),
    repeating-radial-gradient(circle at 50% 50%,rgba(191,137,47,.025) 0 1px,transparent 1px 13px),
    linear-gradient(180deg,#fffaf0 0%,#fbe7b8 100%)!important;
}
#modal[data-view="profile"] .hw-social-stage:before,
#modal[data-view="profile"] .hw-social-stage:after,
#modal[data-view="publicProfile"] .hw-social-stage:before,
#modal[data-view="publicProfile"] .hw-social-stage:after{
  content:none!important;display:none!important;
}
#modal[data-view="profile"] .hw-profile-confetti,
#modal[data-view="publicProfile"] .hw-profile-confetti{opacity:.27!important}
#modal[data-view="profile"] .hw-social-stage .hw-profile-confetti:after,
#modal[data-view="publicProfile"] .hw-social-stage .hw-profile-confetti:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 36% 30%,rgba(255,255,255,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 61% 22%,rgba(255,221,105,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 48% 72%,rgba(255,255,255,.92) 0 1px,transparent 2px),
    radial-gradient(circle at 69% 66%,rgba(255,215,88,.65) 0 1px,transparent 2px);
  background-size:124px 93px,163px 121px,207px 151px,241px 187px;
  opacity:.58;
}

/* 2) Speech card: remove the malformed gold shard and use one clean tail. */
#modal[data-view="profile"] .hw-profile-speech,
#modal[data-view="publicProfile"] .hw-profile-speech{
  right:39px!important;top:82px!important;width:302px!important;min-height:128px!important;
  padding:20px 22px 16px!important;
  border:2px solid #d29a36!important;border-radius:22px!important;
  background:linear-gradient(145deg,#fffefa 0%,#fff5dc 100%)!important;
  box-shadow:0 5px 0 #ad6813,0 14px 28px rgba(89,48,7,.12),inset 0 1px 0 #fff!important;
  overflow:visible!important;
}
#modal[data-view="profile"] .hw-profile-speech:before,
#modal[data-view="publicProfile"] .hw-profile-speech:before{
  content:""!important;display:block!important;position:absolute!important;
  left:-13px!important;top:51px!important;width:23px!important;height:23px!important;
  border:0!important;border-left:2px solid #d29a36!important;border-bottom:2px solid #d29a36!important;
  background:#fff8e6!important;transform:rotate(45deg)!important;z-index:0!important;
}
#modal[data-view="profile"] .hw-profile-speech:after,
#modal[data-view="publicProfile"] .hw-profile-speech:after{content:none!important;display:none!important}
#modal[data-view="profile"] .hw-profile-speech .speech-copy,
#modal[data-view="publicProfile"] .hw-profile-speech .speech-copy{position:relative!important;z-index:1!important;font-size:17px!important;color:#513018!important}
#modal[data-view="profile"] .hw-profile-speech .speech-notes,
#modal[data-view="publicProfile"] .hw-profile-speech .speech-notes{position:relative!important;z-index:1!important;font-size:28px!important;margin-top:20px!important}
#modal[data-view="profile"] .hw-profile-speech em,
#modal[data-view="publicProfile"] .hw-profile-speech em{
  right:13px!important;bottom:12px!important;padding:7px 14px!important;
  border:1px solid #a96612!important;background:linear-gradient(180deg,#ffe37a,#efb43a)!important;
  box-shadow:inset 0 1px #fff6bf,0 2px 0 #99590c!important;
}

/* 3) Give stat cards more depth without changing their content. */
#modal[data-view="profile"] .hw-social-stats,
#modal[data-view="publicProfile"] .hw-social-stats{
  height:130px!important;padding:15px 22px 17px!important;gap:13px!important;
  background:linear-gradient(180deg,#fff9e9,#f7dda2)!important;
}
#modal[data-view="profile"] .hw-social-stats>div,
#modal[data-view="publicProfile"] .hw-social-stats>div{
  position:relative!important;overflow:hidden!important;min-height:96px!important;
  border:2px solid #d7a144!important;border-radius:18px!important;
  background:linear-gradient(145deg,#fffef9 0%,#fff2cd 72%,#ffe8ae 100%)!important;
  box-shadow:0 4px 0 #9e5b10,0 8px 17px rgba(76,39,4,.10),inset 0 1px 0 #fff!important;
}
#modal[data-view="profile"] .hw-social-stats>div:before,
#modal[data-view="publicProfile"] .hw-social-stats>div:before{
  content:"";position:absolute;left:8px;right:8px;top:6px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none;
}
#modal[data-view="profile"] .hw-social-stats>div:after,
#modal[data-view="publicProfile"] .hw-social-stats>div:after{
  content:"✦"!important;display:block!important;position:absolute!important;right:10px!important;top:6px!important;
  color:#e6b438!important;font-size:12px!important;opacity:.58!important;transform:none!important;border:0!important;
}

/* 4) Strong, readable royal ribbons. */
#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:48px!important;border:2px solid #9e5b12!important;border-radius:15px!important;
  background:linear-gradient(180deg,#9b3bb0 0%,#711d83 48%,#54115f 100%)!important;
  color:#fff1a0!important;text-shadow:0 2px 0 #4b0a55,0 0 9px rgba(255,219,94,.20)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.20),inset 0 -2px rgba(49,4,59,.28),0 4px 0 #7b4410,0 7px 14px rgba(70,31,4,.12)!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{
  color:#fff2a0!important;text-shadow:0 2px #4b0a55!important;font-size:20px!important;
}
#modal[data-view="profile"] .hw-profile-gifts-title h3:before,
#modal[data-view="profile"] .hw-profile-gifts-title h3:after,
#modal[data-view="publicProfile"] .hw-profile-gifts-title h3:before,
#modal[data-view="publicProfile"] .hw-profile-gifts-title h3:after,
#modal[data-view="profile"] .hw-achievements.social>h3:before,
#modal[data-view="profile"] .hw-achievements.social>h3:after,
#modal[data-view="publicProfile"] .hw-achievements.social>h3:before,
#modal[data-view="publicProfile"] .hw-achievements.social>h3:after{
  color:#ffe36a!important;text-shadow:0 0 7px rgba(255,222,75,.42)!important;
}

/* 5) Gifts: stronger card depth and a cleaner empty slot. */
#modal[data-view="profile"] .hw-profile-gifts,
#modal[data-view="publicProfile"] .hw-profile-gifts{padding:13px 22px 17px!important}
#modal[data-view="profile"] .hw-profile-gift-shelf,
#modal[data-view="publicProfile"] .hw-profile-gift-shelf{gap:18px!important;min-height:112px!important}
#modal[data-view="profile"] .hw-received-gift,
#modal[data-view="publicProfile"] .hw-received-gift{
  min-height:106px!important;border:2px solid #d79d3b!important;border-radius:18px!important;
  background:linear-gradient(145deg,#fffef9,#ffedc0)!important;
  box-shadow:0 4px 0 #a05c11,0 9px 18px rgba(83,43,4,.10),inset 0 1px #fff!important;
}
#modal[data-view="profile"] .hw-profile-empty-slot,
#modal[data-view="publicProfile"] .hw-profile-empty-slot{
  min-height:106px!important;border:2px dashed #d59b3b!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,254,247,.78),rgba(255,237,193,.52))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.85)!important;
}

/* 6) Achievements: slightly taller and cleaner, with stronger gold/purple depth. */
#modal[data-view="profile"] .hw-achievements.social,
#modal[data-view="publicProfile"] .hw-achievements.social{padding:13px 22px 28px!important}
#modal[data-view="profile"] .hw-ach-grid,
#modal[data-view="publicProfile"] .hw-ach-grid{gap:15px!important}
#modal[data-view="profile"] .hw-ach-grid>div,
#modal[data-view="publicProfile"] .hw-ach-grid>div{
  min-height:118px!important;padding:17px 40px 17px 92px!important;
  border:2px solid #d7a03e!important;border-radius:18px!important;
  background:linear-gradient(145deg,#fffef9 0%,#ffedbe 100%)!important;
  box-shadow:0 5px 0 #9b5810,0 9px 18px rgba(77,39,4,.09),inset 0 1px #fff!important;
}
#modal[data-view="profile"] .hw-ach-grid>div:before,
#modal[data-view="publicProfile"] .hw-ach-grid>div:before{
  height:8px!important;background:linear-gradient(90deg,#4b0d59,#a33bb4 50%,#4b0d59)!important;
}
#modal[data-view="profile"] .hw-ach-grid i,
#modal[data-view="publicProfile"] .hw-ach-grid i{
  width:64px!important;height:64px!important;border:5px double #6a1d78!important;
  background:radial-gradient(circle at 34% 28%,#fff08e 0%,#f3b334 55%,#c67712 100%)!important;
  box-shadow:0 0 0 3px #dda02a,0 6px 12px rgba(67,34,3,.18),inset 0 2px rgba(255,255,255,.45)!important;
}
#modal[data-view="profile"] .hw-ach-grid>div.done b:after,
#modal[data-view="publicProfile"] .hw-ach-grid>div.done b:after{
  width:24px;height:24px;display:grid;place-items:center;right:13px!important;
  border-radius:50%;background:#21b44d;color:#fff!important;font-size:16px!important;
  box-shadow:0 2px 0 #128436,0 0 0 2px rgba(255,255,255,.72);
}

@media(max-width:980px){
  #modal[data-view="profile"] .hw-profile-speech,#modal[data-view="publicProfile"] .hw-profile-speech{right:18px!important;width:275px!important}
  #modal[data-view="profile"] .hw-social-stats,#modal[data-view="publicProfile"] .hw-social-stats{gap:8px!important;padding:12px!important}
}