/* ============================================================
   BreakPlay Desi Games - theme override
   Loaded AFTER each game's own style.css. All desi games share
   the same CSS custom properties, so this single file re-themes
   every imported game to the BreakPlay look: deep space navy,
   neon cyan/violet accents, Bricolage Grotesque + Chivo + VT323.
   ============================================================ */
:root{
  --bg1:#0a1030; --bg2:#050816;
  --card:#101a3e; --line:#263363;
  --ink:#eef2ff; --muted:#9fb0d8;
  --accent:#22d3ee; --accent2:#818cf8;
  --pf:#35e08c; --good:#35e08c; --gd:#4fa8ff; --bad:#ff5c7a;
}
html,body{
  background:
    radial-gradient(900px 520px at 15% -10%, #16204a 0%, transparent 60%),
    radial-gradient(700px 420px at 110% 110%, #1a1038 0%, transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg2)) !important;
  color:var(--ink);
  font-family:"Chivo", system-ui, Roboto, sans-serif;
}
.tt{font-family:"Bricolage Grotesque", sans-serif; letter-spacing:.3px}
.overlay h1{font-family:"Bricolage Grotesque", sans-serif; text-transform:uppercase; letter-spacing:1px}
.stats span{background:rgba(16,26,62,.85); border:1px solid var(--line); color:var(--muted)}
.stats b{color:var(--accent)}
.btns button{
  background:rgba(16,26,62,.85); border:1px solid var(--line); color:var(--ink);
  transition:border-color .15s, transform .1s;
}
.btns button:hover{border-color:var(--accent)}
.btns button:active{transform:scale(.94)}
.panel{background:rgba(7,11,28,.78) !important; border:1px solid var(--line) !important;
  box-shadow:0 0 0 1px rgba(34,211,238,.06), 0 18px 50px rgba(0,0,0,.5)}
.overlay{background:rgba(4,7,20,.88) !important}
.overlay h1 span{color:var(--accent)}
.bottombar{background:rgba(16,26,62,.6); border-top:1px solid var(--line); color:var(--muted)}
.big, button.big{
  background:linear-gradient(135deg,#22d3ee,#818cf8) !important; color:#050816 !important;
  border:none !important; font-family:"Bricolage Grotesque", sans-serif;
  font-weight:800; letter-spacing:.5px;
  box-shadow:0 6px 22px rgba(34,211,238,.35);
  transition:transform .12s, box-shadow .12s;
}
.big:hover{transform:translateY(-1px); box-shadow:0 8px 28px rgba(34,211,238,.5)}
.home{
  background:rgba(16,26,62,.85); border:1px solid var(--line); color:var(--muted);
  text-decoration:none; transition:border-color .15s, color .15s;
}
.home:hover{border-color:var(--accent); color:var(--accent)}
/* VT323 retro numerals for score readouts where games use <b> in stats */
.stats b{font-family:"VT323", monospace; font-size:1.15em; letter-spacing:1px}