@import url('/event-fighter-photos.css?v=20260829-1224');

@media(max-width:650px){
  .bout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px 12px!important;
    align-items:start;
    padding:13px 12px 14px!important;
  }

  .bout-order{
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-self:center;
    width:auto!important;
    min-width:32px;
    height:28px!important;
    padding:0 8px;
    margin:0 0 1px;
    border-radius:9px;
  }

  .bout>.bout-fighter:not(.right){grid-column:1!important;grid-row:2!important}
  .bout>.bout-fighter.right{grid-column:2!important;grid-row:2!important}

  .bout-fighter{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr);
    grid-template-rows:auto;
    column-gap:9px;
    align-items:start!important;
    align-self:stretch;
    justify-content:stretch!important;
    min-width:0;
    position:relative;
  }
  .bout-fighter.right{
    grid-template-columns:minmax(0,1fr) 54px;
    text-align:right;
  }

  .bout-fighter::before{display:none!important}
  .bout-fighter>img{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
    border-radius:10px!important;
    order:0!important;
    grid-column:1;
    grid-row:1;
    align-self:start;
  }
  .bout-fighter.right>img{grid-column:2;grid-row:1}

  .bout-fighter .result-mark{
    grid-column:1;
    grid-row:1;
    width:24px;
    height:24px;
    min-width:24px;
    margin:0!important;
    align-self:end;
    justify-self:end;
    transform:translate(4px,4px);
    position:relative;
    z-index:2;
    border:2px solid #fff;
    border-radius:8px;
    font-size:10px;
    box-shadow:0 2px 6px rgba(18,24,28,.08);
  }
  .bout-fighter.right .result-mark{
    grid-column:2;
    justify-self:start;
    transform:translate(-4px,4px);
  }

  .bout-fighter>span:not(.result-mark){
    grid-column:2;
    grid-row:1;
    display:block!important;
    min-width:0;
    width:100%;
    align-self:start;
  }
  .bout-fighter.right>span:not(.result-mark){
    grid-column:1;
    justify-items:unset!important;
  }

  .bout-fighter strong{
    display:block!important;
    width:100%;
    max-width:100%;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none;
    line-height:1.18;
    font-size:14px!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }
  .bout-fighter.right strong{text-align:right}

  .fight-badge{
    display:inline-block!important;
    margin-top:6px;
    max-width:100%;
    white-space:normal;
  }
  .bout-fighter.right .fight-badge{margin-left:auto}

  .bout-center{
    grid-column:1/-1!important;
    grid-row:3!important;
    margin-top:3px;
    text-align:left!important;
    border-top:1px solid var(--line);
    padding-top:11px;
  }
  .bout-more{grid-column:1/-1!important}
}

@media(max-width:420px){
  .bout{gap:9px 10px!important}
  .bout-fighter{grid-template-columns:50px minmax(0,1fr);column-gap:8px}
  .bout-fighter.right{grid-template-columns:minmax(0,1fr) 50px}
  .bout-fighter>img{width:50px!important;height:50px!important;flex-basis:50px!important}
  .bout-fighter strong{font-size:13px!important}
}

.fighter-photo-placeholder{height:300px!important;aspect-ratio:2/3}
.fighter-photo-placeholder img{filter:none!important}
.fighter-photo-placeholder img[src="/images/fighter-placeholder.svg"]{content:url('/images/fighter-placeholder-fightstat-v2.svg?v=20260824-2038')!important}
@media(max-width:980px){.fighter-photo-placeholder{height:255px!important}}
@media(max-width:650px){.fighter-photo-placeholder{height:150px!important}}
@media(max-width:420px){.fighter-photo-placeholder{height:132px!important}}