/* H2H DRAFT v26.0 — phone-native live draft flow. Desktop remains unchanged. */
@media (max-width: 760px){
  body.basketball-draft-page,
  body.soccer-draft-page,
  body.football-live,
  body.hockey-draft-page,
  body.cricket-draft-page,
  body.baseball-live{overflow-x:hidden;background:#04070b}

  /* Compact app chrome */
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page,.baseball-live) .site-header{height:56px;background:#05090eea;backdrop-filter:blur(12px)}
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page,.baseball-live) .header-inner{height:56px;padding:0 12px}
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page,.baseball-live) .brand img{height:40px;width:auto}
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page,.baseball-live) .nav{display:none}
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page) .account{gap:6px}
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page) .account .authbtn,
  body:is(.basketball-draft-page,.soccer-draft-page,.football-live,.hockey-draft-page,.cricket-draft-page) .balance{display:none}

  /* Live draft shell */
  .draft-stage{padding:62px 0 26px!important;min-height:0!important}
  .draft-shell{width:100%!important;padding:0 10px!important}
  .draft-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px 10px!important;align-items:center!important;padding:8px 2px 10px!important}
  .draft-topbar>div:first-child{min-width:0}
  .draft-topbar .kicker{font-size:7px!important;letter-spacing:.16em!important}
  .draft-topbar h1{font-size:22px!important;line-height:1!important;margin:3px 0 0!important}
  .draft-turn-center{position:static!important;transform:none!important;grid-column:1 / -1!important;grid-row:2!important;justify-self:center!important;margin-top:0!important}
  .turn-indicator{min-width:126px!important;padding:8px 16px!important;font-size:9px!important;border-radius:999px!important}
  .draft-status{display:flex!important;gap:8px!important;align-items:center!important;justify-self:end!important}
  .draft-status span,.draft-status strong{font-size:7px!important;margin:0!important}
  .draft-clock-wrap{grid-column:2!important;grid-row:1!important;padding:0!important}
  .draft-clock-wrap span{font-size:6px!important}
  .draft-clock-wrap strong{font-size:25px!important}

  /* Compact H2H identity row; opponent remains visible without a huge banner. */
  .draft-scoreboard{min-height:54px!important;margin:0 0 8px!important;padding:6px 8px!important;border-radius:10px!important;grid-template-columns:1fr auto 1fr!important;gap:7px!important}
  .draft-scoreboard .draft-user{gap:6px!important;min-width:0!important}
  .draft-scoreboard .draft-avatar{width:34px!important;height:34px!important;font-size:8px!important}
  .draft-scoreboard .draft-user span,.draft-scoreboard .draft-user small{font-size:6px!important}
  .draft-scoreboard .draft-user b{display:block!important;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .draft-vs{font-size:8px!important}
  .draft-voice-center{gap:6px!important}
  .voice-btn{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important}


  /* V28.1 — keep TEAM/ERA mini readouts + independent re-spins ABOVE the board takeover. */
  .mobile-pool-meta-slot{display:none!important;margin:1px 0 8px!important;padding:8px!important;border:1px solid rgba(73,126,169,.24)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(8,18,29,.88),rgba(5,12,20,.92))!important}
  body.h2h-mobile-picking .mobile-pool-meta-slot{display:block!important;animation:h2hMobilePoolIn .16s ease-out}
  .mobile-pool-meta-slot .player-panel-top{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important}
  .mobile-pool-meta-slot .scan-badges{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .mobile-pool-meta-slot .team-badge,.mobile-pool-meta-slot .era-badge{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 10px!important;border-radius:9px!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important;background:linear-gradient(180deg,rgba(18,116,186,.36),rgba(9,66,108,.40))!important;border:1px solid rgba(57,169,245,.42)!important}
  .mobile-pool-meta-slot .rescan-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .mobile-pool-meta-slot .rescan-actions button{min-height:34px!important;width:100%!important;padding:0 8px!important;border-radius:9px!important;font-size:7px!important}
  .mobile-pool-meta-slot .rescan-actions small{grid-column:1/-1!important;text-align:center!important;font-size:6px!important;line-height:1.2!important;margin-top:-1px!important}

  /* When the pool opens, enlarge the playing-surface takeover so the PLAYER LIST is the main view. */
  body.h2h-mobile-picking .blue-side .court-board{height:clamp(520px,72svh,760px)!important;min-height:520px!important;max-height:none!important}
  body.h2h-mobile-picking .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open{padding:10px!important}
  body.h2h-mobile-picking .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .player-panel-top{display:none!important}
  body.h2h-mobile-picking .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .pool-toolbar{position:sticky!important;top:0!important;z-index:2!important;padding-bottom:6px!important;background:linear-gradient(180deg,rgba(4,12,21,.995) 82%,rgba(4,12,21,0))!important}
  body.h2h-mobile-picking .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .stat-player-list{display:block!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 1px 18px!important}
  body.h2h-mobile-picking .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .h2h-player-row{display:grid!important}

  /* Baseball gets the same compact meta strip + maximized takeover. */
  .mobile-baseball-meta-slot{display:none!important;margin:1px 0 8px!important;padding:8px!important;border:1px solid rgba(73,126,169,.24)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(8,18,29,.88),rgba(5,12,20,.92))!important}
  body.h2h-mobile-picking .mobile-baseball-meta-slot{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;animation:h2hMobilePoolIn .16s ease-out}
  .mobile-baseball-meta-slot .bb-mobile-badges{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .mobile-baseball-meta-slot .bb-mini-badge{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;border:1px solid rgba(57,169,245,.42)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(18,116,186,.36),rgba(9,66,108,.40))!important;color:#dff3ff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important}
  .mobile-baseball-meta-slot .bb-respin{height:34px!important;min-height:34px!important;border-radius:9px!important;font-size:7px!important}
  body.h2h-mobile-picking.baseball-live #yourDiamond{height:clamp(520px,72svh,760px)!important;min-height:520px!important;max-height:none!important}
  body.h2h-mobile-picking.baseball-live #yourDiamond>#yourPool.mobile-pool-open{display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:4px!important}

  /* True phone flow: your controls + board -> pool overlays the board -> opponent board remains below. */
  .dual-scan-layout{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:0!important}
  .dual-scan-layout>.scan-side.blue-side{order:1}
  .dual-scan-layout>.dual-vs{display:none!important}
  .dual-scan-layout>.scan-side.red-side{order:3}
  .scan-side{padding:8px!important;border-radius:11px!important;min-width:0!important}
  .scan-side-head{padding:1px 1px 6px!important}
  .scan-side-head .draft-user{gap:5px!important}
  .scan-side-head .draft-avatar{width:28px!important;height:28px!important;font-size:7px!important}
  .scan-side-head .draft-user span{font-size:6px!important}
  .scan-side-head .draft-user b{font-size:8px!important}
  .scan-side-head>strong,#yourAvg,#oppAvg{font-size:8px!important}

  .scan-workspace{display:block!important;min-width:0!important}
  .scan-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;gap:6px!important;align-items:stretch!important;margin-bottom:7px!important}
  .scan-readouts{display:contents!important}
  .scan-box{min-width:0!important;min-height:48px!important;padding:6px 8px!important;border-radius:8px!important}
  .scan-box small{font-size:6px!important}
  .scan-box strong{font-size:11px!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .scan-spin{grid-column:2!important;grid-row:1!important;min-height:48px!important;height:auto!important;padding:4px 7px!important;border-radius:9px!important;font-size:9px!important;line-height:1.05!important}
  .scan-note,.data-integrity,.era-availability-wrap{display:none!important}
  .rescan-actions{gap:5px!important}
  .rescan-actions button{min-height:34px!important;padding:0 9px!important;font-size:7px!important}
  .rescan-actions small{font-size:6px!important}

  /* Keep each sport surface legible and compact. */
  .court-board{width:100%!important;max-width:100%!important;margin:0 auto!important;min-height:0!important}
  .basketball-court{height:250px!important}
  .soccer-pitch{height:360px!important}
  .football-field{height:245px!important;min-width:0!important}
  .hockey-rink{height:245px!important}
  .cricket-field{height:265px!important;max-width:100%!important}
  .court-slot{transform:translate(-50%,-50%) scale(.82)!important;transform-origin:center!important}
  .football-slot{transform:translate(-50%,-50%) scale(.66)!important}

  /* 82-0-style interaction: after Main Spin, the draft pool TAKES OVER the playing surface. */
  .dual-player-panels{display:block!important;margin:0!important}
  .blue-side .court-board{position:relative!important;overflow:hidden!important}
  .player-panel.blue-player-panel{display:none!important}
  .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open{
    display:flex!important;position:absolute!important;inset:0!important;z-index:60!important;
    flex-direction:column!important;border:1px solid #1b86d6!important;background:linear-gradient(180deg,rgba(4,12,21,.985),rgba(5,15,25,.995))!important;
    border-radius:inherit!important;padding:9px!important;margin:0!important;overflow:hidden!important;
    box-shadow:inset 0 0 0 1px rgba(61,172,255,.08)!important;animation:h2hMobilePoolTakeover .17s ease-out
  }
  .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .player-panel-top,
  .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .pool-toolbar,
  .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .pool-count{flex:0 0 auto!important}
  .blue-side .court-board>.player-panel.blue-player-panel.mobile-pool-open .stat-player-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:2px!important}
  .player-panel.red-player-panel{display:none!important}
  .player-panel-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important}
  .scan-badges{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
  .team-badge,.era-badge{font-size:7px!important;padding:5px 7px!important}
  .pool-toolbar{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:7px!important}
  .position-tabs{display:flex!important;width:100%!important;overflow-x:auto!important;gap:4px!important;padding-bottom:2px!important;scrollbar-width:none}
  .position-tabs::-webkit-scrollbar{display:none}
  .position-tabs button{flex:0 0 auto!important;min-width:40px!important;min-height:34px!important;font-size:7px!important}
  .player-search{width:100%!important;height:38px!important;font-size:16px!important}
  .pool-count{font-size:7px!important;margin:4px 0 6px!important}
  .stat-head{display:none!important}
  .stat-player-list{max-height:none!important;overflow:visible!important;padding:0!important}

  /* Mobile player cards: identity, ALL available stats, then full-width Draft. */
  .h2h-player-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;padding:9px!important;margin-bottom:7px!important;border-radius:10px!important;min-width:0!important}
  .h2h-player-identity{grid-column:1 / -1!important;width:100%!important;min-width:0!important;margin-bottom:2px!important}
  .h2h-pos-chip,.h2h-pos-compact{flex:0 0 auto!important;min-width:38px!important;width:auto!important;max-width:58px!important;padding:0 5px!important;font-size:7px!important}
  .h2h-player-copy{min-width:0!important}
  .h2h-player-name-line{min-width:0!important;gap:5px!important}
  .h2h-player-name-line strong{font-size:11px!important;white-space:normal!important;line-height:1.05!important}
  .h2h-player-copy small{font-size:6px!important;white-space:normal!important;line-height:1.25!important}
  .h2h-ovr-chip{font-size:7px!important;padding:3px 5px!important;white-space:nowrap!important}
  .h2h-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;border:1px solid #26394b!important;border-radius:7px!important;padding:5px 2px!important;background:#09131e!important}
  .h2h-stat b{font-size:10px!important;line-height:1!important}
  .h2h-stat small{font-size:5px!important;margin-top:3px!important;letter-spacing:.05em!important}
  .h2h-draft-btn{grid-column:1 / -1!important;width:100%!important;min-height:42px!important;margin-top:2px!important;font-size:9px!important;border-radius:8px!important}
  .h2h-pool-state{grid-column:1/-1!important;text-align:right!important}

  /* Opponent board stays under the selection area; its private pool stays hidden. */
  .red-side{display:block!important;opacity:.68!important;margin-top:0!important}
  .red-side.active,.red-side.turn-active,.red-side.is-active{opacity:1!important}
  .red-side .scan-controls{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)!important}
  .red-side .scan-spin{font-size:7px!important}
  .red-side .court-board{filter:saturate(.9)}

  .draft-alert{margin:9px 0!important;padding:9px 10px!important;font-size:7px!important;border-radius:9px!important}
  .draft-bottom{display:none!important}
  .footer{display:none!important}

  /* Baseball follows the same mobile sequence. */
  .bb-page{padding:62px 8px 24px!important;min-height:0!important;overflow:visible!important}
  .bb-shell{width:100%!important}
  .bb-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 9px!important;padding:7px 2px 10px!important}
  .bb-top h1{font-size:22px!important}
  .bb-top>strong{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;padding:7px 16px!important;border-radius:999px!important;font-size:9px!important}
  .bb-top>div:last-child{gap:7px!important;justify-self:end!important}
  .bb-top>div:last-child span{font-size:6px!important}
  .bb-top b{font-size:24px!important}
  .bb-match{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:8px!important}
  #youSide{order:1}.bb-vs{display:none!important}#oppSide{order:3}
  .bb-side{padding:8px!important;border-radius:11px!important}
  .bb-playerhead{padding:3px 1px 7px!important;font-size:8px!important}
  .bb-controls{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;gap:6px!important;margin-bottom:7px!important}
  .bb-control-stack{grid-template-rows:auto 30px!important;gap:4px!important}
  .bb-read,.bb-spin{min-height:46px!important}
  .bb-read{padding:6px 7px!important}
  .bb-read small{font-size:6px!important}.bb-read strong{font-size:10px!important;white-space:normal!important;line-height:1.05!important}
  .bb-spin{font-size:8px!important;padding:4px!important}
  .bb-respin{height:30px!important;font-size:6px!important;padding:0 4px!important;white-space:normal!important;line-height:1.05!important}
  .diamond{height:255px!important}
  .bb-slot{min-width:50px!important;max-width:72px!important;min-height:35px!important;padding:3px 4px!important;border-radius:7px!important}
  .bb-slot b,.bb-slot strong{font-size:7px!important}.bb-slot em{font-size:6px!important}
  #yourDiamond{position:relative!important;overflow:hidden!important}
  #yourPool{display:none!important}
  #yourDiamond>#yourPool.mobile-pool-open{display:block!important;position:absolute!important;inset:0!important;z-index:60!important;margin:0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid #1b86d6!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(4,12,21,.985),rgba(5,15,25,.995))!important;animation:h2hMobilePoolTakeover .17s ease-out}
  #oppPool{display:none!important}
  #oppSide{opacity:.68!important}
  #oppSide.active-rival{opacity:1!important}
  .pool-head{display:none!important}
  .pool-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;min-width:0!important;padding:9px!important;border-bottom:1px solid #1b2b3a!important}
  .pool-name{grid-column:1/-2!important;min-width:0!important}
  .pool-name strong{font-size:11px!important;white-space:normal!important}.pool-name small{font-size:6px!important}
  .pool-row>.ovr{grid-column:4!important;grid-row:1!important;text-align:right!important;font-size:14px!important}
  .pool-row>span[title]{display:flex!important;flex-direction:column-reverse!important;justify-content:center!important;align-items:center!important;min-height:39px!important;border:1px solid #26394b!important;border-radius:7px!important;background:#09131e!important;font-size:9px!important}
  .pool-row>span[title]::before{content:attr(title);font-size:5px!important;color:#73879b!important;margin-top:3px!important}
  .pool-row .draftbtn{grid-column:1/-1!important;min-height:42px!important;font-size:9px!important}
  .slot-picker{grid-column:1/-1!important}

  /* Voice/spectator extras stay compact rather than becoming another toolbar. */
  .h2h-comms-dock,.h2h-compact-comms{transform:scale(.88);transform-origin:center top}

  @keyframes h2hMobilePoolIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
  @keyframes h2hMobilePoolTakeover{from{opacity:0;transform:scale(.992)}to{opacity:1;transform:none}}
}

@media (max-width: 390px){
  .scan-controls,.bb-controls{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)!important}
  .basketball-court,.football-field,.hockey-rink{height:230px!important}
  .soccer-pitch{height:330px!important}
  .cricket-field{height:245px!important}
  .h2h-player-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pool-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pool-name{grid-column:1!important}.pool-row>.ovr{grid-column:2!important}.pool-row .draftbtn{grid-column:1/-1!important}

  body.h2h-mobile-picking .blue-side .court-board,
  body.h2h-mobile-picking.baseball-live #yourDiamond{height:clamp(500px,70svh,680px)!important;min-height:500px!important}
}