/* 18 October: mobile-only profile match cards. No changes to desktop or the LIVE pulse/fill. */
.am-match-mobile-info,.am-live-mobile-title,.am-live-mobile-meta{display:none}

@media(max-width:650px){
  /* All three horizontal levels have paired left/right cells.
     This overrides older theme and 14.10 responsive rules, without affecting other cards. */
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-pane[data-gma-pane="matches"] details.gma-match:not(.gma-live-match){
    box-sizing:border-box!important;
    margin:0 0 10px!important;
    border:1.5px solid #657f93!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#151d2b!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-pane[data-gma-pane="matches"] details.gma-match:not(.gma-live-match)>summary.gma-match-head{
    display:grid!important;
    box-sizing:border-box!important;
    position:relative!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:minmax(42px,auto) minmax(23px,auto) minmax(23px,auto)!important;
    gap:3px 7px!important;
    padding:10px 10px!important;
    min-height:102px!important;
    max-height:none!important;
    align-content:start!important;
    align-items:center!important;
    overflow:visible!important;
    margin:0!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)>summary.gma-match-head>.gma-match-main{
    display:none!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)>summary.gma-match-head>.am-match-mobile-info{
    display:contents!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-top{
    grid-column:1!important;grid-row:1!important;
    align-self:center!important;min-width:0!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-identity{
    display:grid!important;
    grid-template-columns:clamp(36px,11vw,44px) minmax(0,1fr)!important;
    align-items:center!important;gap:7px!important;min-width:0!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-thumb{
    display:block!important;grid-column:1!important;
    width:100%!important;height:34px!important;
    border:1px solid #3c6176!important;border-radius:5px!important;
    object-fit:cover!important;background:#121b29!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-names{min-width:0!important}
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-names :is(.am-match-mobile-server,.am-match-mobile-map,.am-match-mobile-combined){
    display:block!important;
    font-size:clamp(10px,2.9vw,13px)!important;
    font-weight:750!important;
    line-height:1.3!important;
    color:#f0ca77!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-server,
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-map{
    white-space:nowrap!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-meta{
    grid-column:1!important;grid-row:2!important;
    min-width:0!important;align-self:center!important;
    padding-left:calc(clamp(36px,11vw,44px) + 7px)!important;
    color:#a8bacd!important;
    font-size:clamp(8.5px,2.4vw,11px)!important;
    font-weight:400!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    letter-spacing:-.015em!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-awards{
    grid-column:1!important;grid-row:3!important;min-width:0!important;
    display:flex!important;flex-wrap:wrap!important;
    align-items:center!important;align-content:start!important;
    gap:4px!important;
    padding-left:calc(clamp(36px,11vw,44px) + 7px)!important;
    margin:0!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-awards>.gma-match-kd{
    display:inline-flex!important;flex:0 0 auto!important;
    align-items:center!important;
    margin:0!important;padding:2px 5px!important;
    min-height:19px!important;
    border:1px solid #448298!important;border-radius:5px!important;
    background:rgba(30,76,94,.43)!important;
    color:#8bd8e8!important;
    font-size:clamp(9px,2.65vw,11px)!important;
    line-height:1.2!important;white-space:nowrap!important;
  }
  /* Each award is an entire pill: the icon and full name may never be ellipsized. */
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-awards>.gma-match-award-badge{
    box-sizing:border-box!important;
    display:inline-flex!important;flex:0 1 auto!important;
    align-items:center!important;gap:4px!important;
    width:max-content!important;max-width:100%!important;
    margin:0!important;padding:2px 6px!important;
    border:1px solid #475e76!important;border-radius:999px!important;
    background:rgba(14,28,42,.76)!important;
    color:#c0cbd8!important;
    font-size:clamp(9px,2.65vw,11px)!important;
    font-weight:600!important;line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;text-overflow:clip!important;
    box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-awards>.gma-match-award-badge i{
    flex:0 0 auto!important;
    display:inline-flex!important;align-items:center!important;
    color:#e0bd76!important;font-size:12px!important;
    font-style:normal!important;line-height:1!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)>summary.gma-match-head>.gma-match-score{
    grid-column:2!important;grid-row:1!important;
    display:block!important;position:static!important;
    align-self:center!important;justify-self:end!important;
    min-height:0!important;padding:0!important;margin:0!important;
    color:#f0f1f4!important;
    font-size:clamp(17px,4.9vw,22px)!important;
    font-weight:800!important;line-height:1.2!important;
    white-space:nowrap!important;letter-spacing:0!important;
    text-align:right!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)>summary.gma-match-head>.gma-match-result:not(:empty){
    grid-column:2!important;grid-row:2!important;
    display:inline-flex!important;position:static!important;
    align-self:center!important;justify-self:end!important;
    width:auto!important;max-width:none!important;
    padding:3px 5px!important;margin:0!important;
    font-size:clamp(9px,2.5vw,11px)!important;
    line-height:1.25!important;white-space:nowrap!important;
    text-align:right!important;
    transform:none!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)>summary.gma-match-head::after{
    content:''!important;display:block!important;
    position:static!important;float:none!important;
    grid-column:2!important;grid-row:3!important;
    justify-self:end!important;align-self:center!important;
    width:9px!important;height:9px!important;
    padding:0!important;margin:0 6px 4px 0!important;
    border:0!important;border-right:2.5px solid #e5be6b!important;
    border-bottom:2.5px solid #e5be6b!important;
    border-radius:0!important;
    box-shadow:none!important;background:none!important;
    transform:rotate(45deg)!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match:not(.gma-live-match)[open]>summary.gma-match-head::after{
    transform:rotate(225deg)!important;margin-top:5px!important;
  }
  /* Training, tournament and showmatch retain the softly illuminated whole card,
     turquoise left-edge line and a slowly shimmering white/turquoise event title. */
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-pane[data-gma-pane="matches"] details.gma-match[data-gma-match-kind="3"],
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-pane[data-gma-pane="matches"] details.gma-match[data-gma-match-kind="4"],
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-pane[data-gma-pane="matches"] details.gma-match[data-gma-match-kind="2"]{
    border-left:3px solid #75c2ce!important;
    border-color:#638d9e!important;border-left-color:#75c2ce!important;
    background:linear-gradient(113deg,#1c3643 0%,#172936 43%,#131c2b 100%)!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match[data-gma-match-kind="3"]>summary.gma-match-head,
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match[data-gma-match-kind="4"]>summary.gma-match-head,
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match[data-gma-match-kind="2"]>summary.gma-match-head{
    background:linear-gradient(100deg,rgba(54,134,151,.20),rgba(21,31,46,.84) 72%)!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-event-title{
    margin:0 0 7px!important;
    font-size:clamp(11px,3vw,13px)!important;
    font-weight:800!important;line-height:1.3!important;
    white-space:nowrap!important;
    background:linear-gradient(100deg,#f3fcff 0%,#d8eff2 25%,#88d2df 55%,#f3fcff 77%,#9bdce4 100%)!important;
    background-size:240% 100%!important;
    background-clip:text!important;-webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    animation:am-mobile-event-glow 8s ease-in-out infinite!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-mobile-combined{
    font-size:clamp(9px,2.55vw,12px)!important;
    white-space:nowrap!important;
    letter-spacing:-.018em!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-separator{
    font-weight:900!important;color:#f1cc85!important;padding:0 1px!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-match[data-gma-match-kind="3"] .am-match-mobile-awards,
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-match[data-gma-match-kind="4"] .am-match-mobile-awards,
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] .gma-match[data-gma-match-kind="2"] .am-match-mobile-awards{padding-top:1px!important}
  @keyframes am-mobile-event-glow{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}
  /* Opened details use smaller chips (no larger than K/D in the closed header)
     and denser timeline markers, leaving side-by-side team rosters untouched. */
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-match-body .gma-personal-line{
    display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:10px!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-match-body .gma-personal-line>span{
    box-sizing:border-box!important;display:inline-flex!important;
    align-items:center!important;min-height:19px!important;
    padding:2px 5px!important;margin:0!important;
    font-size:clamp(9px,2.6vw,11px)!important;line-height:1.2!important;
    font-weight:600!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-timeline{
    gap:1px!important;padding:0 4px 5px!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-timeline .gma-event{
    flex-basis:23px!important;min-width:23px!important;font-size:9px!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-timeline .gma-event i{
    width:20px!important;height:20px!important;font-size:11px!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-match .gma-timeline .gma-second-divider{
    flex-basis:22px!important;width:22px!important;
  }
  /* LIVE: retain 1710 red pulsing dot, fill and border; only align the contents. */
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head{
    display:grid!important;box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:auto auto auto auto!important;
    gap:5px 8px!important;
    width:100%!important;min-height:0!important;
    padding:10px 11px 11px!important;align-items:center!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head>.gma-live-head-text{display:none!important}
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head>.am-live-mobile-title{
    grid-column:1/-1!important;grid-row:1!important;
    display:flex!important;align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:0!important;
    box-sizing:border-box!important;
    min-width:0!important;width:100%!important;
    font-size:clamp(10px,3vw,12.6px)!important;
    line-height:1.3!important;font-weight:800!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;overflow:visible!important;
    color:#e5c8ae!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head>.am-live-mobile-title .gma-live-dot{
    display:inline-block!important;flex:0 0 9px!important;
    margin-right:5px!important;
    /* Background, pulse and glow remain the original 1710 rules. */
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head>.am-live-mobile-meta{
    display:block!important;grid-column:1!important;grid-row:2!important;
    min-width:0!important;margin:0!important;
    color:#a8bacd!important;
    font-size:clamp(9px,2.5vw,11px)!important;
    font-weight:400!important;line-height:1.3!important;
    white-space:nowrap!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match .gma-live-score{
    grid-column:2!important;grid-row:2!important;
    justify-self:end!important;align-self:center!important;
    font-size:clamp(14px,4.2vw,19px)!important;
    line-height:1.2!important;white-space:nowrap!important;
    margin:0!important;text-align:right!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match .gma-match-result.live{
    grid-column:2!important;grid-row:3!important;
    justify-self:end!important;align-self:center!important;
    position:static!important;min-width:0!important;max-width:none!important;
    font-size:clamp(9px,2.4vw,11px)!important;
    line-height:1.25!important;white-space:nowrap!important;
    margin:0!important;text-align:right!important;
  }
  html.am-mobile-layout body section.gma-profile[data-gma-profile] details.gma-live-match .am-live-expand-caption{
    grid-column:1!important;grid-row:4!important;
    display:block!important;align-self:center!important;
    color:#e0ba72!important;
    font-size:11px!important;line-height:1.25!important;
    padding-top:5px!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match>summary.gma-match-head::after{
    content:''!important;display:block!important;
    position:static!important;grid-column:2!important;grid-row:4!important;
    justify-self:end!important;align-self:center!important;
    width:9px!important;height:9px!important;
    margin:2px 5px 3px 0!important;padding:0!important;
    border:0!important;border-right:2.5px solid #e5be6b!important;
    border-bottom:2.5px solid #e5be6b!important;
    background:none!important;box-shadow:none!important;float:none!important;
    transform:rotate(45deg)!important;
  }
  html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-live-match[open]>summary.gma-match-head::after{
    transform:rotate(225deg)!important;
  }
  @media(prefers-reduced-motion:reduce){
    html.am-mobile-layout body section.gma-profile[data-gma-profile] .am-match-event-title{animation:none!important}
  }
}
/* Explicit LIVE grid placement wins over the older 3-column mobile score layout. */
@media(max-width:650px){
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]{
  grid-template-columns:minmax(0,1fr) max-content!important;
  grid-template-rows:auto auto auto auto!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]>.am-live-mobile-title{
  grid-column:1/-1!important;grid-row:1!important;
  width:100%!important;max-width:100%!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]>.am-live-mobile-meta{
  grid-column:1!important;grid-row:2!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]>.gma-match-score.gma-live-score{
  grid-column:2!important;grid-row:2!important;
  justify-self:end!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]>.gma-match-result.live{
  grid-column:2!important;grid-row:3!important;
  justify-self:end!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]>.am-live-expand-caption{
  grid-column:1!important;grid-row:4!important;
 }
 html.am-mobile-layout body .wapper .content section.gma-profile[data-gma-profile] details.gma-match.gma-live-match:not(.am-tour-card)>summary.gma-match-head[class]::after{
  grid-column:2!important;grid-row:4!important;
 }
}