@media(max-width:430px){
  #character.v514-reference-hero{margin:-8px -7px 0!important;padding:2px 3px 8px!important}
  #character.v514-reference-hero #v510HeroRoot{border-width:1.5px!important;border-radius:5px!important;box-shadow:inset 0 0 0 1px rgba(229,184,94,.16),inset 0 0 30px rgba(0,0,0,.72),0 7px 18px rgba(0,0,0,.62)!important}

  #character.v514-reference-hero .v510-titlebar{
    height:27px!important;padding:0 35px!important;font-size:13px!important;letter-spacing:.035em!important;border-bottom:1px solid #8e6030!important;
    background:linear-gradient(90deg,rgba(12,7,4,.95) 0 8%,rgba(118,72,31,.38) 8% 10%,transparent 10% 90%,rgba(118,72,31,.38) 90% 92%,rgba(12,7,4,.95) 92%),linear-gradient(180deg,#3a2413 0,#24150b 55%,#130b06 100%)!important;
    text-shadow:0 1px 1px #090503,0 0 7px rgba(227,164,75,.22)!important
  }
  #character.v514-reference-hero .v510-titlebar::before,#character.v514-reference-hero .v510-titlebar::after{top:6px!important;font-size:10px!important;color:#d1a05b!important}
  #character.v514-reference-hero .v510-titlebar::before{left:18px!important}
  #character.v514-reference-hero .v510-titlebar::after{right:18px!important}
  #character.v514-reference-hero .v514-kicker{height:16px!important;font-size:5.1px!important;letter-spacing:.035em!important;border-bottom-color:rgba(160,108,48,.48)!important}

  #character.v514-reference-hero .v510-stage{
    padding:4px 8px 5px!important;
    background:radial-gradient(ellipse at 50% 14%,rgba(107,216,75,.32),transparent 37%),radial-gradient(circle at 16% 23%,rgba(87,150,58,.18),transparent 26%),radial-gradient(circle at 84% 27%,rgba(87,150,58,.18),transparent 27%),linear-gradient(90deg,rgba(2,10,5,.91),transparent 15%,transparent 85%,rgba(2,10,5,.91)),linear-gradient(180deg,#153b21 0%,#0b2514 50%,#06120a 100%)!important
  }
  #character.v514-reference-hero #v510HeroRoot::before,#character.v514-reference-hero #v510HeroRoot::after{top:44px!important;bottom:55px!important;width:6px!important}

  #character.v514-reference-hero .v510-layout{grid-template-columns:56px minmax(0,1fr) 56px!important;gap:3px!important}
  #character.v514-reference-hero .v510-col{gap:4px!important;padding-top:3px!important}
  #character.v514-reference-hero #v510HeroRoot .slot{height:59px!important;min-height:59px!important;padding:3px 2px 12px!important;border-radius:6px!important;box-shadow:inset 0 0 14px rgba(0,0,0,.86),0 0 7px color-mix(in srgb,var(--v514-rarity) 48%,transparent),0 3px 6px rgba(0,0,0,.7)!important}
  #character.v514-reference-hero #v510HeroRoot .slot-icon,#character.v514-reference-hero #v510HeroRoot .slot-icon img,#character.v514-reference-hero #v510HeroRoot .slot-icon svg,#character.v514-reference-hero #v510HeroRoot .slot-icon .v41-badge-art{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-height:40px!important}
  #character.v514-reference-hero .v514-slot-level{font-size:6.2px!important}

  #character.v514-reference-hero .v510-portrait{height:151px!important;margin:0 -18px!important}
  #character.v514-reference-hero .v510-portrait::before{width:202px!important;height:154px!important;bottom:-4px!important;background:radial-gradient(ellipse at 50% 50%,rgba(119,225,80,.28),rgba(38,94,42,.10) 56%,transparent 78%)!important}
  #character.v514-reference-hero #v510HeroRoot .avatar-scene,#character.v514-reference-hero #v510HeroRoot .class-avatar-big,#character.v514-reference-hero #v510HeroRoot .class-avatar-big img,#character.v514-reference-hero #v510HeroRoot .v080-class-avatar-img,#character.v514-reference-hero #v510HeroRoot .v41-portrait{width:202px!important;height:154px!important;min-height:154px!important;max-width:none!important}
  #character.v514-reference-hero #v510HeroRoot .class-avatar-big img,#character.v514-reference-hero #v510HeroRoot .v080-class-avatar-img,#character.v514-reference-hero #v510HeroRoot .v41-portrait{
    object-fit:cover!important;object-position:center 28%!important;
    -webkit-mask-image:radial-gradient(ellipse 70% 73% at 50% 48%,#000 50%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.70) 72%,rgba(0,0,0,.25) 87%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 70% 73% at 50% 48%,#000 50%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.70) 72%,rgba(0,0,0,.25) 87%,transparent 100%)!important;
    filter:drop-shadow(0 7px 7px rgba(0,0,0,.82)) saturate(1.08) contrast(1.03)!important
  }

  #character.v514-reference-hero #v510HeroRoot .center-name{margin:-13px -22.5% 0!important;font-size:16px!important;text-shadow:0 2px 2px #000,0 0 7px rgba(0,0,0,.9)!important}
  #character.v514-reference-hero #v510HeroRoot .center-class{margin-top:2px!important;font-size:6.1px!important}
  #character.v514-reference-hero #v510HeroRoot .level-shield{min-width:92px!important;margin-top:4px!important;padding:2px 8px!important;border-radius:3px!important;border-color:#b27b3d!important;background:linear-gradient(180deg,#5a3117,#2a170c)!important;box-shadow:inset 0 0 0 1px rgba(255,210,119,.18),0 2px 4px #0009!important}
  #character.v514-reference-hero #v510HeroRoot .level-shield b{font-size:16px!important}
  #character.v514-reference-hero #v510HeroRoot .center-xp{width:min(144px,100%)!important;margin-top:4px!important}

  #character.v514-reference-hero .v514-book-host{padding:4px 7px!important}
  #character.v514-reference-hero #v106BookBtn{min-height:39px!important;padding:4px 26px 4px 40px!important;border-radius:6px!important}
  #character.v514-reference-hero #v106BookBtn .book{left:10px!important;width:23px!important;height:28px!important}
  #character.v514-reference-hero #v106BookBtn .v106-book-info{font-size:5.7px!important}
  #character.v514-reference-hero .v510-footer{padding:4px 7px 5px!important}
  #character.v514-reference-hero .v510-stats .combat-box{min-height:42px!important;padding:4px 6px!important}
  #character.v514-reference-hero .v510-stats .combat-box::before{width:25px!important;height:25px!important;font-size:13px!important}
  #character.v514-reference-hero .v510-stats .combat-box b{font-size:16px!important}
  #character.v514-reference-hero #v459SetSummary{min-height:25px!important;margin-top:3px!important}
  #character.v514-reference-hero #v459SetSummary .v514-set-cell,#character.v514-reference-hero #v459SetSummary .v514-talent-cell{min-height:25px!important;padding:3px!important}
  #character.v514-reference-hero .v514-passive-row{margin-top:3px!important;padding:4px 5px!important}
  #character.v514-reference-hero .v514-nav-host{margin-top:3px!important;padding-top:4px!important}
  #character.v514-reference-hero #v514HeroTabs button{min-height:38px!important}
}
@media(max-width:350px){
  #character.v514-reference-hero{margin-left:-6px!important;margin-right:-6px!important}
  #character.v514-reference-hero .v510-layout{grid-template-columns:53px minmax(0,1fr) 53px!important}
  #character.v514-reference-hero #v510HeroRoot .slot{height:56px!important;min-height:56px!important}
  #character.v514-reference-hero #v510HeroRoot .slot-icon,#character.v514-reference-hero #v510HeroRoot .slot-icon img,#character.v514-reference-hero #v510HeroRoot .slot-icon svg,#character.v514-reference-hero #v510HeroRoot .slot-icon .v41-badge-art{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;min-height:38px!important}
  #character.v514-reference-hero .v510-portrait{height:145px!important}
  #character.v514-reference-hero #v510HeroRoot .avatar-scene,#character.v514-reference-hero #v510HeroRoot .class-avatar-big,#character.v514-reference-hero #v510HeroRoot .class-avatar-big img,#character.v514-reference-hero #v510HeroRoot .v080-class-avatar-img,#character.v514-reference-hero #v510HeroRoot .v41-portrait{width:192px!important;height:148px!important;min-height:148px!important}
}