/* ═══════════════════════════════════════
   SPORTS — micro-launcher picker + in-game switcher pill  v1
   ═══════════════════════════════════════ */

#sportsScreen{
  display:none;position:fixed;inset:0;z-index:10;
  background:transparent;   /* shares the home-screen backdrop (HUB_BG_SCREENS) */
  align-items:center;justify-content:center;
  overflow-y:auto;
}
.sports-picker{
  display:flex;flex-direction:column;gap:min(3vh,18px);
  width:100%;max-width:380px;padding:16px;
  margin:auto;
}
.sports-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:#fff;border:none;border-radius:24px;
  padding:clamp(14px,3vh,22px);
  box-shadow:0 6px 0 rgba(0,0,0,.08),0 8px 20px rgba(0,0,0,.10);
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .12s;
  height:clamp(120px,20vh,160px);
}
.sports-card:active{transform:scale(.95);}
.sports-card img{width:clamp(56px,14vw,80px);height:clamp(56px,14vw,80px);object-fit:contain;}
.sports-card span{
  font-family:'Baloo 2',cursive;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:800;
  color:var(--text,#5d4e3c);
}

/* In-game switcher pill — hop directly to the other two sports */
.sports-switch{
  position:fixed;left:10px;top:50%;transform:translateY(-50%);
  z-index:41;display:flex;flex-direction:column;gap:10px;
  opacity:.6;transition:opacity .2s;
}
.sports-switch:active,.sports-switch button:active{opacity:1;}
.sports-switch button{
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.85);border:2px solid rgba(0,0,0,.08);
  padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  display:flex;align-items:center;justify-content:center;
  transition:transform .12s;
}
.sports-switch button:active{transform:scale(.88);}
.sports-switch img{width:30px;height:30px;object-fit:contain;}