/* Keep result sheets inside the viewport and let narrow cards retain readable text. */
#match-result-overlay{box-sizing:border-box;padding:12px;min-width:0}
#match-result-overlay .result-sheet{box-sizing:border-box;width:min(1000px,100%);max-width:100%;min-width:0;max-height:calc(100dvh - 24px);overflow:auto;overflow-wrap:anywhere}
#match-result-overlay .result-player{grid-template-columns:92px minmax(0,1fr);min-width:0}
#match-result-overlay .result-player>img{width:92px;max-width:100%;height:138px}
#match-result-overlay .result-player>div{min-width:0;padding:12px}
#match-result-overlay .result-player strong{font-size:clamp(18px,2.4vw,24px);line-height:1.4}
#match-result-overlay .result-player p{margin:6px 0;line-height:1.7}
/* A sticky drawer header must be opaque and reserve its own row while content scrolls. */
body #experience-inventory>header{position:sticky;top:0;z-index:20;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin:0;padding:14px 18px;background:#233126;border-bottom:1px solid #a18a5566}
#experience-inventory>header h2{min-width:0;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.4;overflow-wrap:anywhere}
#experience-inventory>header button{flex:none;min-width:56px;min-height:40px}
#experience-inventory-content{min-width:0;scroll-padding-top:78px}
#experience-inventory #accessory-actions{margin:12px 18px 18px;scroll-margin-top:80px}
#experience-inventory #accessory-actions>h3{position:static;margin:0 0 12px;line-height:1.5}
.experience-drawer{box-sizing:border-box;max-width:calc(100vw - 20px);overscroll-behavior:contain}
.experience-drawer button{min-height:40px;white-space:normal}
@media(max-width:650px){
  #match-result-overlay .result-players{grid-template-columns:1fr;gap:10px;margin:16px 0}
  #match-result-overlay .result-player{min-height:130px}
  #match-result-overlay .result-sheet>h2{font-size:clamp(25px,6.8vw,36px);letter-spacing:.02em}
  #match-result-overlay .result-actions{bottom:-16px;gap:8px}
  #match-result-overlay .result-actions>*{flex:1 1 130px;min-width:0;min-height:44px;white-space:normal;text-align:center}
  #experience-inventory>header h2{font-size:18px}
}
@media(max-width:360px){
  body.ui148-live.ui148-live .hero-header{height:auto!important;min-height:0!important}
  body.ui148-live #ui148-members{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
  body.ui148-live #ui148-top-team{align-items:flex-start;gap:8px;min-width:0}
  body.ui148-live .ui148-member{width:100%;min-width:0;justify-content:flex-start}
  body.ui148-live .ui148-name{max-width:none;overflow-wrap:anywhere}
  body.ui148-live .ui148-values{flex-wrap:wrap;row-gap:4px}
  #match-result-overlay .result-player{grid-template-columns:76px minmax(0,1fr)}
  #match-result-overlay .result-player>img{width:76px;height:128px}
}