/* Final visual-only pass on the now-stable hero area.
   No new scroll logic, no DOM rebuilds, no gameplay changes. */

#character.v514-reference-hero #v510HeroRoot{
  border:2px solid #7c552a!important;
  border-radius:10px!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(217,164,88,.17),
    inset 0 20px 32px rgba(121,68,25,.11)!important;
}

/* frame / header zone */
#character.v514-reference-hero #v510HeroRoot > .v510-stage{
  border-top:1px solid rgba(184,132,69,.72)!important;
  border-bottom:1px solid rgba(112,77,37,.78)!important;
  background:
    radial-gradient(circle at 50% 14%,rgba(232,170,86,.10),transparent 34%),
    linear-gradient(180deg,#6b3b19 0%,#5d3216 38%,#4b2812 72%,#3b200e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(230,181,105,.14),inset 0 -1px 0 rgba(58,29,10,.42)!important;
}
#character.v514-reference-hero #v510HeroRoot > .v510-stage::before,
#character.v514-reference-hero #v510HeroRoot > .v510-stage::after{
  opacity:.16!important;
  filter:saturate(.35) sepia(.45) drop-shadow(0 0 7px rgba(211,139,50,.16))!important;
}

/* character integration */
#character.v514-reference-hero #v510HeroRoot .v510-portrait{
  overflow:hidden!important;
}
#character.v514-reference-hero #v510HeroRoot .v510-portrait::before{
  width:252px!important;
  height:252px!important;
  bottom:8px!important;
  background:radial-gradient(circle,rgba(211,145,63,.20) 0%,rgba(142,82,29,.13) 36%,rgba(69,34,13,.05) 58%,transparent 76%)!important;
  filter:blur(2px)!important;
}
#character.v514-reference-hero #v510HeroRoot .v510-portrait::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(71,36,13,.10) 0%,rgba(71,36,13,0) 20%,rgba(71,36,13,0) 72%,rgba(71,36,13,.16) 100%),
    linear-gradient(90deg,rgba(82,43,16,.20) 0%,rgba(82,43,16,.05) 12%,rgba(82,43,16,0) 22%,rgba(82,43,16,0) 78%,rgba(82,43,16,.05) 88%,rgba(82,43,16,.20) 100%)!important;
}
#character.v514-reference-hero #v510HeroRoot .avatar-scene,
#character.v514-reference-hero #v510HeroRoot .class-avatar-big{
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.58))!important;
}
#character.v514-reference-hero #v510HeroRoot .v080-class-avatar-img,
#character.v514-reference-hero #v510HeroRoot .class-avatar-big img,
#character.v514-reference-hero #v510HeroRoot .v41-portrait{
  transform:scale(1.025)!important;
  transform-origin:center center!important;
  object-position:center 27%!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.60)) saturate(1.02)!important;
}
#character.v514-reference-hero #v510HeroRoot .center-name{
  color:#fff4dd!important;
  text-shadow:0 2px 2px rgba(0,0,0,.85), 0 0 12px rgba(40,123,52,.18)!important;
}
#character.v514-reference-hero #v510HeroRoot .center-class{
  color:#8edd63!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7)!important;
}
#character.v514-reference-hero #v510HeroRoot .level-shield{
  border-color:#b57a36!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#5a3215 0%, #2f190d 54%, #24120a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(241,196,113,.28), inset 0 0 0 1px rgba(0,0,0,.32), 0 4px 10px rgba(0,0,0,.48)!important;
}
#character.v514-reference-hero #v510HeroRoot .center-xp{
  border-color:#866235!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#3f2412,#28150b)!important;
  box-shadow:inset 0 1px 0 rgba(206,176,99,.12), 0 2px 6px rgba(0,0,0,.36)!important;
}
#character.v514-reference-hero #v510HeroRoot .center-xp-track{
  border-color:#7d653d!important;
  border-radius:999px!important;
}

/* book block */
#character.v514-reference-hero #v106BookBtn{
  min-height:46px!important;
  border-color:#9b6731!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#5d3518 0%, #432412 44%, #2a160d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(241,204,127,.24), inset 0 0 0 1px rgba(0,0,0,.26), 0 4px 12px rgba(0,0,0,.34)!important;
}
#character.v514-reference-hero #v106BookBtn .book{
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))!important;
}
#character.v514-reference-hero #v106BookBtn .v523-book-title{
  color:#f7e0a6!important;
  letter-spacing:.01em!important;
}
#character.v514-reference-hero #v106BookBtn .v106-book-info{
  color:#f2ead8!important;
}

