/* Banano Sports Pools — v5 game cards. Layered on top of the existing pools page CSS.
   Cards are rendered by pools.js (getGames / getDrawGames). */
:root{
  --v5-brand:#FFC400;--v5-brand2:#FFA000;--v5-ink:#0c1726;--v5-surface:#fff;--v5-surface2:#f4f6fa;
  --v5-text:#16202e;--v5-muted:#64748b;--v5-border:#e6eaf0;--v5-win:#16a34a;--v5-draw:#f59e0b;
  --v5-r:16px;--v5-sh:0 6px 24px rgba(16,30,54,.08);--v5-sh2:0 16px 40px rgba(16,30,54,.16);
}
body.dark-mode{
  --v5-surface:#101f33;--v5-surface2:#0a1626;--v5-text:#e7eef7;--v5-muted:#94a8c2;--v5-border:#22344c;
  --v5-sh:0 6px 24px rgba(0,0,0,.35);--v5-sh2:0 16px 40px rgba(0,0,0,.5);
}
.v5-game{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--v5-surface);border:1px solid var(--v5-border);
  border-radius:var(--v5-r);box-shadow:var(--v5-sh);margin:0 0 16px;overflow:hidden;color:var(--v5-text);transition:box-shadow .18s;text-align:left}
.v5-game:hover{box-shadow:var(--v5-sh2)}
.v5-gtop{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--v5-border);font-size:.82rem;color:var(--v5-muted)}
.v5-pill{font-size:.66rem;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
.v5-pill.sched{background:rgba(37,99,235,.12);color:#2563eb}
.v5-pill.live{background:rgba(220,38,38,.12);color:#dc2626}
.v5-pill.final{background:rgba(22,163,74,.12);color:#16a34a}
.v5-gtop .stage{font-weight:600;color:var(--v5-text)}
.v5-gtop .cd{margin-left:auto;font-weight:600;color:var(--v5-text)}
.v5-gtop .cd i{color:var(--v5-brand2)}
.v5-picks{display:grid;gap:6px;padding:8px;align-items:stretch}
.v5-picks.three{grid-template-columns:repeat(3,1fr)}
.v5-picks.two{grid-template-columns:1fr 96px 1fr}
.v5-pick{padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;border:2px solid transparent;border-radius:12px;margin:4px;transition:.16s;position:relative}
.v5-pick.clickable{cursor:pointer}
.v5-pick.clickable:hover{background:var(--v5-surface2);border-color:var(--v5-border);transform:translateY(-2px)}
.v5-pick.is_rec{border-color:var(--v5-brand);background:linear-gradient(180deg,rgba(255,196,0,.08),transparent)}
.v5-pick.is_rec.highlight{box-shadow:0 0 0 3px rgba(255,196,0,.4);background:linear-gradient(180deg,rgba(255,196,0,.16),transparent)}
.v5-pick .recbadge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--v5-brand),var(--v5-brand2));color:var(--v5-ink);font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}
.v5-pick img{width:50px;height:50px;object-fit:contain}
.v5-pick .dico{width:50px;height:50px;border-radius:50%;background:var(--v5-surface2);display:grid;place-items:center;font-size:1.3rem;color:var(--v5-draw);border:2px solid var(--v5-border)}
.v5-pick .tm{font-weight:700;font-size:.92rem}
.v5-pick.drawpick .tm{color:var(--v5-draw)}
.v5-pick .odds{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}
.v5-pick .odds.fav{color:var(--v5-win)}
.v5-pick .sub{font-size:.72rem;color:var(--v5-muted);font-weight:600}
.v5-pick .rtn{font-size:.68rem;color:var(--v5-muted)}
.v5-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--v5-muted)}
.v5-vs .v{font-size:.8rem;font-weight:700;opacity:.5}
.v5-vs .nd{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.v5-poolbar{display:flex;height:8px;border-radius:999px;overflow:hidden;margin:0 18px 12px;background:var(--v5-border)}
.v5-poolbar i{display:block}
.v5-poolbar .t2{background:var(--v5-brand)}.v5-poolbar .dr{background:var(--v5-draw)}.v5-poolbar .t1{background:#94a3b8}
.v5-gfoot{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--v5-border);font-size:.82rem;color:var(--v5-muted);flex-wrap:wrap}
.v5-gfoot b{color:var(--v5-text)}
.v5-gfoot .right{margin-left:auto}
.v5-locked{color:#dc2626;font-style:italic;font-size:.85rem}
/* v5 buttons reuse the existing #ids/classes so pools.js handlers still bind */
.v5-game .deposit_button,.v5-game .activate_button{font-family:inherit;font-weight:700;border:none;border-radius:10px;padding:9px 16px;cursor:pointer;font-size:.85rem}
.v5-game .deposit_button{background:linear-gradient(135deg,var(--v5-brand),var(--v5-brand2));color:var(--v5-ink)}
.v5-game .activate_button{background:var(--v5-surface2);color:var(--v5-text);border:1.5px solid var(--v5-border)}
.v5-game .deposit_button:hover{box-shadow:0 6px 16px rgba(255,164,0,.35)}
@media(max-width:680px){.v5-picks.three,.v5-picks.two{grid-template-columns:1fr}.v5-vs{flex-direction:row;gap:14px;padding:6px 0}}

/* day grouping headers — match the v5 card language (scoped: this file only loads on pools pages) */
.day-header{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--v5-text);font-weight:800;font-size:1.05rem;
  letter-spacing:-.01em;background:var(--v5-surface2);border-radius:12px;border-left:4px solid var(--v5-brand);padding:.7rem 1rem}
.day-separator{border-top:1px solid var(--v5-border)}

/* ---- light, cosmetic-only polish for the deposit modal so it matches the v5 cards.
   No HTML/logic changes; the deposit-flow overhaul (auto-detect) lives in the auto-deposit PR. ---- */
#deposit_modal .modal-content{font-family:'Inter',system-ui,-apple-system,sans-serif;border:none;border-radius:18px;overflow:hidden;box-shadow:var(--v5-sh2)}
#deposit_modal .modal-header{background:linear-gradient(135deg,#16202e,#0c1726);border-bottom:none;padding:18px 22px}
#deposit_modal .modal-header .modal-title{color:#fff;font-weight:700;font-size:1rem}
#deposit_modal .modal-header .close{color:#fff;opacity:.75;text-shadow:none}
#deposit_modal .modal-header .close:hover{opacity:1}
#deposit_modal .modal-body{padding:22px}
#deposit_modal #quantity,#deposit_modal #team_deposit{width:100%;padding:9px 12px;border:1.5px solid var(--v5-border);border-radius:10px;font-family:inherit;font-size:.95rem}
#deposit_modal .btn{font-family:inherit;font-weight:700;border-radius:10px;padding:9px 16px}