/* Banner: use the existing Hall artwork, but restore a clean title without leaf/emoji overlays. */
html body .app section#hall.v648-hall > .v052-scene-banner{
  position:relative!important;
  overflow:hidden!important;
}
html body .app section#hall.v648-hall > .v052-scene-banner > div{
  display:flex!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(78%,520px)!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;
  padding:7px 14px 6px!important;
  border:0!important;
  border-top:1px solid rgba(222,177,83,.32)!important;
  border-bottom:1px solid rgba(222,177,83,.28)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(2,12,7,0),rgba(2,12,7,.74) 19%,rgba(2,12,7,.80) 50%,rgba(2,12,7,.74) 81%,rgba(2,12,7,0))!important;
  box-shadow:0 4px 16px rgba(0,0,0,.32)!important;
  text-align:center!important;
  pointer-events:none!important;
}
html body .app section#hall.v648-hall > .v052-scene-banner .v052-title{
  margin:0!important;
  color:#f5dda2!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(20px,4.5vw,31px)!important;
  font-weight:1000!important;
  line-height:.98!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 0 #241405,0 0 10px rgba(234,190,93,.16)!important;
  white-space:nowrap!important;
}
html body .app section#hall.v648-hall > .v052-scene-banner .v052-sub{
  margin:2px 0 0!important;
  color:#d6d7cd!important;
  font-size:8.2px!important;
  line-height:1.15!important;
  text-shadow:0 1px 2px #000!important;
  white-space:nowrap!important;
}

/* The same explanation now lives in the banner; keep only the online state below it. */
html body .app section#hall.v648-hall .v647-hall-status-copy{display:none!important}
html body .app section#hall.v648-hall .section-title{
  min-height:27px!important;
  justify-content:flex-end!important;
  margin:0 2px 5px!important;
  padding:0 2px 5px!important;
}
html body .app section#hall.v648-hall #v072OnlineState{
  padding:4px 9px!important;
  font-size:7.4px!important;
}

/* Own profile: another ~12–15% tighter without dropping any live values. */
html body .app section#hall.v648-hall .v072-profile-card.v646-own-decorated{
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:7px!important;
  padding:7px!important;
  margin-bottom:7px!important;
  border-radius:14px!important;
}
html body .app section#hall.v648-hall .v646-own-avatar{
  width:57px!important;
  height:70px!important;
  border-width:2px!important;
}
html body .app section#hall.v648-hall .v646-own-avatar::after{font-size:15px!important}
html body .app section#hall.v648-hall .v072-profile-name{
  font-size:15.5px!important;
  line-height:1!important;
}
html body .app section#hall.v648-hall .v072-profile-meta{
  margin-top:1px!important;
  font-size:7.4px!important;
  line-height:1.15!important;
}
html body .app section#hall.v648-hall .v072-profile-stats{
  gap:4px!important;
  margin-top:4px!important;
}
html body .app section#hall.v648-hall .v072-profile-stat{
  min-height:36px!important;
  padding:4px 3px!important;
  border-radius:9px!important;
}
html body .app section#hall.v648-hall .v072-profile-stat span{font-size:5.9px!important}
html body .app section#hall.v648-hall .v072-profile-stat b{font-size:11.8px!important}
html body .app section#hall.v648-hall .v4130-dungeon-line,
html body .app section#hall.v648-hall .v083-hall-progress,
html body .app section#hall.v648-hall .v116-wb-inline{
  margin-top:4px!important;
  padding:4px 4px 1px!important;
  font-size:6.4px!important;
  line-height:1.22!important;
}

/* Own ranking entry: put DU beside the player name instead of wasting a second action row. */
html body .app section#hall.v648-hall .v072-player-row.v648-self-row .v073-row-actions:empty{
  display:none!important;
}
html body .app section#hall.v648-hall .v072-player-name .v648-self-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  margin-left:5px!important;
  padding:2px 5px!important;
  border:1px solid #63aa56!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#1b3e23,#0c2112)!important;
  color:#d2ffbd!important;
  font-family:Arial,sans-serif!important;
  font-size:5.8px!important;
  font-weight:1000!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:0 0 8px rgba(82,220,70,.12)!important;
}

@media(max-width:380px){
  html body .app section#hall.v648-hall > .v052-scene-banner > div{width:82%!important;padding:6px 9px 5px!important}
  html body .app section#hall.v648-hall > .v052-scene-banner .v052-title{font-size:19px!important}
  html body .app section#hall.v648-hall > .v052-scene-banner .v052-sub{font-size:7.2px!important}
  html body .app section#hall.v648-hall .v072-profile-card.v646-own-decorated{grid-template-columns:58px minmax(0,1fr)!important}
  html body .app section#hall.v648-hall .v646-own-avatar{width:53px!important;height:66px!important}
}