/* MatchLab v1.0.8 — mobile stability reset + dedicated Compare Teams */
@media (max-width:760px){
  html,body,#app{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  html{background:#02070d!important}
  body{margin:0!important;transform:none!important;filter:none!important;perspective:none!important;padding-bottom:0!important}
  .app-shell,.main,.content,.ml103-mobile-home{transform:none!important;filter:none!important;perspective:none!important}

  /* Keep every route navigation attached to the visual viewport. */
  .ml103-bottom,.ml101-mobile-bar,.ml131-bottom-nav,.ml133-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;
    z-index:2147483000!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  }
  .route-compare .content{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}

  /* Do not let old Compare layouts leak into the dedicated mobile renderer. */
  .route-compare .ml108-compare{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .route-compare .ml108-compare *{box-sizing:border-box!important;min-width:0}
  .route-compare .top-title p{display:none!important}
  .route-compare .content{padding-left:12px!important;padding-right:12px!important}
  .route-compare .ml108-card{background:linear-gradient(180deg,#07121e,#050d16)!important;border:1px solid #25364a!important;border-radius:16px!important;box-shadow:none!important}
  .route-compare .ml108-title{font-size:26px!important;line-height:1!important;margin:2px 0 14px!important;letter-spacing:-.8px!important}

  .route-compare .ml108-pickers{display:grid!important;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
  .route-compare .ml108-picker-slot{min-width:0!important}
  .route-compare .ml108-picker{width:100%!important;height:78px!important;border:1px solid #315985!important;border-radius:14px!important;background:#07121d!important;color:#fff!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}
  .route-compare .ml108-picker.b{border-color:#7046d7!important}
  .route-compare .ml108-picker-main{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important}
  .route-compare .ml108-picker .club-logo{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;border-radius:12px!important}
  .route-compare .ml108-picker-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1!important}
  .route-compare .ml108-picker-name{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important}
  .route-compare .ml108-picker-name b{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .route-compare .ml108-picker-copy small{font-size:8px!important;color:#8195ad!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .route-compare .ml108-team-prob{font-size:11px!important;font-weight:800!important;color:#8e7bff!important;border:1px solid rgba(120,97,255,.25)!important;background:rgba(113,83,255,.1)!important;border-radius:7px!important;padding:3px 5px!important;white-space:nowrap!important}
  .route-compare .ml108-team-prob.best{background:linear-gradient(90deg,#6b50ff,#415bff)!important;color:#fff!important;border-color:transparent!important}
  .route-compare .ml108-vs{width:46px!important;height:46px!important;border:1px solid #6b50cb!important;border-radius:50%!important;background:radial-gradient(circle,rgba(102,74,213,.28),#07101b 68%)!important;display:grid!important;place-items:center!important;font-size:15px!important;font-weight:800!important;color:#e9e2ff!important}

  .route-compare .ml108-tabs{margin-top:12px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid #26374a!important;border-radius:11px!important;overflow:hidden!important;background:#06101b!important}
  .route-compare .ml108-tabs button{height:42px!important;border:0!important;border-right:1px solid #223144!important;background:transparent!important;color:#c0cad8!important;font-size:10px!important;font-weight:650!important;padding:0 4px!important}
  .route-compare .ml108-tabs button:last-child{border-right:0!important}
  .route-compare .ml108-tabs button.active{background:linear-gradient(90deg,#6653ff,#3d57e8)!important;color:#fff!important}

  .route-compare .ml108-section{padding:12px!important;margin-top:10px!important}
  .route-compare .ml108-section h3{margin:0 0 10px!important;font-size:14px!important;font-weight:760!important;color:#f4f7fb!important}
  .route-compare .ml108-muted{color:#8799af!important;font-size:10px!important}
  .route-compare .ml108-loading{padding:18px 6px!important;text-align:center!important;color:#8ca0b8!important;font-size:10px!important}

  .route-compare .ml108-outcome-labels{display:grid!important;grid-template-columns:repeat(3,1fr)!important;text-align:center!important;font-size:10px!important;color:#c9d3e0!important;margin-bottom:6px!important}
  .route-compare .ml108-outcome-labels b{display:block!important;font-size:16px!important;color:#fff!important;margin-top:2px!important}
  .route-compare .ml108-outcome{height:44px!important;display:flex!important;border:1px solid #304157!important;border-radius:10px!important;overflow:hidden!important;background:#09131f!important}
  .route-compare .ml108-outcome span{display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:800!important;color:#fff!important;min-width:18%!important}
  .route-compare .ml108-outcome .home{background:linear-gradient(90deg,#604dff,#405dff)!important}
  .route-compare .ml108-outcome .draw{background:#121b29!important;border-left:1px solid #304157!important;border-right:1px solid #304157!important}
  .route-compare .ml108-outcome .away{background:#09131f!important}
  .route-compare .ml108-event-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}
  .route-compare .ml108-event{padding:9px!important;border:1px solid #1e2c3d!important;border-radius:10px!important;background:#050c14!important}
  .route-compare .ml108-event small{display:block!important;color:#a7b4c4!important;font-size:8px!important;text-transform:uppercase!important}
  .route-compare .ml108-event b{display:block!important;margin-top:3px!important;color:#7582ff!important;font-size:15px!important}

  .route-compare .ml108-stats-head{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:9px!important}
  .route-compare .ml108-stats-head>div{display:flex!important;align-items:center!important;gap:7px!important;color:#c9d4e2!important;font-size:10px!important}
  .route-compare .ml108-stats-head>div:last-child{justify-content:flex-end!important}
  .route-compare .ml108-stats-head .club-logo{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important}
  .route-compare .ml108-stat-list{display:grid!important;gap:11px!important;visibility:visible!important;opacity:1!important}
  .route-compare .ml108-stat-row{display:grid!important;gap:5px!important;visibility:visible!important}
  .route-compare .ml108-stat-values{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:7px!important;align-items:center!important}
  .route-compare .ml108-stat-values b{font-size:12px!important;color:#8184ff!important}
  .route-compare .ml108-stat-values b:last-child{text-align:right!important;color:#f0f4f8!important}
  .route-compare .ml108-stat-values span{text-align:center!important;font-size:9px!important;color:#bdc9d8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .route-compare .ml108-bars{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .route-compare .ml108-track{height:6px!important;border-radius:999px!important;background:#14202d!important;overflow:hidden!important}
  .route-compare .ml108-track i{display:block!important;height:100%!important;width:var(--bar,0%)!important;border-radius:inherit!important}
  .route-compare .ml108-track.left i{margin-left:auto!important;background:linear-gradient(90deg,#3552ff,#7861ff)!important}
  .route-compare .ml108-track.right i{background:linear-gradient(90deg,#f1f4f7,#aab5c1)!important}

  .route-compare .ml108-form-head{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:10px!important}
  .route-compare .ml108-form-side{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:wrap!important}
  .route-compare .ml108-form-side:last-child{justify-content:flex-end!important}
  .route-compare .ml108-form-side .club-logo{width:25px!important;height:25px!important;min-width:25px!important;border-radius:8px!important}
  .route-compare .ml108-form-pill{width:26px!important;height:26px!important;border-radius:7px!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important;color:#fff!important}
  .route-compare .ml108-form-pill.w{background:#24b765!important}.route-compare .ml108-form-pill.d{background:#7e8794!important}.route-compare .ml108-form-pill.l{background:#e45562!important}.route-compare .ml108-form-pill.e{background:#172333!important;color:#78899f!important}
  .route-compare .ml108-form-summary{display:grid!important;gap:7px!important}
  .route-compare .ml108-form-row{display:grid!important;grid-template-columns:36px 1fr 36px!important;gap:6px!important;align-items:center!important;font-size:10px!important}
  .route-compare .ml108-form-row b:last-child{text-align:right!important}.route-compare .ml108-form-row span{text-align:center!important;color:#b9c5d5!important}

  .route-compare .ml108-h2h{display:grid!important;gap:7px!important}
  .route-compare .ml108-h2h-row{display:grid!important;grid-template-columns:62px minmax(0,1fr) 46px!important;gap:7px!important;align-items:center!important;padding-bottom:7px!important;border-bottom:1px solid #182536!important}
  .route-compare .ml108-h2h-row:last-child{border-bottom:0!important;padding-bottom:0!important}
  .route-compare .ml108-h2h-row time{font-size:8px!important;color:#8899ae!important}.route-compare .ml108-h2h-row span{font-size:9px!important;color:#dce4ee!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.route-compare .ml108-h2h-row b{text-align:right!important;font-size:12px!important}

  .route-compare .ml108-insight{display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
  .route-compare .ml108-ai{width:44px!important;height:44px!important;border-radius:11px!important;border:1px solid #684bdd!important;display:grid!important;place-items:center!important;color:#806aff!important;font-size:20px!important;font-weight:800!important;background:#0a1020!important}
  .route-compare .ml108-insight h4{margin:0 0 5px!important;color:#8573ff!important;font-size:12px!important}.route-compare .ml108-insight p{margin:0!important;color:#dbe4ee!important;font-size:10px!important;line-height:1.5!important}
}
@media (min-width:761px){.ml108-compare{display:none!important}}
.app-shell .sidebar::after{content:"v1.0.8"!important}