/*
  Samsung/Chrome still dropped the separately painted DOM header during scroll.
  V5.30 removes that composited child completely: title + kicker are painted as
  the ROOT background in reserved top padding. No JS scroll repair, no child
  transform, no clip-path, no separate header paint layer.
*/
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot{
  padding-top:58px!important;
  background-color:#061009!important;
  background-image:url("assets/v7195-base64/0b19bbeabef29877c5f3.svg")!important;
  background-repeat:no-repeat!important;
  background-position:top center!important;
  background-size:100% 58px!important;
  transform:none!important;
  -webkit-transform:none!important;
  will-change:auto!important;
  contain:none!important;
  content-visibility:visible!important;
}
/* Remove every DOM-based title owner. The root background is now the single owner. */
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot > .v529-hero-header,
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot > .v510-titlebar,
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot > .v514-kicker{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  position:absolute!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
/* Side rails begin below the static header instead of crossing its paint area. */
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot::before,
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot::after{
  top:58px!important;
}
/* The stage follows immediately after the 58px reserved header area. */
body:not(.v8011-beta-unified-headers) #character.v514-reference-hero #v510HeroRoot > .v510-stage{
  margin-top:0!important;
}

/* Beta owner: visible Harzschmiede-style Heldenquartier header.
   Do not rely on SVG <text>; Android WebView can paint the plaque but omit its text. */
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot{
  padding-top:0!important;
  background:
    linear-gradient(180deg,rgba(82,43,15,.14),rgba(40,20,7,.10)),
    repeating-linear-gradient(4deg,#6f3f12 0 18px,#7f4a16 19px 35px,#63380f 36px 52px)!important;
  background-image:
    linear-gradient(180deg,rgba(82,43,15,.14),rgba(40,20,7,.10)),
    repeating-linear-gradient(4deg,#6f3f12 0 18px,#7f4a16 19px 35px,#63380f 36px 52px)!important;
  transform:none!important;
  -webkit-transform:none!important;
  will-change:auto!important;
  contain:none!important;
  content-visibility:visible!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v529-hero-header{
  display:none!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v510-titlebar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:calc(100% - 18px)!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  margin:7px auto 0!important;
  padding:8px 52px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  pointer-events:none!important;
  border:4px solid #4d2d0c!important;
  border-radius:15px!important;
  background:repeating-linear-gradient(4deg,#8b5317 0 12px,#754313 13px 23px,#9b5d1d 24px 28px)!important;
  box-shadow:inset 0 0 0 2px #ce8c2c,inset 0 -8px 15px rgba(45,22,4,.24),0 5px 12px rgba(0,0,0,.58)!important;
  color:#fff3ca!important;
  font:1000 clamp(19px,4.3vw,28px)/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  text-shadow:0 2px 0 #281503,0 0 8px rgba(255,211,114,.18)!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v514-kicker{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:calc(100% - 18px)!important;
  height:auto!important;
  min-height:19px!important;
  max-height:none!important;
  margin:0 auto 6px!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border:1px solid #68431e!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  background:linear-gradient(180deg,#5d3518,#361d0d)!important;
  color:#f0efe0!important;
  font-size:6px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-align:center!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot::before,
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot::after{
  top:69px!important;
}
body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v510-stage{
  margin-top:0!important;
  background:
    radial-gradient(circle at 50% 32%,rgba(201,132,51,.16),transparent 44%),
    repeating-linear-gradient(4deg,#8b5317 0 12px,#754313 13px 23px,#9b5d1d 24px 28px)!important;
}
@media(max-width:430px){
  body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v510-titlebar{
    min-height:40px!important;
    margin-top:6px!important;
    padding:7px 38px!important;
    font-size:18px!important;
  }
  body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot > .v514-kicker{
    min-height:17px!important;
    margin-bottom:5px!important;
    font-size:5.2px!important;
  }
  body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot::before,
  body.v8011-beta-unified-headers #character.v514-reference-hero #v510HeroRoot::after{
    top:62px!important;
  }
}