/* mini estilo consistente con tu tómbola */
.btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  padding:.55rem .85rem;
  border-radius:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
.btn:hover{ background:rgba(255,255,255,.12); }

.btn-small{
  padding:.45rem .7rem;
  border-radius:10px;
  font-size:12px;
}

.btn-yellow{
  background:#facc15;
  color:#000;
  border-color:rgba(0,0,0,.2);
}
.btn-yellow:hover{ filter:brightness(1.06); }

.cell{
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  font-size: 22px;
  user-select:none;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  transition: transform .08s ease, filter .08s ease, background .12s ease;
}
.cell:active{ transform: scale(.98); }
.cell:hover{ filter:brightness(1.08); }

.cell.free{
  background: rgba(34,197,94,.25);
  border-color: rgba(34,197,94,.35);
  color: #bbf7d0;
}

.cell.marked{
  background: rgba(250,204,21,.85);
  border-color: rgba(250,204,21,.85);
  color: #000;
  box-shadow: 0 0 14px rgba(250,204,21,.35);
}