/* stats and lower micro cards */
#character.v514-reference-hero .v510-footer{
  padding:5px 8px 6px!important;
  background:linear-gradient(180deg,#513018,#2b170b)!important;
}
#character.v514-reference-hero .v510-stats{gap:6px!important}
#character.v514-reference-hero .v510-stats > .combat-box{
  min-height:43px!important;
  border:1px solid #6b522d!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#5a3318 0%, #321b0d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(222,186,113,.10), inset 0 0 0 1px rgba(0,0,0,.20), 0 2px 8px rgba(0,0,0,.28)!important;
}
#character.v514-reference-hero .v510-stats .combat-box span{
  color:#dccb9f!important;
  letter-spacing:.01em!important;
}
#character.v514-reference-hero .v510-stats .combat-box b{
  color:#fff6e1!important;
  text-shadow:0 1px 0 rgba(0,0,0,.5)!important;
}
#character.v514-reference-hero #v459SetSummary,
#character.v514-reference-hero .v519-set-grid,
#character.v514-reference-hero .v519-passive-line{
  border-radius:9px!important;
}
#character.v514-reference-hero #v459SetSummary{
  border-color:#5e583a!important;
  background:linear-gradient(180deg,#4c2b14,#2b170b)!important;
  box-shadow:inset 0 1px 0 rgba(213,177,102,.07)!important;
}
#character.v514-reference-hero #v459SetSummary .v519-set-cell,
#character.v514-reference-hero #v459SetSummary .v519-passive-line{
  border-color:#4b5b3d!important;
  background:linear-gradient(180deg,#482712,#271409)!important;
}
#character.v514-reference-hero #v459SetSummary .v519-set-cell .v,
#character.v514-reference-hero #v459SetSummary .v519-set-cell .k,
#character.v514-reference-hero #v459SetSummary .v519-passive-line b,
#character.v514-reference-hero #v459SetSummary .v519-passive-line span{
  color:#efe7d0!important;
}
#character.v514-reference-hero #v459SetSummary .v519-set-btn,
#character.v514-reference-hero #v459SetSummary button{
  border-color:#738a51!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#69471f,#3d2812)!important;
  color:#efe5c9!important;
  box-shadow:inset 0 1px 0 rgba(173,214,120,.14), 0 2px 6px rgba(0,0,0,.20)!important;
}

/* tabs */
#character.v514-reference-hero #v459CharacterTabs{
  margin:9px 0 10px!important;
  padding:5px!important;
  gap:5px!important;
  border:2px solid #6d4c28!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#4e2c15 0%, #29160b 100%)!important;
  box-shadow:inset 0 1px 0 rgba(221,177,96,.10), 0 4px 12px rgba(0,0,0,.25)!important;
}
#character.v514-reference-hero #v459CharacterTabs button{
  min-height:61px!important;
  border:1px solid #345137!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#4d2b14 0%, #2b170b 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 2px 7px rgba(0,0,0,.24)!important;
}
#character.v514-reference-hero #v459CharacterTabs button span{
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.38))!important;
}
#character.v514-reference-hero #v459CharacterTabs button em{
  color:#eee2c7!important;
  letter-spacing:.01em!important;
}
#character.v514-reference-hero #v459CharacterTabs button.active{
  border-color:#d2af62!important;
  background:linear-gradient(180deg,#7a5a29 0%, #503719 65%, #3b2813 100%)!important;
  box-shadow:inset 0 1px 0 rgba(237,216,149,.22), inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 1px rgba(214,164,79,.14), 0 0 14px rgba(146,220,85,.18)!important;
}

/* keep item slots readable but slightly less dominant than before */
#character.v514-reference-hero #v510HeroRoot .slot{
  box-shadow:0 0 0 1px rgba(0,0,0,.18), 0 0 10px rgba(0,0,0,.22)!important;
}

/* V8.012 BETA brown character surfaces */
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot{
  background-color:#3a210f!important;
  box-shadow:0 10px 26px rgba(0,0,0,.40),inset 0 0 0 1px rgba(222,165,82,.22),inset 0 18px 34px rgba(137,78,24,.14)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v510-stage{
  background:
    radial-gradient(circle at 50% 14%,rgba(226,162,78,.10),transparent 34%),
    linear-gradient(180deg,#6b3b19 0%,#5d3216 38%,#4b2812 72%,#3b200e 100%)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero .v510-footer{
  background:linear-gradient(180deg,#633717 0%,#3b200e 100%)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero .v510-stats > .combat-box{
  border-color:#946432!important;
  background:linear-gradient(180deg,#6b3b19 0%,#472510 100%)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v459SetSummary{
  border-color:#8a5a2b!important;
  background:linear-gradient(180deg,#5a3115,#361d0d)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v459SetSummary .v519-set-cell,
body.v8011-beta-unified-headers #character.v514-reference-hero #v459SetSummary .v519-passive-line{
  border-color:#7b5229!important;
  background:linear-gradient(180deg,#4c2a13,#2f190c)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v459CharacterTabs{
  border-color:#8d5d2c!important;
  background:linear-gradient(180deg,#633817 0%,#3d220f 100%)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v459CharacterTabs button{
  border-color:#84592e!important;
  background:linear-gradient(180deg,#4b2c18 0%,#2e1c11 100%)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v459CharacterTabs button.active{
  border-color:#d9bb63!important;
  background:linear-gradient(180deg,#7a5a29 0%,#53391b 64%,#3b2813 100%)!important;
}