/* V126 — final mobile coupon layout. Loaded after all legacy styles. */
@media (max-width:760px) {
  body { background-attachment:scroll!important; }
  .layout { padding:8px!important; gap:10px!important; }
  aside.card, .compactOddsPanel { overflow:visible!important; contain:layout paint!important; }
  aside.card > .body, .compactOddsPanel > .body { padding:10px!important; overflow:visible!important; }

  aside.card #betControls,
  .compactOddsPanel #betControls,
  #betControls.row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    min-height:112px!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border:1px solid rgba(211,166,55,.44)!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(255,252,241,.96),rgba(241,247,247,.96))!important;
  }
  aside.card #betControls .stakeField,
  .compactOddsPanel #betControls .stakeField {
    display:grid!important;
    grid-template-rows:auto auto minmax(54px,1fr)!important;
    align-content:stretch!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  #stakeFieldLabel {
    display:block!important;
    color:#17364d!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:950!important;
    white-space:normal!important;
  }
  #stakeMinimumHint {
    display:block!important;
    color:#61768a!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    min-height:25px!important;
  }
  aside.card #stake,
  .compactOddsPanel #stake,
  #stake {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 12px!important;
    border:2px solid #c79524!important;
    border-radius:12px!important;
    background:#10273a!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:54px!important;
    font-weight:950!important;
    box-shadow:none!important;
  }
  aside.card #clearSlip,
  .compactOddsPanel #clearSlip,
  #clearSlip.secondary {
    align-self:end!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #b9c8d2!important;
    border-radius:12px!important;
    background:#dfe7e9!important;
    color:#17364d!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-shadow:none!important;
  }

  .slipSummary { margin:8px 0 10px!important; padding:11px!important; }
  .slipSummary #slip { max-height:190px!important; }
  #possibleText, #comboState { font-size:11px!important; line-height:1.3!important; }
  #openNormalSlipDetails { min-height:44px!important; font-size:11px!important; }

  .realCouponActions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
  }
  #realStake { min-height:54px!important; font-size:19px!important; }
  #clearRealSlip { min-height:54px!important; font-size:12px!important; white-space:normal!important; }

  .fixture, .realMatchCard { contain:layout paint style!important; }
  .fixture { content-visibility:auto; contain-intrinsic-size:210px; }
}
@media (max-width:360px) {
  aside.card #betControls, .compactOddsPanel #betControls, #betControls.row {
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:7px!important;
    padding:8px!important;
  }
  #stakeFieldLabel { font-size:13px!important; }
  aside.card #clearSlip, .compactOddsPanel #clearSlip, #clearSlip.secondary { font-size:11.5px!important; }
}


