/* ============================================================
   Mobile bet slip — floating pill + slide-up sheet.
   The desktop sidebar stays hidden on mobile (per VantaPlay),
   replaced by this touch-friendly pattern.
   ============================================================ */

/* Floating bet-slip button (only shows on mobile when there are selections) */
.bet-fab{
  display:none;position:fixed;left:16px;right:16px;bottom:78px;z-index:90;
  height:52px;align-items:center;justify-content:space-between;padding:0 18px;
  background:linear-gradient(135deg,#d4ff5c,#c9ff3d 55%,#a9e01f);color:#0d1005;
  border:0;border-radius:8px;font-weight:900;font-size:13px;letter-spacing:.03em;
  box-shadow:0 10px 30px rgba(201,255,61,.35);cursor:pointer;
  animation:fabin .25s cubic-bezier(.2,.7,.2,1);
}
@keyframes fabin{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.bet-fab .fab-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#0d1005;color:#c9ff3d;font-size:11px;margin-right:8px}
.bet-fab .fab-return{font-variant-numeric:tabular-nums}

@media(max-width:1250px){
  /* show the fab when it has content (JS toggles .has-bets on body) */
  body.has-bets .bet-fab{display:flex}
}
@media(min-width:1251px){ .bet-fab{display:none!important} }

/* Slide-up sheet */
.bet-sheet-backdrop{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none}
.bet-sheet-backdrop.open{display:block;animation:fadein .2s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.bet-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:120;
  background:#0a0c0d;border-top:1px solid rgba(201,255,61,.2);border-radius:16px 16px 0 0;
  max-height:82vh;display:flex;flex-direction:column;transform:translateY(100%);
  transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 -20px 60px rgba(0,0,0,.6);
}
.bet-sheet.open{transform:translateY(0)}
.bet-sheet .sheet-grab{width:40px;height:4px;border-radius:3px;background:#3a403c;margin:10px auto 4px}
.bet-sheet .sheet-head{display:flex;align-items:center;padding:8px 18px 12px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.bet-sheet .sheet-head h2{font-size:14px;margin:0}
.bet-sheet .sheet-head h2 span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;margin-left:6px;background:var(--acid,#c9ff3d);color:#111;font-size:9px}
.bet-sheet .sheet-head button{margin-left:auto;border:0;background:none;color:#858c87;font-size:22px}
.bet-sheet .sheet-body{overflow-y:auto;padding:4px 0}
.bet-sheet .bet-items article{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 40px 14px 18px;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.bet-sheet .bet-items button{position:absolute;right:14px;top:12px;border:0;background:none;color:#616864;font-size:16px}
.bet-sheet .bet-items small{grid-column:1/-1;color:#626964;font-size:9px}
.bet-sheet .bet-items b{font-size:10px}
.bet-sheet .bet-items span{color:var(--acid,#c9ff3d);font-size:10px;font-weight:800}
.bet-sheet .stake-box{display:block;margin:14px 18px;padding:12px;border:1px solid var(--line);color:#6b726e;font-size:9px;border-radius:6px}
.bet-sheet .stake-box>span{float:right;color:#fff}
.bet-sheet .stake-box input{display:block;width:100%;margin-top:8px;background:none;border:0;outline:0;color:#fff;font-size:18px;font-weight:800}
.bet-sheet .return-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 18px 14px;color:#686f6b;font-size:9px}
.bet-sheet .return-row b{color:#fff}
.bet-sheet .place-bet{margin:0 18px 18px;width:calc(100% - 36px)}