/* V126 — compact, fully scrollable World Cup preseason coupon dialog. */
@media (max-width:760px) {
  #wcPreOverlay.preseasonOverlay.show,
  #preseasonOverlay.preseasonOverlay.show {
    display:flex!important;
    align-items:stretch!important;
    padding:6px!important;
    overflow:hidden!important;
    background:rgba(3,11,21,.92)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #wcPreOverlay .preseasonDialog,
  #preseasonOverlay .preseasonDialog {
    width:100%!important;
    height:calc(var(--wos-visible-height,100dvh) - 12px)!important;
    max-height:calc(var(--wos-visible-height,100dvh) - 12px)!important;
    min-height:0!important;
    margin:0!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #wcPreOverlay .preseasonHead,
  #preseasonOverlay .preseasonHead {
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    padding:10px 10px 8px!important;
    gap:8px!important;
    background:linear-gradient(135deg,#0d4960,#0b6b65)!important;
  }
  #wcPreOverlay .preseasonHead>div,
  #preseasonOverlay .preseasonHead>div { min-width:0!important; }
  #wcPreOverlay .preseasonHead h2,
  #preseasonOverlay .preseasonHead h2 {
    font-size:17px!important;
    line-height:1.16!important;
    margin:0!important;
    overflow-wrap:anywhere!important;
  }
  #wcPreOverlay .preseasonHead p,
  #preseasonOverlay .preseasonHead p {
    font-size:10.5px!important;
    line-height:1.3!important;
    margin:4px 0 0!important;
  }
  #wcPreOverlay .preseasonClose,
  #preseasonOverlay .preseasonClose {
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
  }
  #wcPreOverlay .preCouponSteps,
  #preseasonOverlay .preCouponSteps {
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:8px!important;
    overflow:visible!important;
  }
  #wcPreOverlay .preCouponStep,
  #preseasonOverlay .preCouponStep {
    min-width:0!important;
    min-height:46px!important;
    padding:5px!important;
    border-radius:12px!important;
  }
  #wcPreOverlay .preCouponStep span,
  #preseasonOverlay .preCouponStep span { font-size:18px!important; }
  #wcPreOverlay .preCouponStep small,
  #preseasonOverlay .preCouponStep small { display:block!important;font-size:8px!important; }
  #wcPreOverlay .preseasonBody,
  #preseasonOverlay .preseasonBody {
    flex:1 1 auto!important;
    min-height:0!important;
    display:block!important;
    padding:8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #wcPreOverlay .preseasonMarkets,
  #wcPreOverlay .preseasonSlip,
  #preseasonOverlay .preseasonMarkets,
  #preseasonOverlay .preseasonSlip {
    min-height:0!important;
    overflow:visible!important;
    margin:0 0 8px!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  #wcPreOverlay .preseasonToolbar,
  #preseasonOverlay .preseasonToolbar {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  #wcPreOverlay .preseasonToolbar select,
  #preseasonOverlay .preseasonToolbar select {
    width:100%!important;
    min-height:46px!important;
    padding:8px 10px!important;
    font-size:16px!important;
    border-radius:11px!important;
  }
  #wcPreOverlay .preseasonMarketInfo,
  #preseasonOverlay .preseasonMarketInfo {
    padding:7px!important;
    font-size:9.5px!important;
    line-height:1.28!important;
  }
  #wcPreOverlay .wcPreGroupList { gap:7px!important;margin-top:7px!important; }
  #wcPreOverlay .wcPreGroup { border-radius:10px!important; }
  #wcPreOverlay .wcPreGroupTitle { padding:6px 8px!important;font-size:10px!important; }
  #wcPreOverlay .wcPreGroupTeams,
  #wcPreOverlay .wcPreClassicList .wcPreGroupTeams {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:6px!important;
  }
  #wcPreOverlay .wcPreTeam {
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 52px 94px!important;
    gap:5px!important;
    align-items:center!important;
    min-height:48px!important;
    padding:5px!important;
    border-radius:9px!important;
  }
  #wcPreOverlay .wcPreTeamName {
    font-size:10px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.12!important;
  }
  #wcPreOverlay .wcPreOdd { padding:7px 3px!important;font-size:10px!important; }
  #wcPreOverlay .wcPreAdd {
    grid-column:auto!important;
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:4px 5px!important;
    font-size:8.5px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  #wcPreOverlay .preseasonSlipList,
  #preseasonOverlay .preseasonSlipList {
    max-height:180px!important;
    overflow:auto!important;
  }
  #wcPreOverlay .preseasonSlipFooter,
  #preseasonOverlay .preseasonSlipFooter {
    position:relative!important;
    bottom:auto!important;
    padding-top:8px!important;
  }
  #wcPreOverlay .preseasonLock,
  #preseasonOverlay .preseasonLock { min-height:48px!important;font-size:11px!important; }

  #playerName,#onlineName,#mockGuestName {
    min-height:50px!important;
    font-size:16px!important;
    scroll-margin-top:70px!important;
    scroll-margin-bottom:90px!important;
  }
  body.wos-keyboard-open #playerName,
  body.wos-keyboard-open #onlineName,
  body.wos-keyboard-open #mockGuestName { position:relative!important;z-index:5!important; }
}
@media (max-width:390px) {
  #wcPreOverlay .wcPreTeam { grid-template-columns:27px minmax(0,1fr) 47px 82px!important; }
  #wcPreOverlay .wcPreAdd { font-size:7.8px!important; }
}